Chrome 拡張機能を作って公開しよう①　〜環境構築〜

投稿: 2021年7月30日 (最終更新: 2023年12月9日) • 3 分で読了 • 1,123 語

共有:

リンクをクリップボードにコピーしました

環境構築するほどのことでもないが。

今回からは、連載企画ということで Chrome の拡張機能を開発していきます。何回分に渡るかはわかりませんが、1回分のボリュームを抑えていくので、物足りなさを感じてしまう方もいらっしゃるかもしれませんが、お付き合いよろしくお願いします。

さて、今回は連載第1回目、ということで環境構築を行っていきます。といっても、普段からプログラミングをされている方は、やることがほぼないです！プログラミングをされていない方も、難易度はそこまで高くありませんので、身構えずに取り組んでみてください。

対象

これらがわからないという方は、まずは Webアプリを作るところから始めてみましょう！

Chrome 拡張機能開発ではこれら３つの言語が必須になります。

※HTML、CSS はものによっては使わないかも

当たり前ですが、Google Chrome が必要です。開発した拡張機能をテストするのに用います。

普段から Google Chrome を使われている方は、再度インストールする必要はありません。そのままで OK です。

プログラムを書いていくために必要なエディタをインストールします。これも、普段使われているもので結構です。

ただし、WIndows 標準の「メモ帳」を使われている方は、特にこだわりがないのであれば、今は無料で高機能なものがたくさんあるのでこれを機に是非インストールしましょう。

おすすめは「Visual Studio Code」です。

インストールしたら、デフォルトでは画面が英語なので日本語化します。以下のサイトを参考にすればすぐにできます。

これで環境構築は終了です！あっという間でしたね！誰でも気軽に開発を始められるところが、Chrome 拡張機能開発の良い点の一つだと思います。

開発したChrome 拡張機能をウェブストアで公開するには、上のものに加えて以下のものが必要になります。

金曜日で疲れているので、今回はこれくらいにします。次回からいよいよ本格的に開発を行っていきます！

実は…何を作っていくかは、未定です！次回をお楽しみに。

「Chrome 拡張機能を作ろう」の記事一覧

2021年7月29日 • 2 分で読了

Jekyll について

Jekyll について説明します。