こんにちは、太田です。今回はChrome拡張の開発時のノウハウとして、開発ツールの解説をお送りします。Google ChromeにはWebKit由来のWeb Inspectorというデバッグツールが搭載されています。以前にも少しだけ紹介しましたが、今回は具体的な使い方まで掘り下げて解説します。なお、今回のWeb Inspectorの解説はChrome拡張だけでなく、JavaScriptを使ったウェブアプリケーションの開発に一般的に役立つノウハウとなっています。 WebKitのWeb Inspector Chrome拡張の開発の必需品であるWeb Inspectorですが、こちらは元々WebKit(Safari)で開発されたもので、Google Chrome(Chromium)に搭載されているものはさらに機能が追加されています。FirefoxにはFirebugという定番ツールがありますが、そ
Windows/Linux対応GoogleChromeのみ:Google Chromeの拡張機能を集めた公式ギャラリー「Google Chrome Extensions」がオープンしました。そこで、こちらでは米Lifehackerオススメの拡張機能をご紹介しましょう。ちなみにいずれもWindows/Linuxのみの対応ですので、Macユーザの方は、近い将来リリースされるであろうMac対応版までしばしお待ちください。 Google Mail Checker: アドレスバーに常駐させると、未読メッセージを追跡してくれ、クリックするとGmailが開く。 RSS Subscription Extension: 標準フィードを検知するとRSSアイコンがアドレスバーに表示され、クリックすると選んだページへフィードしてくれる。 Xmarks for Chrome Beta: Chromeとブックマークア
Vimlike SmoozieeはGoogle Chrome向けのオープンソース・ソフトウェア。先日紹介したFirefox上でVimライクなキーバインドを可能にするVimperator labsは好き嫌いのはっきり分かれるツールだ。Vim好きな方にとっては願ったりのツールだろうし、独特のキーバインドが苦手という人もいるだろう。 Google Chromeの移動操作をVim風に Vimperator labs同様のキーボードによるWebブラウザ操作をGoogle Chromeでも実現するのがVimlike Smoozieeだ。機能はVimperator labsに比べると限定的ではあるが、よく使われるようなコマンドは抑えられている。なおVimperator labsの機能を一部使って実現されている。 Vimのようにhjklによるスクロール機能がある。上下左右に自由にスクロールが可能だ。この移
It's free and installs in seconds. For Internet Explorer 6, 7, and 8 on Windows Vista / XP SP2. Enable open web technologies in Internet Explorer Google Chrome Frame is an early-stage open source plug-in that seamlessly brings Google Chrome's open web technologies and speedy JavaScript engine to Internet Explorer. With Google Chrome Frame, you can: Start using open web technologies - like the HTM
流星の如くあらわれたGoogle製ブラウザ「Google Chrome」。重厚路線を突き進むFirefox、IEなどのブラウザを尻目に軽快なフットワークでウェブサービスを取り込み、急速に勢力を拡大しつつある。もはやおまけのブラウザではない「Chrome」の特徴をしっかり把握して、適材適所で使いこなせるようになろう! ・進化中のChromeの本領はウェブサービスで発揮される ・「シークレットモード」などの特殊機能を活用する ・オンライン化した夜用動画をGoogle Chromeからコッソリ再生 ・フォルダ内の動画を全自動でアップロードしてくれる「Soonr」 ・Google Chrome+MP3tunesで大量のマイ音楽を出先で楽しむ! ・出先マシンでのBGM再生はLast.fmでお気に入りだけをチョイス ・ChromeならGmailを標準メーラー並にサクサク使えるぞ! ・Gm
Chromeの動作が圧倒的に速いように感じている。Chromeがリリースされた当初、それがなぜなのかよく分からなかった。グーグルだけにできて、ほかのWebブラウザ開発者にできないことなどあるように思えないが、それにしてはあまりに速いように感じたからだ。 その疑問のほとんどは、Chromeのオープンソースプロジェクト版「Chromium」の公式ブログの解説で氷解した。ブログを読んで分かったのはグーグルのエンジニアたちが信じられないほどのスピード狂であることと、そのスピードへのこだわりには2種類の“スピード”があることだ。 1つは処理速度、もう1つは応答速度だ。特に後者、ユーザーをできるだけ待たせない、イラつかせないということに対する徹底したこだわりは、すさまじい。その背後には「スピードとは、つまりお金だ」という洞察があるようだ。 0.5秒の遅延でユーザー離れ グーグル創業約1年後の1999年
Summary: An open-source project to help move the web forward. Chromium is the open-source project behind Google Chrome. We invite you to join us in our effort to help build a safer, faster, and more stable way for all Internet users to experience the web, and to create a powerful platform for developing a new generation of web applications.
■クリックボードにURLを記入しているとき、アドレスバーの上で右クリックすると、「貼り付けて移動」することが可能(つまりエンターキーを押さなくて済むわけですね)。 ■テキストエリアのコーナーをクリック&ドロップすることで、入力エリアをリサイズ。ブログコメントやWebメール、フォーラムなどに記入する際には、恐ろしく便利な機能です。 ■Ctrl + マウスホイールでズームイン&アウト。 ■アドレスバーのURLをドラッグ&ドロップすることで、デスクトップにURLを保存。エクスプローラウィンドウにも同じことができます(タブをドラッグ&ドロップすることで、ウィンドウを切り離したり、融合させたりできるのはすでにご存知ですよね?)。 『Google Chrome』のショートカット一覧 マウス操作を好まない方のために、『Google Chrome』にはさまざまなショートカットが搭載されています。しかも、ほ
Google Chromeはシンプルに見えてオフラインやWebアプリショートカット作成などいろんな機能が搭載されています。 そんな中、JavaScriptデバッガがあるのも発見! どんなもんかと思ってみてみたら、なんとコマンドラインベースのデバッガです。Firebugみたいな物を想定していたのですが、まさかgdb(GNU製C/C++デバッガ)みたいなのがブラウザに載ってるなんて・・・しかも全然情報ないし。 でも開発者にとっては、JavaScriptをランタイムでデバッグできると言うのは非常に嬉しい事ですね。そこで、Chromeデバッガの使用法についてちょっと調べてみました。 デバッガは、開発者向けメニューの中から選択する事が出来ます。立ち上げてみると、コマンドの表示結果が表示されるエリアと、コマンドを入力するテキストフィールドが並んでいるだけ、と言うシンプルなUIが表示されます。 最下部の
Googleのブラウザ「Google Chrome」のユーザーインターフェースは、可能なかぎり簡素化されている。しかし、Chromeは「Omnibox」を入り口として、更なる詳細を見ることができる。 Chromeのアドレスボックスにコマンドを打ち込んで、普段は隠されている詳細な情報や楽しいイースターエッグを呼び出すことができるのだ。 「Firefox」では、アドレスバーに「about:config」など「about:」で始まるコマンドを入力すれば、さまざまな細目を表示して微調整を行うことができる。Googleはそれに倣った。 これは多くの人にとってはどうでもいいことかもしれない。しかしプログラマーにとっては注目すべき機能であり、それはウェブページを作るプログラマーであっても、Chromeの基になっているオープンソースプロジェクトの「Chromium」で遊んでみたいというプログラマーであって
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く