超簡単に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::BOOKMARKLETやBookmarklets 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です。

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

このBlogをより楽しんでいただく秘訣

このBlogの更新情報やBlogには載せられていないネタを公開しています。是非登録またはご参加下さい（＾＾

  • 適宜覚書-Nameless Cults:適宜覚書の先出し情報（Webやツールの情報）やボツネタなどを掲載。ここだけの情報多数あります。いずれFragmentsの記事になるかも！
  • Twitter:@daccotでつぶやいています。こんなこと出来ないかなあ？とかのご相談や記事への感想、ご質問などもどうぞ。是非Follow下さい。
  • 適宜覚書-Fragments in Lingr:筆者がオンラインの際まったり常駐しています。Twitterでご相談を頂いたりした際こちらでお話し伺ったり…。雑談もOKですよー。

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

  1. 拡張選びをより楽しく！拡張/アプリギャラリーで詳細評価をチラ見できる-Detailed Ratings in Extension Gallery
  2. Chronium-Flags：新機能三種盛り！特にExperimental Extension APIはこれからが楽しみです
  3. いつでもワンボタン翻訳！ブラウザ問わず今見ている画面でインラインで翻訳できるTranslator Bookmarklet（Microsoft Labs製）
  4. 人柱魂を持つ方専用…Chromeでローカルファイル検索を可能とするexperimental API利用拡張-Chrome Desktop Search
  5. これお幾ら？海外のショッピングサイトやニュースサイトで重宝するChrome用自動通貨変換拡張-Chrome Currency Converter

2 Notes/ Hide

  1. daccotの投稿です