Chromeのオリジナル拡張機能を開発しよう（ソースコードあり）

王

2015.06.04

PhpStormでコード補完

autoCompletion

APIの数が多くて覚えられないので、コード補完があったら便利です。自分はPhpStormを使っていますので、以下のようにするだけで、ChromeのAPIのコード補完が利用できるようになります。PhpStormに限らず、JetBrainsの他の製品でも同じ機能があるはずです。

ソースはこちらに置いておきました。
API部分以外は普通のWebサイトと全く同じ実装になっていますので、特別な説明をする必要はないなと思いました(；・∀・)

ソースコードの随所随所にコメントアウトしてありますので、拡張機能自体も簡単ですし、上記の概念さえ抑えておけばすぐに理解できると思います。

以上、簡単ではありますがChrome拡張機能を作る上での基本的なところをご紹介いたしました。
マスターしていただいて、今後の実戦で武器として使うきっかけになれば嬉しいです！

さらにいろいろ探索したいという方には、Chrome公式サイトで公開されている「サンプル拡張」をオススメします。
API別で多種多様なサンプルコードが載っていますので、ぜひ一度チェックしてみてください！

【Chromeのおすすめ拡張機能をジャンル別でまとめました！】

LIGはWebサイト制作を支援しています。ご興味のある方は事業ぺージをぜひご覧ください。

この記事のシェア数

王バックエンドエンジニア

LIGの王です。ウェブの全てを学ぶ為、中国は四川省より日本にやってきました。王という名に恥じぬよう、ウェブ業界のKINGとなるべく日々頑張っております。よろしくお願いいたします。