ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2024/04/26
NEW
あなただけの学習ロードマップを作成します 【GW学習を加速】
2024/04/25
NEW
【週刊ドットインストール】 JSに力尽きてしまった…という方におすすめのレッスン第二弾、ページデザインのモダン化が進行中
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拡張機能入門』を追加しました
関連キーワード
基礎講座
(400)
中級者向け
(127)
HTML
(119)
CSS
(121)
JavaScript
(162)
開発ツール
(65)
詳細情報
最終更新日
2018年1月11日
バージョン情報
Chrome 63.0