MasterPeace21のBlogにおけるFlickr活用術。

Photo by Dominik Schwind

こんにちは。最近、うつ状態の@MasterPeace_21です。
大学の課題が多くて、大学院の院試対策に時間を避けない上に現実逃避がしたくなってしまってます。

まぁ、そんな事は置いといて、今日は僕の「BlogにおけるFlickrの活用術」を紹介したいと思います。
Flickrは皆さんご存知の通り、Web上のストレージに写真を保存するサービスです。そんなFlickrを僕は是非ともオススメします。

オススメのわけは・・・

Flickrの詳しい説明は@planetofgoriさんが記事にしてくれています。

Flickrをフォトストレージとしてオススメする3つの理由 | gori.me

@planetofgoriさんもオススメする理由として上げている通りローカルのストレージを圧迫しない事が一番の大きな理由としてあげられます。

皆さんは写真をPCのストレージに置いているようにBlogにも表示するためにサーバーに写真を置かなくてはいけません。しかし、Flickrに画像を保存しておく事でFlickr上のリンクから記事に貼り付ける事によりサーバーに写真をおかずに済むのです。

長くBlogを運営していると、容量の小さい写真でも多くのストレージを必要とします。
僕は出来るだけ安いレンタルサーバーで抑えたいので写真はFlickr上に保存しておいてサーバー自体の容量を喰わないようにしています。

プロアカウントを契約すべき

次に、オススメするのはFlickrを使うときにはプロアカウントを契約することです。
年間25ドルでプロアカウントになれます。プロアカウントのメリットは、また@planetofgoriさんが説明してくれています。

Flickrのフリーアカウントとプロアカウントを比較してみた | gori.me

フリーアカウントでは月に300MBまでしか写真をアップロード出来ません。さらに、長辺1024pxの解像度まで保存することが出来ないのです。逆を言えば、プロアカウントになると無制限にアップロードが出来、高解像度の写真でも制限無く保存出来るのです。最近の画像は解像度が高いので重宝しています。

僕はFlickrをBlog用とプライベート用と同時に使っています。Setと呼ばれるカテゴリーが作れるのでBlog用の画像にはBlogのSetで保存して、それ以外のプライベートな写真はイベント事のSetで保存しています。

Blogを書くときはBookmarkletを使え

さて、Flickrを使っていると画像を記事に埋め込むのに便利になってくるのがあります。それがBookmarkletです。このBlogでも何回か紹介しています。
Flickrを使うに当たってオススメのBookmarkletは@feelingplaceさんの「Flickr2html」というモノ。

ブックマークレット | Feelingplace

これを使うことによって、Flickrの画像ページから即座にコードを取得することが出来ます。
Bookmarkletを使えばサクサクと書くことが出来ます。

LightBoxを使ってお洒落に

LightBoxを使うと写真をクリックした時に格好良く表示することが可能になります。
しかし、今までどうにかしてFlickrで保存されている画像をLightBoxで表示することが出来なかったのですが、WordPressのLightBoxPlusを使うことによってFlickr上の画像でもLightBox表示が可能になりました。

WordPress › Lightbox Plus « WordPress Plugins

しかし、普通にインストールしてもFlickr2htmlを使っても画像をクリックするとFlickrのページに遷移してしまいます。
なので、このLightBoxPlusを使うに当たって少しFlickr2htmlに手を加える必要があります。少しです。

Flickr2htmlページで作成したコードを少しカスタマイズします。

<a href="${pageURL}" title="${title} by ${username}, on Flickr" target="_blank"><img class="flickr_photo" src="${imgURL}" alt="${title}" ${width}></a>

大体この様に出てくると思うので、最初の方にある{pageURL}を{imgURL}に変えてしまいます。

<a href="${imgURL}" title="${title} by ${username}, on Flickr" target="_blank"><img class="flickr_photo" src="${imgURL}" alt="${title}" ${width}></a>

これで終わりです。
僕は、この方法だけでLightBoxが動作することが出来ました。FlickrとLightBoxの組み合わせって中々出て来なかったので、是非参考になればと思います。

まとめ

結論、僕は画像や写真は出来るだけ全てFlickrにUploadするようにしています。もちろんプライベートな写真はローカル環境にも保存しています。

プライベートな写真はiPhotoにてローカルで保存したものをFlickrに同期するようにしてダブルで保存しています。バックアップ用としても使えますし、オンライン上なので外からでも写真を確認出来るのがメリットです。

プライベートで使うとするとPicasaもありますがBlogを書いている人にとってFlickrは最高の記事画像専用サーバーになります。

また、UploadするにはFlickrUploaderがおすすめです。
Flickrに写真をラクラクアップロードできるMac・Windows対応アプリケーション「Flickr Uploader」 | gori.me

皆さんも、是非Flickrを活用してみてください。