ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2025/03/20
NEW
【週刊ドットインストール】 レッスン制作の進捗、社内開発のススメ
2024/05/07
NEW
あなただけの学習ロードマップを作成します 【随時受付中】
PREMIUM
Google Chrome拡張機能入門
Googleが提供するブラウザ「Google Chrome」において拡張機能を作成する方法を学んでいきます。
0%
このレッスンはアーカイブされました
このレッスンは視聴可能ですが、質問の受付や内容の更新は終了しております。
動画レッスン一覧
(20)
質問と回答
(1)
#01 Chromeの拡張機能を作ろう
(02:08)
無料公開中
公式ドキュメントの確認
01_Helloの作成
未完了
#02 manifest.jsonを作ろう
(02:16)
無料公開中
manifest.jsonの記述
popup.htmlの作成
未完了
#03 Browser Actionを追加しよう
(02:43)
無料公開中
拡張機能の追加、更新、削除
未完了
#04 タブのタイトルを取得してみよう
(02:48)
無料公開中
02_ShowTabsInfoの作成
popup.jsの作成
未完了
#05 ポップアップを検証してみよう
(02:11)
無料公開中
ポップアップを検証
未完了
#06 タブの一覧を表示してみよう
(02:13)
ポップアップにタブのタイトルを表示
未完了
#07 条件を指定してタブを抽出しよう
(01:40)
抽出条件の指定
未完了
#08 拡張機能で背景色を変えてみよう
(02:43)
03_ChangeBgColorの作成
permissionの指定方法について
未完了
#09 executeScriptを使ってみよう
(01:52)
executeScript()
未完了
#10 オプションページを付けてみよう
(02:50)
04_optionsUIの作成
options.htmlの作成
未完了
#11 Storage機能で値を保持してみよう
(02:32)
options.jsの編集
動作確認
未完了
#12 Storageから値を読み込んでみよう
(02:19)
chrome.storage.sync
動作確認
未完了
#13 イベントページを使ってみよう
(02:55)
event.jsの作成
動作確認
未完了
#14 右クリックメニューを設定しよう
(02:48)
05_ContextMenusの作成
階層的な右クリックメニューの作成
未完了
#15 右クリックで背景色を変更しよう
(02:36)
右クリックメニューのイベント設定
動作確認
event.jsのデバック
未完了
#16 Content Scriptを使ってみよう
(02:58)
manifest.jsonの編集
example.comでの動作確認
未完了
#17 Content Scriptの制約を理解しよう
(02:26)
Message Passingについて
未完了
#18 リンク数を表示させてみよう
(02:28)
07_MessagePassingの作成
manifest.jsonの編集
未完了
#19 Message Passingを使ってみよう
(02:40)
sendMessage
onMessage
動作確認
未完了
#20 新規タブをカスタマイズしよう
(02:31)
08_NewTabの作成
new.htmlの作成
動作確認
未完了
#15 右クリックで背景色を変更しよう
div領域の背景色の変更は可能ですか?
2022年1月27日
リリース情報(note)
『Google Chrome拡張機能入門』を追加しました
詳細情報
最終更新日
2018年1月11日
バージョン情報
Chrome 63.0