ひよこwebプログラマーの覚え書き

エクセルとwebで効率化しますさせます

*

google拡張機能を開発する その2 インストール編

   

Pocket

解凍したフォルダの中身は

icon.png

jquery.js

manifest.json

myscript.js

popup.html

になります。とりあえずこれだけあれば簡単なもの、というか大抵のものが作れます。

今のところ、見るファイルはmyscript.jsだけで構いません。

 

とりあえず、動きを見るためにインストールしてみましょう。

[≡]ボタンからツール→拡張機能と選択します。

2

そしてデベロッパー(開発者)モードに設定し、google-extensionをインストールします。

(デベロッパーモードと言っても非公開の拡張機能を有効にするだけです。あまり深く考えなくても大丈夫。また、デベロッパーモードで無いと非公開の拡張機能はインストールできません。)

1

デベロッパーモードに入るには右上にチェックを入れます。

拡張機能をインストールするには左上の「パッケージ化されていない拡張機能を読み込む」を選択後、先ほど解凍したフォルダを選択します。

フォルダを選択すると一覧に「test」が現れますので、「有効にする」にチェック。

 

これでこの拡張機能が使えるようになりました。

 - google-extension, プログラム

Message

メールアドレスが公開されることはありません。

  関連記事

no image
9割役に立つというコードについて

・9割役に立つというコードは信用しないほうが良い 9割役に立つ、と言うのはとても …

20130216130852
再帰関数で素因数分解のプログラムを書いてみた

練習には非常に良い題材だと思います。 javascriptで書きましたが、言語は …

wordpress-logo-notext-rgb
Contact Form 7で複数の項目をPHPで処理する

Contact Form 7、お問い合わせフォームの定番プラグインです。 デフォ …

Adobe_Illustrator_Icon_CS6-150x150
jQueryでselect要素、option要素の中からテキスト・文字列で選択する方法

例としてこんなselect要素、option要素があるとします。そして青森を選択 …

no image
google拡張機能を開発する その6 公開編

後はいよいよ公開するだけです。 https://chrome.google.co …

no image
google拡張機能を開発する その5 本編 manifest.json以外について

manifest.jsonさえ乗り越えれば後は簡単です。ざっと見て行きましょう。 …

Adobe_Illustrator_Icon_CS6-150x150
after擬似要素が分裂する場合の対処方法

after擬似要素の付いている要素にappendすると、afterが分裂します。 …

no image
wordpressでファイル作成のtouch()を使った場合

$file_name = ‘./data.txt’; t …

no image
google拡張機能を開発する その1 導入編

公開して広告収入を稼ぐも良し、自分の作業を楽にする、サイトを自分好みに変える、な …

no image
PHPのデバッグについて。ファイル編

アップロードしただけなのに何故かうまく動いてくれない。 よく見るとローカルとサー …