超簡単にBookmarkletをChrome拡張に変換する-Convert bookmarklet to Chrome extension - 適宜覚書-Fragments

超簡単にBookmarkletをChrome拡張に変換する-Convert bookmarklet to Chrome extension

   

超簡単にBookmarkletをChrome拡張に変換する-Convert bookmarklet to Chrome extension

超簡単にBookmarkletをChrome拡張に変換する-Convert bookmarklet to Chrome extension

BookmarkletはJavaScriptで記述された小さなプログラムでWebブラウザのBookmarkツールバーに登録して利用できます。手動で繰り返すような操作を簡単にクリック一発で出来るようになったり、痒いところに手が届くものが多くあります。でも、Bookmarkletはお手軽な分散らかりやすくて、管理に向かない面があります。

今回はこのBookmarkletを超簡単にChrome拡張に変換するConvert bookmarklet to Chrome extensionを紹介します。

超簡単にBookmarkletをChrome拡張に変換する-Convert bookmarklet to Chrome extension

  1. まず、何かしらBookmarkletを用意します。今お使いのものがあればそれを使えばよいですし、使っていないのであればJAVASCRIPT::BOOKMARKLETBookmarklets Home Page - free tools for power surfingなどから使い勝手の良いものを導入するのも良いでしょう。今回は、今見ているWebページからタイトルやURLを拾ってリンクを作るBookmarkletを例にとります。
  2. Convert bookmarklet to Chrome extensionページをGoogle Chromeで開きます。

    Convert bookmarklet to Chrome extensionページ

    Convert bookmarklet to Chrome extensionページ

  3. 「Name」欄にBookmarklet(拡張)名、「Description」欄に説明を入力します。

    「Name」「Description」

    「Name」「Description」

  4. 「drag bookmarklet here」欄にBookmarkツールバーからBookmarkletをドラッグ&ドロップします。すると、Bookmarkletのコードが入力されます。

    Bookmarkletをドラッグ&ドロップ

    Bookmarkletをドラッグ&ドロップ

  5. 「Generate extension」ボタンをクリックします。すると、bookmarklet2extension.zipファイルがダウンロードされます。

    「Generate extention」

    「Generate extension」

  6. ダウンロードしたbookmarklet2extension.zipを解凍します。
  7. Chromeの拡張機能画面chrome://settings/extensions)を開きます。
  8. 画面右上にある「デベロッパーモード」のチェックボックスをオンにし、「パッケージ化されていない拡張機能を読み込む」ボタンをクリックします。

    「パッケージ化されていない拡張機能を読み込む」

    「パッケージ化されていない拡張機能を読み込む」

  9. 表示された「フォルダの参照」ウィンドウで、先程解凍したフォルダを選択して「OK]ボタンをクリックします。

    フォルダの参照

    フォルダの参照

  10. すると、「Link This Page」が拡張としてインストールされます。

    拡張としてインストール

    拡張としてインストール

  11. ツールバー上にも同じ拡張アイコンが生成され、これをクリックすると元々のBookmarkletと同じように動作します。

おわりに

今回は、超簡単にBookmarkletをChrome拡張に変換する-Convert bookmarklet to Chrome extensionと題して、オンラインサービスの紹介をしました。この記事の元ネタはConvert a Bookmarklet to a Chrome Extension with a Few Clicksです。

この記事がお役に立てると嬉しいです。

適宜覚書-Fragmentsは、筆者が興味をもった様々な情報やネタを筆者が忘れても後で思い出せるよう覚書として公開するBlogです。Google Chrome拡張、Facebook、Google、Twitter、Windows、各種Webアプリなどを扱うことが多いです。この覚書が、もし何かお役立ちになれば幸いです。

 - Google, Webブラウザ, ツール , , , ,