目次

概要

• HTML、CSS、JSが書ければChrome extensionは作れる
• 業務を便利にするツールが作れそう

なぜ今更、Chrome extensionで遊ぶのか

• ネタが思いつかなかった
• 今後、業務の効率化が不可欠な時期が続く。となるとちょっとしたツールをちょっとした工数で作るスキルはあった方がよさそう
• あえてガッツリとシステムを組まなくても済むようなことをbookmarkletやChrome extensionで実現してしまえば、環境依存も少なく済むし非エンジニアへの展開もしやすい（このスクリプトを実行して〜はハードル高いしトラブルシュートめんどい）
• bookmarkletは便利だけど自分で起動しなきゃ動かないのがちょっと不便な時もある。

Chrome extension開発の流れ

1. manifest.jsonに、どういう時に何を適用するのか記載する
2. jsやcssを書く
3. フォルダごと chrome://extensions/ にまとめて登録する

今回用意したsampleの使い方

1. https://github.com/kentaro-hayashi/chrome-extension-test をcloneしてくる

2. ブラウザで chrome://extensions/ にアクセス