フロントエンドエンジニアになってから11ヶ月間で覚えたちょっと捗るChromeの使い方 - Qiita
はじめに 昨今のWebブラウザはどのような機能があるのか把握するのも大変なほど多機能で便利ですよね。 Webブラウザの機能を把握してうまく使いこなせること（とくに開発者ツール）が、フロントエンドエンジニアの前提スキルになってきてるのかなぁと感じる今日この頃です。 ということで自分のデフォルトの開発用ブラウザはChromeなのですが、これを覚えて捗ったなぁということをメモしていこうと思います。 思い浮かんだら追記していこうと思っているのでストックして頂けると幸いです。 基本系 キーボードショートカットを覚える Chromeのキーボードショートカットの一覧 キーボードで出来ることはなるべくキーボードでやるけれども、マウスやトラックパッドでやったほうが速い場合は臨機応変に切替えることを心がけています。 Chrome Canaryを使う Chromeの開発者向けプレビュー版 Chrome Cana
WEB開発者はインストール必須のChrome拡張「Pendule」:phpspot開発日誌
Chrome ウェブストア - Pendule WEB開発者はインストール必須のChrome拡張「Pendule」。 昔からあるChrome拡張ですが知らない間に色々と便利になっているようだったのでご紹介。 ４月からはたいている新入社員のWEBデベロッパーさんにもオススメ インストールすると以下のようなボタンが表示されますのでクリック。 まず、StyleSheetのタブではCSSを見れる、CSSがその場でリロードできたり、CSSをを無効にできます サイトで使われているカラーを１６進数で出してくれる機能もあります CSSビュー。折畳み可能で使いやすく見やすい Formsタブ。パスワードを表示したり、hiddenなフィールドのアイテムを表示したりできちゃいます。恥ずかしい！ Imagesのタブでは全部の画像を非表示にしたり、背景画像を非表示にしたり、altを全部表示したりといったことが可能 そ
Chromeの隠し機能にアクセスできる「Service Pages for Google Chrome」が便利！開発者向けの特殊URL早見表付き - Chrome Life
Chromeでは、アプリケーションやエクステンションを開発する人のために、ブラウザのメモリ状況やキャッシュ・ネットワーク通信状態などの内部情報を確認できる仕組みを提供しています。 ブラウザの内部情報は、chrome://xxx のような特殊なURLでアクセスすると確認ができます。 例えば、ブラウザで下記のアドレスを入力します chrome://net-internals/ ネットワークに関する様々な情報が確認できるページが開きます。 他にもこのような特殊URLはたくさんあるのですが、開発者向けの隠し機能なのでアドレスを直接入力しなければいけなく面倒です。 しかし、最新のChromeでは特殊URLの一覧ページがちゃんと用意されていました。 chrome://chrome-urls/ をアドレスバーに入力すると、特殊URLの一覧が表示されるので、そこからアクセスできるようになります。 どのUR
Native Client SDK - Google Code
How do I start? Read the Technical Overview. Download the SDK. Check out the sample code and Getting Started tutorial. Examine the APIs in detail. Welcome to Native Client Native Client is an open source technology that allows you to build web applications that seamlessly execute native compiled code inside the browser. Now, in addition to JavaScript, you can write new web apps in C and C++ as wel
Google Chrome でAjaxを利用しローカルファイルにアクセスする
Google Chrome でAjaxを利用しローカルファイルにアクセスする Google Chrome5.0.335以降でどうやらローカルファイへのアクセスポリシーが変更されており、AjaxのXMLHttpRequest でローカルのHTMLなどからローカルファイルにアクセスが出来なくなってしまったようです。[5.0.335 Update] ローカルサーバーなどを立てて開発している場合は問題ないんですが、たんなるローカルファイルとして開発しているとやっかいですね。 解決方法としては、Google Chromeの起動オプションに次のコードを追加します。 -allow-file-access-from-files 起動オプションはWindowsですと、アプリのショートカットアイコンを右クリックしてプロパティを選択、リンク先を次のように変更することで付加できます。 C:\Users\...(中
「Google Chrome 9」のFlashで日本語入力できない症状の対策方法|ガジェット通信 GetNews
2011年02月04日にWebブラウザ「Google Chrome 9」の安定版がリリースされました。 「Google Chrome」を使っている多くの人は、自動アップデートなので既に「Google Chrome 9」になっていると思います。しかし「Google Chrome 9」（バージョン9.0.597.84）ではFlashで日本語入力できないという症状が発生しています。 これにより、ニコニコ動画にてコメントが打てない、Flashでのメッセージのやり取りができないなどの問題が発生しています。Windows版Google Chrome 9の対策方法の紹介です。（MAC版Google Chrome 9ではこの対策は効果がありません。） ※一部配信先ですべての画像を確認できない場合があります。すべての画像を見るには、ガジェット通信サイトの記事をご覧ください。 「Google Chrome」に
Mozilla Re-Mix: 2010年 管理者がお世話になった27個のGoogle Chrome拡張機能。
2009年末ごろに公開された「Google Chrome拡張機能ギャラリー」には、この1年で非常に多くの拡張機能が登録され、今では選ぶのも苦労するほどになっています。 こうした拡張機能を使うことによって、Google Chromeがメインの方も、サブで使っている方も、Firefoxに負けないブラウジング環境を手に入れることができるようになったのは喜ばしいことですね。 管理者のGoogle Chromeもいつの間にか多くの拡張機能がインストールされた状態となっています。 そこで今回は、年末まとめ記事第２弾として、Firefoxをメインにしている管理者が、サブブラウザであるGoogle Chromeにインストールしている27個の拡張機能をざっとご紹介したいと思います。 この記事もちょっと長くなりますが、リストの中から気に入ったものを見つけていただければ幸いです。 1.Scrapbook ページ
YouTube人気急上昇
【ゆっくり解説】マグニチュード9.5！？地球の裏側にまで被害を及ぼした観測史上世界最大の地震…「チリ地震（1960年）」
YouTube人気急上昇
【ゆっくり解説】本番直前で体重8kgオーバー！？機体を修正するも翼が折れて後遺症が残る大怪我に…「第31回鳥人間コンテストの事故」
パワーユーザーがFirefoxよりもChromeを好むワケ | ライフハッカー・ジャパン
オープンで拡張機能が優れているFirefoxは、パワーユーザーが好んで使うウェブブラウザです。一方で、Googleの軽量なChromeも人気です。拡張機能があり、オープンブラウザということで、Firefoxから鞍替えするユーザーもいます。 米lifehackerの読者に、現在使っているブラウザをアンケートしたところ、Chromeが42%で、Firefoxが33%でした。前回（英文記事）は、Firefoxが57%で、Chromeが21%だったので、Chromeはかなり飛躍したことになります。 米lifehackerでは、オフィスを開いた2005年以来Firefoxを使っていて、Internet Explorerに比べ、格段に使いやすいFirefoxに愛着を持っているのですが、読者の投票からすると、どうやらChromeの時代になってきているようです。ここからは、なぜパワーユーザーがChrome
日本のGoogle 社員が選んだ Chrome エクステンションのご紹介
メディア関係者向けお問い合わせ先 メールでのお問い合わせ: pr-jp@google.com メディア関係者以外からのお問い合わせにはお答えいたしかねます。 その他すべてのお問い合わせにつきましては、ヘルプセンターをご覧ください。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Chrome Developer Tools入門 in DevFestX Sapporo
Google Sites: Sign-in
SourceKitを使えるようにする方法
https://bugs.chromium.org/p/chromium/issues/detail?id=52486
Chrome拡張入門
緊急地震速報をデスクトップへ通知するChrome拡張「緊急地震速報 by Extension」