拡張機能の開発を始めるには

さて、拡張機能の開発であるが、ぜひ参考にしてほしいのが、MDNの初めての拡張機能である。

  • 図11 初めての拡張機能

初心者にもわかるように、初歩の初歩から解説している。ここではパッケージマネージャなどは使用していないので、純粋にJavaScriptや必要なファイル構成などを学ぶことができる。一例を紹介すると、borderifyというサンプルは、mozilla.org配下のサイトを表示すると、ページが赤く囲まれる。

  • 図12 サンプルborderify

ソースコードの「red」を変えると色が変わるあたりをぜひ、ご自身でも体験してみてもらいたい。

次回のミートアップは拡張機能の開発を予定

次回の第3回のミートアップでは、参加者による実際の拡張機能の開発を行うハンズアップ的な内容を予定している。予定などについては、Mozilla Japanコミュ二ティのSlackで確認してほしい。

  • 図13 Mozilla Japanコミュ二ティのSlack

「#general」が入口となり、拡張機能に関しては#extdevで発表される。参加を予定しているのであれば、チェックを忘れずにである。