Google ChromeでiPhoneとかのtouch系イベントをエミュレートできるようになってた。これは便利。 | Ginpen.com
右上User Agentのところね。Emulate touch eventsにチェックを入れると、マウスのクリックやドラッグ＆ドロップでtouchstart, touchmove, touchendが発火するようになる。 開発時にいちいち実機やXcodeのエミュレーターを用意しなくても動作確認できるようになるのはとても便利。さすがにマルチタッチはできないけど、とりあえずエラーが出てないとかそういう確認ならできる。 ついでに隣の項目のOverrride User AgentでiPhoneやiPadを選ぶとなお良さそう。（ちなみにIEとかも指定できます。もちろんエミュレートはないけどね。） 画面サイズは、それを指定値に変更できるプラグインがあるから、探してみてください。 Settingsの項目は、なんか気がついたら（Chromeが更新されてて）変わってるから、ときどき覗いてみるといいんじゃない
サイトに使われている技術が丸裸になるChrome拡張「BuiltWith」:phpspot開発日誌
Chrome ウェブストア - BuiltWith Technology Profiler サイトに使われている技術が丸裸になるChrome拡張「BuiltWith」。 サーバに何を使っているとか、PHPを使っているかとか、jQueryとかのライブラリや、Analyticsが入っているかといった情報を一括で表示してくれるChrome拡張。 サイト上でボタンを押すだけで解析することが出来ます。なんだか恥ずかしいですがこういうツールで調べられちゃうので気をつけましょう ヘッダやソースを見れば当然ながら調べられる情報なんですがボタン一発で調べられるっていうのは便利ですね 関連エントリ Vimの分かりやすいチートシートを見れるChrome拡張「Vim Help」 PHPのエラーなんかをブラウザで確認できるChrome拡張「php-console」 ChromeをiPhoneシミュレーターにできる拡
WEB開発者はインストール必須のChrome拡張「Pendule」:phpspot開発日誌
Chrome ウェブストア - Pendule WEB開発者はインストール必須のChrome拡張「Pendule」。 昔からあるChrome拡張ですが知らない間に色々と便利になっているようだったのでご紹介。 ４月からはたいている新入社員のWEBデベロッパーさんにもオススメ インストールすると以下のようなボタンが表示されますのでクリック。 まず、StyleSheetのタブではCSSを見れる、CSSがその場でリロードできたり、CSSをを無効にできます サイトで使われているカラーを１６進数で出してくれる機能もあります CSSビュー。折畳み可能で使いやすく見やすい Formsタブ。パスワードを表示したり、hiddenなフィールドのアイテムを表示したりできちゃいます。恥ずかしい！ Imagesのタブでは全部の画像を非表示にしたり、背景画像を非表示にしたり、altを全部表示したりといったことが可能 そ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
便利！cookieを管理できるChromeエクステンション
音声配信業界のニュースまとめ👇👇👇 無料ニュースレターを購読する Yoshihiko Yoshida フリーIT講師。「マツコの知らない世界」「王様のブランチ」「ZIP」などTV出演多数。教育システム情報学会会員。元立教大学/第等文化大学非常勤講師。主な著書「Googleアナリティクス基礎講座」（技術評論社）。 ＞＞もっと読む @creator_enewsをフォロー ＜＜お問い合わせはこちら＞＞ ・プライバシーについて 当ブログではGoogleアナリティクスとcookieを用い、個人を特定しない範囲でアクセス状況を記録しています。Google側ではその情報をGoogleアカウントと紐付けパーソナライズ広告に利用しています。その情報は取り扱いに注意しつつ、内容充実や企画立案など、皆様のお役に立てるよう活用しています。 パーソナライズド設定をオフにするには、Google公式ページを御覧く
Google Chromeに乗り換えて1年、私がWEB活動に欠かせない拡張機能11個まとめ | フリーソフトラボ.com
昨年のちょうど今頃の時期に、FirefoxからChromeに乗り換えたので導入した拡張機能＋周辺ツールまとめという記事をエントリーしましたが、今回、実際に筆者がGoogle Chromeを本格的に使い始めて一年と少しが経過しました。 そこで、上記エントリーでは紹介しなかった、その後新しくインストールした拡張機能や、今はもう使わなくなって消してしまった拡張機能もいくつかあるので、改めて現在愛用している拡張機能をまとめてみます。 AutoPagerize for Chrome Greasemonkeyで超人気のスクリプト「AutoPagerize」のChrome用拡張機能。Googleの検索結果など、ページごとに分けられたウェブページを自動で読み込んで、継ぎ足し表示してくれます。 Readmine 筆者も愛用している”あとで読む”系サービス「Read It Later」のChrome用クライア
第6回 Firebug要らずなChromeのWeb Inspector | gihyo.jp
こんにちは、太田です。今回はChrome拡張の開発時のノウハウとして、開発ツールの解説をお送りします。Google ChromeにはWebKit由来のWeb Inspectorというデバッグツールが搭載されています。以前にも少しだけ紹介しましたが、今回は具体的な使い方まで掘り下げて解説します。なお、今回のWeb Inspectorの解説はChrome拡張だけでなく、JavaScriptを使ったウェブアプリケーションの開発に一般的に役立つノウハウとなっています。 WebKitのWeb Inspector Chrome拡張の開発の必需品であるWeb Inspectorですが、こちらは元々WebKit（Safari）で開発されたもので、Google Chrome（Chromium）に搭載されているものはさらに機能が追加されています。FirefoxにはFirebugという定番ツールがありますが、そ
2011年に見つけた入れておくと便利なオススメChrome拡張機能ベスト10 | フリーソフトラボ.com
Chromeの拡張機能が本格的にリリースされるようになって、2011年いっぱいで早くも約2年が経過しました。世界のブラウザシェアでFirefoxを追い抜き、拡張機能の開発もますます盛んなChromeですが、主要なものは最初の1年のうちに出そろった感があり、最近は面白い拡張に出会うことも少なくなってきました。 今回はそんな中で、2011年の1年の間に新しくリリースされた拡張機能の中から、筆者が気に入った便利な拡張機能の個人的ベスト10をまとめて紹介。ブラウジングを効率化してくれるものや、Chromeのかゆいところに手が届くものなど、インストールしておくと何かと便利そうな拡張機能を中心に選んでみました。 Reeder for Chrome ウェブ版Googleリーダーの見た目をMacで超人気のGoogleリーダークライアント「Reeder for Mac」と全く同じにできる拡張機能。以前当サイ
Chromeの「シークレットウィンドウ」はWeb開発にとても使える
皆さん、Google Chrome の「シークレットウィンドウ」使ってますか？ Google Analytics を見る限り、このブログでは Google Chrome がトップシェアですが、周りの方に話を聞いてみると、残念ながら Google Chrome の「シークレットウィンドウ」機能はそれほど使われていないようです。 あれほど Web 開発に使える機能は他にないのに…と残念に思っていても仕方ないので、活用方法をまとめて記事にしてみました。 目次 まずは基本の使い方 Webサービスにログインしている状態としていない状態を同時に確認 Webサービスに2つのアカウントで同時にログイン Webページの表示がおかしい時は、まず「シークレットウィンドウ」で確認 検索エンジンでの順位チェックは「シークレットウィンドウ」で ニコニコ動画が何度もエラーになる時は「シークレットウィンドウ」で まずは基
ディレクターの日常業務で役立つGoogle Chromeのアドオン10個 : LINE Corporation ディレクターブログ
ディレクターの渡邉雄介です。 皆さんは仕事中にどんなWebブラウザを利用していますか？ 私の周りは一昔前はFirefoxが多かったのですが、最近はGoogle Chromeをメインで使っている人が増えてきた気がします。 Webブラウザのシェアを調べてみると、10月時点で国内ではChromeが2位のFirefoxに迫る勢い (世界的にはすでにFirefoxを抜いて2位) ということで、今後のWeb開発においてはChromeの存在も無視できない存在になってきたのではないでしょうか。 ※参考: ChromeブラウザシェアがFirefoxを抜いて2位に！IEを抜いてシェアトップになるのは2012年5月中旬頃の予想 | Chrome Life 私自身も1年ほど前にメインで使うブラウザをFirefoxからChromeに変えました。以前はFirefoxほど便利なアドオン (機能拡張) がありませんでした
Google、App EngineにSQLデータベース追加
米Googleは米国時間2011年10月6日、同社のWebアプリケーション開発／実行環境「Google App Engine」にクラウドベースのリレーショナルデータベース管理システム「Google Cloud SQL」を追加すると発表した。当面、限定的なプレビュー版として提供する。 Google Cloud SQLはクラウド環境で完全に管理されているため、開発者はリレーショナルデータベースの運用や保守に煩わされることなく、アプリケーションとサービスの開発に専念することができるとしている。データは複数のデータセンターに同時に格納されるので、マシンやデータセンターの障害が発生した場合、影響を最小限に抑えることができる。 多くの人々が慣れ親しんでいるMySQLデータベース環境を提供する。JavaアプリケーションからはJDBCを介して、PythonアプリケーションからはDB-APIを介してアクセス
Chromeをメインブラウザにするための絶対はずせないエクステンション vol.1 - iTea3.0
@torizoです。 今回はChromeをメインブラウザにするための絶対にはずせない超オススメエクステンションを紹介します。
Google+の使い方徹底ガイド | nanapi[ナナピ]
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
Chrome ウェブストアを日本語化 : 新たに日本向けウェブアプリを12個公開
この度、Chrome ウェブストアを日本語化しました。 Chrome ウェブストアはユーザーが簡単にウェブアプリケーションを検索し、発見できるオープンなマーケットです。2010年12月に米国で開始以来、ニュースや天気をチェックできるアプリや、辞書などの教育関連、ソーシャルツールなど、3,000 以上の便利で楽しいウェブアプリケーションが登録されています。すでに多くの方にお使いいただいている 1,600 以上の拡張機能も、こちらのウェブストアからお探しいただけます。 開発者の方にとっては、Chrome ウェブストアは Chrome ブラウザの 1 億 6000 万を超える巨大なユーザー基盤に対してウェブアプリケーションを配信できるプラットフォームです。 また、今回の日本語化にあわせ開発された日本向けウェブアプリケーション 12 個をご紹介します。 英辞郎 on the WEB Pro （作成
郵便番号から住所を検索するJavaScriptの再々発明 - Webtech Walker
先日勉強会で@kotarok先生が見せてくれたjQuery.zip2addrを元に車輪の再々発明（kotarokさんのが再発明と言っていたので）してみました。 jQuery.zip2addrはGoogle日本語入力APIを利用して郵便番号から住所を検索するという画期的アイデアのスクリプトなんですが、これのjQueryとかHTMLに依存してない版です。 DEMO hokaccha’s js-zip2address at master - GitHub zip2address('150-0001', function(address) { address.all; //=> 東京都渋谷区神宮前 address.pref; //=> 東京都 address.city; //=> 渋谷区神宮前 }); ハイフンはあってもなくてもいいです。郵便番号が間違ってたりするとaddressにはundefin
グーグル、「Instant Previews」発表--検索結果をプレビュー表示
Googleは米国時間11月9日に、検索結果のプレビュー表示を全世界でローンチした。ただし、この機能が全ユーザーのコンピュータの画面上に現れるまでには少し時間がかかるかもしれない。Googleはテストを開始した数週間前にこの機能を披露したが、正式に公開するために十分なテストを実施した、と同社でウェブ検索機能の技術統括者兼マネージャーを務めるJeremy Silber氏は述べた。 Silber氏は、Googleはこの機能を「Instant Previews」と呼んでいると述べた。9日以降、Google検索において、検索結果の横に小さな虫メガネが表示されるようになる。その虫メガネをクリックすると、検索語を強調表示しつつ、その語を含む箇所を拡大表示した大まかなプレビューが生成され、プレビューされたページを実際に参照したければ、クリックしてサイトに移動することができる。 Silber氏によると、検
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
作業効率が10倍アップする Chrome Developer Tools の使い方 - はてブロ@ama_ch
Macでの閲覧速度が上がるChromeショートカット集！ » SHINGOLOG
Google、HTML5で制作されたウェブ技術解説絵本の日本語版を公開 
Gmailが不正アクセスされたときに自分以外のアクセスを一斉に遮断する方法 | ライフハッカー・ジャパン
