はてなフォトライフよりFlickr - 黒糖々日記/kokutoto diary

常識なのかも知れませんが、単に写真をブログに貼る目的なら、はてなフォトライフよりFlickrの方が断然良さそうですね。

Flickrの方が圧倒的に使える容量が多い(フォトライフは30MB、Flickrは月に100MB)*1
Flickrは写真を複数のサイズにリサイズしてくれる(フォトライフは指定した1サイズのみ)
Flickrは写真をCreative Commonsでライセンスできる(フォトライフにこの機能はない)
Flickrのpro accountは年間$24.95で容量制限がなくなるなど大盤ぶるまい

はてなフォトライフがサービスとして貧弱だというより、Flickrの太っ腹ぶりと気の利き方が異常という印象です。

FlickrToBlog

問題はFlickrの写真をはてなダイアリーに貼り付けるのが少し面倒という点ですが、まちゅさんの公開しているFlickrToBlogというBookmarkletを見つけました。

Flickr の写真をブログへ載せるための Bookmarklet - まちゅダイアリー(2008-01-13)

FlickrToBlogはFlickrの写真をブログへ載せるためのBookmarkletで、起動すると写真の一覧がポップアップして、クリックするだけでFlickrの写真を表示するタグが挿入されます。これは便利。

ブラウズしているページのtextareaを見つけてタグを挿入する仕組みのため、はてなダイアリーに限らず、いろいろなブログサービスで利用可能だそうです。これでかなりFlickrの写真が使いやすくなりますね。

ちょこっと改造

FlickrToBlogの挿入するimgタグは、title属性はついているのに、HTML4.01で必須のalt属性がついていません。できるだけ正確にマークアップしたいので、僕はここだけ改造して使っています。

Index: flickr2blog.js
===================================================================
--- flickr2blog.js      (revision 5028)
+++ flickr2blog.js      (working copy)
@@ -218,7 +218,7 @@
   // HTML
   html: {
     link: function(webUrl, srcUrl, photo, size) {
-      var img = '<img src="' + srcUrl + '" title="' + photo.title + '">';
+      var img = '<img src="' + srcUrl + '" title="' + photo.title + '" alt="' +  photo.title + '">';
       return '<a href="' + webUrl + '">' + img + '</a>';
     },
     textarea: function() {

*1:ただし無料のサービスだとFlickrで表示できる写真が200枚に制限されるようです。http://www.flickr.com/help/photos/#34