Google Chrome拡張機能入門

Google Chrome拡張機能入門

Google Chrome拡張機能入門をドットインストールで勉強することにしました。

Google Chrome拡張機能入門
全20回レッスンです。

 

Google Chrome拡張機能入門記事一覧

#01 Google Chrome拡張機能とはなにか?

Google Chrome拡張機能入門の動画、#01 Google Chrome拡張機能とはなにか?を見ました。動画を見ると、http://developer.chrome.com/extensions/index.htmlが公式サイトだということですが、2014/08/14現在、このURLにアクセ...

≫続きを読む

 

#02 Browser Actionを作ろう (1)

Google Chrome拡張機能入門の動画、#02 Browser Actionを作ろう (1)を見ました。「Browser Action」は、ツールバーに常駐し、それをクリックすると動くプログラムです。最初にファイルが3つ必要です。●icon ファイル●manifest.jsonメタ情報をまとめ...

≫続きを読む

 

#03 Browser Actionを作ろう (2)

Google Chrome拡張機能入門の動画、#03 Browser Actionを作ろう (2)を見ました。前回の動画で作った、manifest.jsonに追記しました。必要なものの三つ目はpopup.htmlだったようです。これも作りました。たぶん、これで完成です。ブラウザアクションに関しては、...

≫続きを読む

 

#04 拡張機能を読み込んでみよう

Google Chrome拡張機能入門の動画、#04 拡張機能を読み込んでみようを見ました。Chromeで、ツール↓拡張機能↓デベロッパーモードにチェック↓パッケージ化されていない拡張機能を読み込むで、●icon ファイル●manifest.json●popup.htmlが入っているフォルダを選択し...

≫続きを読む

 

#05 バッジテキストをつけてみよう

Google Chrome拡張機能入門の動画、#05 バッジテキストをつけてみようを見ました。background.jsを作りました。background.jsは、SHIFT-JISで問題なしでした。バッジテキストは、4文字までです。試しに5文字にしてみたら、最初の4文字しか表示されませんでした。日...

≫続きを読む

 

#06-#08 ページの背景色を変えてみよう

Google Chrome拡張機能入門の動画、#06 ページの背景色を変えてみよう (1)#07 ページの背景色を変えてみよう (2)#08 ページの背景色を変えてみよう (3)を見ました。とりあえず、コードをコピーしてやってみたらできました。JavaScriptのことを、あまり理解していなかったの...

≫続きを読む

 

#09 クリックだけで背景色を変えてみよう

Google Chrome拡張機能入門の動画、#09 クリックだけで背景色を変えてみようを見ました。これも、コードをコピーしたら、簡単にうまくいきました。アイコンをクリックするだけで、色が変わります。プレミアムサービスに登録して良かったです。色が緑に変わると、全然文字が読めなくなるので、違う色に変え...

≫続きを読む

 

#10-#13 オプション設定を有効にしよう

Google Chrome拡張機能入門の動画、#10 オプション設定を有効にしよう (1)#11 オプション設定を有効にしよう (2)#12 オプション設定を有効にしよう (3)#13 オプション設定を有効にしよう (4)を見ました。だいぶ、理解するスピードが上がってきました。#13 オプション設定...

≫続きを読む

 

#14-#16 Page Actionを作ってみよう

Google Chrome拡張機能入門の動画、#14 Page Actionを作ってみよう (1)#15 Page Actionを作ってみよう (2)#16 Page Actionを作ってみよう (3)を見ました。4種類のうち2番目の「Page Action」です。特定のページで起動するものです。と...

≫続きを読む

 

#17 Content Scriptsを作ってみよう

Google Chrome拡張機能入門の動画、#17 Content Scriptsを作ってみようを見ました。4種類のうち3番目の「Content Scripts」です。特定のページで自動実行されるものです。http://dotinstall.com/内のページにアクセスすると、アラートがでます。と...

≫続きを読む

 

#18-#19 右クリックからTwitter検索する

Google Chrome拡張機能入門の動画、#18 右クリックからTwitter検索する (1)#19 右クリックからTwitter検索する (2)を見ました。4種類のうち4番目の「Context Menu」です。特定のページで自動実行されるものです。コードをコピーして実行したら、すぐにできました...

≫続きを読む

 

#20 拡張機能を他の人と共有しよう

Google Chrome拡張機能入門の動画、#20 拡張機能を他の人と共有しようを見ました。「拡張機能のパッケージ化」を行って、他の人にも使ってもらうことができるようにする方法です。自分だけで使うなら、パッケージ化しなくてもいいような気がしますが、僕の場合、1人でも、パソコンを3台使っているので、...

≫続きを読む

 

プロフィール


 
トップページ メルマガ登録