ドットインストール - 3分動画でマスターする初心者向けプログラミング学習サイト
レッスン一覧
プレミアム会員
法人でのご利用
ログイン
トップ
/
マイページ
/
レッスン一覧
/
【旧版】Google Chrome拡張機能入門
【旧版】Google Chrome拡張機能入門
(全20回)
最新版のレッスンはこちらから »
【最新版】Google Chrome拡張機能入門 (全20回)
Googleが提供するブラウザ「Google Chrome」において拡張機能を作成する方法を解説していきます。
このレッスンでは
Google Chrome 24.0
を使用しています。
動画レッスン一覧
(20)
未完了
#01 Google Chrome拡張機能とはなにか?
(02:44)
無料公開中
公式サイト
必要となる知識
必要となるツール
用語(Browser Action、Page Action、Content Scripts、Context Menu)
未完了
#02 Browser Actionを作ろう (1)
(02:51)
無料公開中
Browser Actionの説明
manifest.json
未完了
#03 Browser Actionを作ろう (2)
(02:55)
無料公開中
manifest.json
popup.html
未完了
#04 拡張機能を読み込んでみよう
(02:15)
無料公開中
拡張機能の読み込み
popup.htmlの修正
未完了
#05 バッジテキストをつけてみよう
(02:43)
無料公開中
background.js
バッジテキストの表示
動作確認
未完了
#06 ページの背景色を変えてみよう (1)
(02:56)
manifest.jsonの変更
popup.htmlの変更
未完了
#07 ページの背景色を変えてみよう (2)
(02:49)
myscript.js
未完了
#08 ページの背景色を変えてみよう (3)
(02:00)
動作確認
デバッグの方法
未完了
#09 クリックだけで背景色を変えてみよう
(02:57)
クリックイベントの設定
動作確認
未完了
#10 オプション設定を有効にしよう (1)
(02:57)
manifest.json
options.html
未完了
#11 オプション設定を有効にしよう (2)
(02:35)
myscript.js
未完了
#12 オプション設定を有効にしよう (3)
(02:20)
myscript.js
background.js
未完了
#13 オプション設定を有効にしよう (4)
(02:04)
動作確認
未完了
#14 Page Actionを作ってみよう (1)
(02:53)
manifest.json
background.js
未完了
#15 Page Actionを作ってみよう (2)
(02:24)
Page Actionの表示
クリックイベントの設定
未完了
#16 Page Actionを作ってみよう (3)
(01:08)
動作確認
未完了
#17 Content Scriptsを作ってみよう
(02:40)
Content Scripts
未完了
#18 右クリックからTwitter検索する (1)
(02:40)
Context Menu
未完了
#19 右クリックからTwitter検索する (2)
(02:27)
background.js
動作確認
未完了
#20 拡張機能を他の人と共有しよう
(02:22)
拡張機能の共有
拡張機能の更新
お知らせ
お知らせ
02/19
ES2017対応『JavaScriptでおみくじを作ろう』を追加しました
(02/19)
もっと見る
全ユーザーの学習状況
完了済
818
学習中
2,818
閲覧数
189,802
このレッスンについて
最終更新日
2013年2月6日
(2203日前)
バージョン情報
Google Chrome 24.0
関連キーワード
(4)
基礎講座
(249)
初心者向け
(255)
JavaScript
(126)
ブラウザ拡張機能
(1)
このレッスンを共有する