このレッスンはアーカイブされました
このレッスンは視聴可能ですが、質問の受付や内容の更新は終了しております。
-
#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の作成
- 動作確認
2022年1月27日
