Google Chrome Extensionは自動的に更新される

このドキュメントの内容は、以下の通りです。

• まとめ
• Google Chrome のエクステンション
• HTML5 Local Storage
• ブラウザAPI
• エクステンションプロセスモデル
• エクステンションは複数のＷｅｂページ
• エクステンションページは、通信できる
• パッケージングと配布
• デプロイメント、インストール
• アップデート
• ギャラリー

まとめ

• パッケージはzipファイルで HTML,CSS,JavaScript
• エクステンションはWebページを作るように作れる
• エクステンションはそれぞれが１つのプロセスとして割り当てられる
• ChromeもエクステンションもGoogleから配信されて常に最新になる
• APIは互換を持つ

Google Chrome のエクステンション

• パッケージはzipファイル(Firefoxと同じ)
• パッケージには、HTML,CSS,JavaScriptのファイルが含まれる

• エクステンションのUIのそれぞれのパーツは、完全に機能するWebページ
• エクステンションを書くことは、ちょうどWebページを書くようにできる。デバッグツールも使えるし、JavaScriptライブラリ、同じテクニックも使える。
• 簡単に開発ができて、インタラクティブな開発サイクル。

<div id='button' class='toolstrip-button'>
<img src='icon.png'>
<span>Subscribe</span>
</div>

HTML5 Local Storage

localStorage.setItem("foo", "bar");
console.log(localStorage.getItem("foo"));

ブラウザAPI

• タブとウィンドウのＡＰＩ
• ブックマーク
• ダウンロード
• などなど

エクステンションプロセスモデル

• Chromeは、マルチプロセスブラウザ
• タブやプラグインはそれぞれ１つのプロセス
• Webページやプラグインはブラウザをクラッシュさせない
• タブの中のExploitは閉じこめられている

• それぞれのエクステンションが１つのプロセス
• エクステンションは、ブラウザをクラッシュしない
• Exploitは、閉じこめられている。

エクステンションは複数のＷｅｂページ

• それぞれの toolstrip, サイドバーなどはWebページ
• それぞれのブラウザウィンドウは、自身のwidgetのセットを持つ

エクステンションページは、通信できる

• それらはすべての同じプロセス、同じスレッドにある
• 通信は、inter-frame コミュニケーションに似ている。またはpopup windowを使う。
• 直接的な関数呼び出し

  var total = 0;
  chrome.extension.getToolstrips().forEach(function(toolstrip) {
  	  total += toolstrip.someFunction("foobar");
  });
  console.log("total is: " + total);
  

パッケージングと配布

• エクステンションは、MITMアタックを妨げるために署名される。
• Manifestは、インストールＵＩをすぐに表示する。

デプロイメント、インストール

• デプロイするためにあなたのサーバへCRXをコピーする
• インストールは、すぐ！
• リスタートは不要
• あなたのCRXファイルはGoogleサービスが配布する

アップデート

• ユーザはなにもしなくていい
• ユーザは、常に最新のバージョンを使える
• 再起動は不要

• Chrome バージョンはの機能はForward compatible
• Googleは、簡単に使えるアップデートサービスを提供する。

ギャラリー

• エクステンションギャラリーがあります