マニフェストファイル、jsonファイル。今回はポップアップで表示するので分かりやすいように。オムニバーの横に表示する小さいアイコン。拡張機能一覧で表示される大きいアイコン。中身です、分かりやすいように値に直接説明を書き込んでいます。許可しているのは、実行されているタブの情報を取得するのに必要です、URLとか。貼付けて拡張機能で表示出来るように手を加えています。縦横幅のみ指定しています。内容量が少ないので1ファイルに全部書きました。ボタンのアンカータグを表示させています。ここの中だとタブの情報が取得できます。方のアイコンは拡張機能の管理画面で表示されます。アイコンは説明無用ですよねwアイコンのサイズは、128×128(px)とかの大きめのを1つだけ用意して指定してもいけるみたいです。今回は2ファイル、理由は自動縮小で崩れるなら最初から最適な物を用意したかったからです。ファイルをデスクトップなどに解凍後、「パッケージ化されていない拡張機能を読み込む」ボタンを押し、4ファイル入っているフォルダを指定すると完了です。Chrome(バージョン22あたり)だと、正常にインストールされた場合でも上のキャプチャのように「この拡張機能をインストールしようとしたときに、次の警告がありました。今後使用できなくなります。アップグレードしてください。」と出ますが、今回はマニフェストのバージョンは1なのでこれで問題ありません。ディレクトリ」に解凍後のフォルダを指定し「拡張機能のパッケージ化」ボタンを押すと同じ階層に拡張子が「.crx」のファイルが作られますので、それを拡張機能の一覧(chrome://chrome/extensions/)にドラッグして完了です。パッケージ化されていない物を入れる時と違い、「この拡張機能をインストールしようとしたときに、次の警告がありました。今後使用できなくなります。アップグレードしてください。」の警告は何故か表示されません。拡張機能は実際に触るまでは、敷居が高そうとか特別なソフトが、言語知識が必要だとか(勝手に)難しいイメージを持っていました。したきっかけから作ってみて、実はすごく簡単で通常のウェブ製作されている人なら作れる範囲だと思いました。あるインストールがちょっとややこしい記事内容で間違い等ありましたら指摘していただけると勉強になります。13:17:22actyway.com@actywayフロントエンドエンジニアにとっての2019年。インデックスをデフォルトに。15:47:08actyway.com@actywayブログを続ける難しさ。同墓地では国内外のお蔵入りしたベンチャー企業のサービスを紹介します。00:19:24actyway.com@actyway任天堂のゲームでよく見かける「あのフォント」の秘密に迫る。(12)Archives2015年3月2013年12月2013年11月2013年10月2013年9月2013年7月2013年6月2013年5月2013年4月2013年3月2012年12月2012年10月2012年9月2012年8月2012年7月2012年6月2012年4月2012年3月2012年2月2011年12月2011年11月2011年8月2011年7月2011年6月2011年5月2011年4月2011年3月2011年2月2011年1月2010年12。