Chromeさんの拡張機能をつくろうね

ふたたび Fuya です． 
今日はChrome拡張機能について簡単に紹介したいと思います． 皆さん御存知の通り，Chromeの拡張機能はJavaScriptから出来ています． 
つくりかたを書いて行きたいと思います．

ディレクトリ(フォルダ)を作る

適当なフォルダを作ってください．とりあえずデスクトップにつくります．

manifest.jsonを作る

Chrome拡張機能の設定ファイルである「manifest.json」をディレクトリに作ります．中身はとりあえずこんなかんじにしましょう

{
 "name": "My extension",
 "version": "0.1",
 "manifest_version": 2,

 "description": "The t-lab's extension.",
 "icons": { 
 },
 "content_scripts": [
  {
   "matches": [
    "http://*/*",
    "https://*/*"
   ],
   "js": ["test.js"],
   "run_at": "document_end"
  }
  
 ]
}

とりあえずコピペでいいです．

JSファイルを作ろう

次に「test.js」をディレクトリの中に作りましょう．中身はこんなかんじです

(function(){
    alert("Hoge");
})();

以上で終わりです！簡単でしょ？

使おう

Chromeの設定から，「パッケージされていない拡張機能を読み込む」を押して，はじめに作ったディレクトリをしていしましょう！

これがでたら完成です

入れたら，早速ためしてみましょう．

うざいですね＞ ＜

Chrome拡張機能では，content_scriptsという特定のページを読んだ時にJavaScriptを実行するものを作りました． オプションページを作ったりChromeのもともとのページを変えたりとなんでもできます．

おまけ

過去に、Myブックマークという拡張機能を作りました．

上記のように見てるページをブックマークすることができます． http://fuya.info/clip/ だれでも簡単につくれるのでみなさんも試してくださいね