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

このエントリーをはてなブックマークに追加
はてなブックマーク - 超簡単にBookmarkletをChrome拡張に変換する-Convert bookmarklet to Chrome extension
Bookmark this on Livedoor Clip
Livedoor Clip - 超簡単に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です。

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

この記事をみた人はこんな記事も見ています

  1. 拡張選びをより楽しく!拡張/アプリギャラリーで詳細評価をチラ見できる-Detailed Ratings in Extension Gallery
  2. Chronium-Flags:新機能三種盛り!特にExperimental Extension APIはこれからが楽しみです
  3. 今見ているページにワンクリックでGoogle+1を追加できるChrome拡張- +1 Plus One Extension
  4. 人柱魂を持つ方専用…Chromeでローカルファイル検索を可能とするexperimental API利用拡張-Chrome Desktop Search
  5. 今見ているWebページでどんなCMSやJavascriptライブラリが使われているか検出するChrome拡張-Chrome Sniffer

About DAC

A contrary person_へそまがり
This entry was posted in Bookmarklet, Browser, Chrome, 拡張. Bookmark the permalink.