Blogを書くときはブックマークレットを使え！！

最近、周りでもBlogを書く人が増えていますね。
僕も、Blogを始めてやっと半年が経ちました。半年しか経ってないですが色んな人にBlog見て頂いているみたいで大変嬉しく思っています。

そこで、今回は僕がBlogを書くときによく使っているブックマークレットについて紹介したいと思います。

TOP画像は北海道の白い恋人パークです。記事に直接関係ありません(´・ω・｀)
　

ブックマークレットとは？

ブックマークレットとは、ウェブブラウザ上で作用するJavaScriptの事です。JavaScriptのコードをブックマークに保存しておくことで、そのブックマークをクリックするだけでプログラムが実行される事をブックマークレットと言います。

言葉では良くわかりにくいと思うので、実際に紹介してみます。

ブックマークレットの作り方は制作者さんのサイトに載っています。
使い方は、ものすごく簡単です。

1-ShareHTML

まずは@hiro45jpさんが作られたShareHTMLというブックマークレットです。これはBlog上で、サイトなどを紹介する時に使います。

ShareHtmlとFocusHtmlもリニューアルしました♪ | 普通のサラリーマンのiPhone日記
AppHtmlに続きまして他のBookmarkletも順次リニューアル中です。今回はShareHtmlとFocusHtmlが一週間ほど前ですが完成しましたのでご紹介します。 ShareHtmlとF …
サイトを紹介するブックマークレットです。

上のLinkがShareHTMLを紹介している@hiro45jpさんのページです。
さらにこの上の画像や記事名、記事内容がShareHTMLのブックマークレットで一発で作ることが出来るのです。

使い方は、紹介したいページのサイトに行ってブックマークレットをクリックするだけ。
クリックする前に記事内の内容を選択しておくと上のようにグレー文字で表示され、クリック後にコメント入力すると太文字でコメントが出力されるコードが出来ます。
とても便利なブックマークレットですね。

2-Flickr2HTML

次に@feelingPlaceさんが作ったFlickr2HTMLです。
Flickrを使って画像をBlogなどに載せたりしている方には必須ブックマークレットですね。僕も全ての記事に画像を載っけているので毎回使わせてもらっています。

Flickrをブログに貼りつけるタグを取得するブックマークレット、Flickr2HTMLが完全リニューアル！！ | Feelingplace
Flickrの画像をブログに貼りつけるタグを簡単に取得するブックマークレット、Flickr2HTMLをこの度リニューアルいたしました。 Flickr2HTMLとはなんぞやと言う方ももちろんお見えだと思 …
Flickrから任意のサイズを出力してくれるブックマークレットです。

これは、Flickr上で画像が表示されているページでブックマークレットを起動すると、ブックマークレットに設定しておいたサイズなどで出力することが出来ます。

この様に画像表示のページでブックマークレット起動します。

出力されたコードを記事に貼り付けるだけです。

とても簡単です。この記事の画像全部Flickr2HTMLで生成したものです。

3-AppHTML

次も@hiro45jpさんが作られたブックマークレット、AppHTMLです。
これはお気づきの通り、iPhoneアプリなどを紹介するときに使えるブックマークレットです。

選択文字にも対応 – AppHtmlのBookmarklet 4.0 | 普通のサラリーマンのiPhone日記
興奮冷めやらぬ内に…。先ほど @donpyさんと新年初のSkypeをしていたのですが、彼がとても嬉しいことを言ってくれました。「AppHtmlはAppFocusの記事で大活躍してる。恐らく周辺を見 …
iPhoneアプリを紹介するブックマークレットです

起動すると検索窓が出てきます。そこに紹介したいアプリ名を入れるだけですぐ出てきます。

後はコードをコピーして貼り付けるだけです。

GoodReader for iPhone 3.8.1（￥450）
カテゴリ: 仕事効率化, ユーティリティ
販売元: Good.iWare Ltd. - Yuri Selukoff（サイズ: 26.4 MB）
全てのバージョンの評価: （5,039件の評価）

PictShare - multiple photos/movies uploader 2.4（￥250）
カテゴリ: ソーシャルネットワーキング, 写真
販売元: itok - 啓 Ito（サイズ: 3.4 MB）
全てのバージョンの評価: （122件の評価）

4-AmazonHTML

最後は@matubizさんが作ったAmazonHTMLです。
Amazonの商品を紹介するときにLinkを貼ってかっこ良く紹介出来るので多様しまくりです。

アマゾン商品紹介用ブックマークレット「AmazonHtml」復活。Ver 2.0へ！ | matuダイアリー
先日、 AmazonHtmlについてのお詫びと次回作ブックマークレット予告！ | matuダイアリーで告知させていただきましたが、アマゾンの商品を紹介するHTMLタグを出力するブックマークレッ …
Amazonの商品を紹介するに使うブックマークレット。