「どんなブラウザからでもブログ用のリンクタグを一発作成できるブックマークレット」をいろいろ作ってみた

今更ながら、Make Link ジェネレータというツールを知りました。

Make Linkジェネレータは、Firefoxなら「Make Link」もしくは「CoLT」アドオン、Chromeなら「Create Link」と同様にリンクを作成できる「ブックマークレット」を手軽に作ることができます。

photo by Laura D’Alessandro

スポンサーリンク
レクタングル(大)広告

ブックマークレットで作成する利点

僕はこれまで、これらのブラウザ拡張でよく使われるフォーマット設定集を、いくつか記事に書きました。

ブラウザ拡張によるリンク作成は、ものすごく手軽にリンクが作成できます。しかし反面、基本ブラウザに拡張をインストールして設定を一つ一つてコピペかキーボードで入力していかなければならず、初期設定が面倒でした。(※Make Linkだと無理やり移行する方法はある)

ただ、Make Link ジェネレータの場合、リンクタグ作成用のブックマークレット集をHTMLファイルなどにを作ってしまえば、マウスのドラッグ&ドロップで簡単にブックマークに登録できます。さらには、ブラウザのブックマーク同期機能を使用すれば、自動的に他環境のブラウザで、設定の必要もなく、ブックマークレットが作成されている、なんてこともできるようになります。(Xmarksという手もある。)

ブックマークレット方式は滅茶苦茶設定が楽なので、今後どんな環境にいても、手軽に使えるようにと、「ブログなどでよく利用するタグ作成用ブックマークレット集」を作ってみました。結構ブログでよく使うタグを集めたので、使えそうなものをブックマークに登録しておけば、手軽にブログ用のリンクタグを作成できるようになります。

というか、これを作っておけば、のちのちパソコンの環境移行などをした時に、自分が楽になるので自分用に作りました。

Make Linkジェネレーターの使い方

と、その前に簡単なMake Link ジェネレータの使い方です。

Make Linkジェネレーターの使い方

作成手順

  1. タイトル欄にブックマークレット名を入力
  2. フォーマット欄に出力したい文字列や HTML 等を入力
  3. Make Link 生成ボタンをクリック
  4. 生成されたブックマークレットをドラッグ&ドロップ等でブックマークやブックマークバーに追加

今回は、「ブログでよく使用するいろんなタグ」を1~3までやって、ブックマークレットを作ってあるので、使えそうなタグがあった場合は、4のブックマークレット登録だけ行えばよいことになります。

ちなみにブックマークレットを使用すると、リンクを作成するために閲覧しているWEBページの上部にテキストエリアが作成され、生成されたリンクタグがコピペできるように表示されます。

Yahoo! JAPAN

ブックマークレットの登録

作成したブックマークレットは、以下のようにブックマークバーに登録しておくと、手軽に使えます。

Chromeのブックマークバーに登録

ブラウザの機能を使えばマークレットを自動的に同期してくれるので、他の環境で新たに設定する必要もありません。

通常のWEBページリンクの作成

まずは通常のリンクのブックマークレットです。

フォーマット

A(通常のリンク)

A(新しいタブで開く)

A(新しいタブで開く+このリンクをたどらない)

A(はてなブックマーク数付き)

表示例

こんな感じのリンクが作成されます。

Yahoo! JAPAN

Yahoo! JAPAN

Yahoo! JAPAN

Yahoo! JAPAN

登録

WordPressにブックマークレットは貼り付けられないので、以下のページからドラッグ&ドロップしてブックマークバーなどに登録してください。

ブックマークレットまとめ

WEBページのサムネイル画像とリンクを作成する

サムネイル画像と合わせてページを紹介すると、多少クリック率が上がったりします。

フォーマット

サムネイル画像&リンク

表示例

登録

以下のページからドラッグ&ドロップしてブックマークバーなどに登録してください。

ブックマークレットまとめ

WEBページのサムネイル画像とリンク&はてなブックマーク数を作成する

さらに、サムネイルとはてなブックマークをプラスすることで、少しページがにぎやかになります。

フォーマット

サムネイル画像&リンク&はてな数

表示例

登録

以下のページからドラッグ&ドロップしてブックマークバーなどに登録してください。

ブックマークレットまとめ

写真使用ののクレジット表記

Flickrなどのサイトの画像を利用した時など、手軽にクレジット表記タグを作ることができます。

フォーマット例

photo by xxxx(写真のとき)

image by xxxx(イラストなど)

credit: xxxx(クレジット表記)

使用方法

使い方は、以下のようにFlickrなので著作者名などのテキストを選択して、ブックマークレットを使用します。

著作者を選択

表示例

photo by Laura D’Alessandro

image by Laura D’Alessandro

credit: Laura D’Alessandro

登録

以下のページからドラッグ&ドロップしてブックマークバーなどに登録してください。

ブックマークレットまとめ

引用文

WEBページ上の引用したい文章を選択して、ブックマークレットを動作させると、引用タグから参照リンクまで作成してくれるブックマークレットです。

フォーマット

引用文

使用方法

引用したい文字を選択しながらブックマークレットをクリックする。

表示例

ヤフー株式会社(英称:Yahoo Japan Corporation)は、ポータルサイトのYahoo! JAPANを運営する日本の企業である。

ヤフー (企業) – Wikipedia

登録

以下のページからドラッグ&ドロップしてブックマークバーなどに登録してください。

ブックマークレットまとめ

ショートカットキーを使ってさらに手軽に

ChromeのKeyconfigという拡張を使えば、ショートカットキーを押すだけでHTMLタグをジェネレートすることができます。

Chromeでショートカットキーの利用

これだと、キーボードから手を離さずにリンクタグをコピーできるので作業効率が上がります。

設定方法は、以下で詳しく書かれています。

Google Chromeでリンクタグを超高速に作成する方法

Firefoxの場合は、keysnailというアドオンで設定できます。

Firefoxでの設定方法は以下に詳しく書かれています。こちらはちょっと面倒くさい。

Keysnail how to japanese

まとめ

今回は以下のリンクに「すぐにリンクタグが作成できるブックマークレット」をまとめてみました。

ブログでよく使用するリンクタグを、一発で作成するブックマークレットまとめ

このブックマークレットを利用すれば、ドラッグ&ドロップですぐにブログなどで使えるHTMLタグを作成できるようになります。もしブラウザを変更しても、ドラッグ&ドロップで1分もあれば登録できてしまいます。

「ブラウザの拡張機能のタグ作成ツールは、初期設定が面倒くさい」なんて時には、手軽に作成できるのでお試しください。