お使いのブラウザは最新版ではありません。最新のブラウザでご覧ください。

CNET Japan ブログ

『Polaroid Gallery』でブログにポラロイド写真を飾ろう!

2007/07/28 00:49
  • このエントリーをはてなブックマークに追加

プロフィール

寺本由美子

本名とタイトルのペンネームが異なっているのはご愛敬(話せば長~い物語あり)。IT系の話題からゲームのレビューまで、自由気ままに発信します。iPadやiPhoneなど、大好きな電脳小物についても熱く語りたいですね。Twitterにも出没中。ブログへのコメントも、@kirifue へどうぞ。
ブログ管理

最近のエントリー

ポロライドカメラ、何だか懐かしい響きだ。一等最初に使ってみたときの感動は今でも忘れない。少々ピンボケしていてもいっこうに気にならなかった。なんたって、撮ったその場ですぐ焼ける写真なんて初めてだったし。カメラを買ってきた「新しもの好き」の父親は、たいそう自慢げだった(わが家に脈々と流れる血筋ですな)。

現在、デジカメはもちろん、携帯電話にさえカメラ機能が搭載され、撮った写真をその場で確認することができるようになってしまった。今どき、ポロライドカメラを使用するのは、ごく限られた職種や趣味の方だけなのではないだろうか(ある意味、贅沢ではある)。

そんな、ポロライド写真にマジックでタイトルを書いて、バラバラっと机にまいた感じ。それが『Polaroid Gallery』を使えば、ブラウザ上で実現できるという。GIGAZINEで紹介されていたのだが、あまり詳しい説明がなかったので、実際に試してレビューすることにした。

写真はマウスで自由に移動できる。写真上をダブルクリックすることで、拡大表示と元の表示を切り替えられる。写真を手で拾い上げたかのような感覚だ。
拡大したときに、をクリックすることで、次々と写真を表示していくこともできる(追記)。
Polaroidgallery2

下記リンクをクリックすると、筆者が設置した『Polaroid Gallery』のページが開く(Flash Player 8.0以上が必要)。去年の暮れに開催された『冬のコミケ(コミックマーケット)』にて撮りだめた、コスプレーヤーの方々の秘蔵写真計9枚なり。公開する機会を逸してしまったので、ちょうど良かった。

ポロライド写真の持つ、ちょっびり暖かな雰囲気を味わって頂ければ(中身はめちゃめちゃ濃いが)..

『冬コミ2006』のコスプレーヤー達
(上記リンクをクリックしてください)
Polaroidgallery

インストールと設定方法

1.ダウンロード

Polaroid Gallery v.1.01のサイトの右側のカラムの「Download」から、「Download Polaroid Gallery v.1.01」のリンクをクリックして、polaroid_20070716.zipをダウンロードする。

2.解凍、およびファイルの説明

Lhasa等を使用して、zipファイルを解凍する。

polaroid_20070716フォルダ上のフォルダとファイルの一覧

  _pics/
      JPEG画像ファイル

  _inc/
      swfobject.js :Javascriptファイル
      styles.css :スタイルシートファイル

  polaroid.swf :Flash Player用アニメーションファイル
  photos.xml :XML設定ファイル
  readme.html :説明ファイル
  fullscreen.html :フルスクリーン版サンプル
  flickr_example.html :flickrID指定版サンプル

3.動作確認

polaroid.swfをブラウザで開いて、ローカルな(ネット接続なしで)サンプル画面を確認する。
もし、表示できない場合は、Flash Player 8.0以上をインストールする必要がある。下記サイトから、Flash Playerの最新版(Version 9)をインストールしよう。

Adobe Flash Player

4.画像の準備

飾りたいJPEG形式の写真や画像を用意する。

5.photos.xmlの編集

WordPad等を使用して、photos.xmlを編集する。 encodingは"utf-8"にしないと表示できないので、注意しよう。

desc=""
ポラロイド写真の説明文。日本語は不可。

url=""
photos.xmlを置く場所に対して、JPEGファイルの相対的なurlを記入。
デフォルトでは、画像は_picsフォルダ(ディレクトリ)下に置くようになっているが、筆者の場合はサブディレクトリを作成できなかったので、同一ディレクトリ上を指定している。

(例)同一ディレクトリ上に画像がある場合

<?xml version="1.0" encoding="utf-8"?>
<photos>
    <!-- Plase your photos here -->
    <photo desc="Arabian Nights" url="Comike200612_1.JPG" />
    <photo desc="Housemaid" url="Comike200612_2.JPG" />
    <photo desc="D.Gray-man" url="Comike200612_3.JPG" />
    <photo desc="Robot" url="Comike200612_4.JPG" />
    <photo desc="Baseball player" url="Comike200612_5.JPG" />
    <photo desc="Ginga Tetsudo 999" url="Comike200612_6.JPG" />
    <photo desc="Nico Robin" url="Comike200612_7.JPG" />
    <photo desc="Death Note" url="Comike200612_8.JPG" />
    <photo desc="Sailor man" url="Comike200612_9.JPG" />
</photos>

6.アップロードと設置

初級編
polaroid.swf, photos.xml画像ファイルを、WEBサーバーやブログサーバー上にアップロードする。
ページ上からpolaroid.swfへのリンクを貼るか、もしくはページ内に組み込む。

(例)polaroid.swfへのリンク
<a href="http://rblog-tech.japan.cnet.com/kirifue/files/polaroid.swf" target="_blank">polaroid.swf</a>

中級編
初級編のファイルに加えて、fullscreen.htmlまたはflickr_example.htmlのhtmlサンプル、swfobject.js, styles.css, readme.html等を必要なら編集し、アップロードする。fullscreen.htmlでは、Flash Playerをインストールしていないブラウザからアクセスした場合に、メッセージを表示したり、Javascriptやスタイルシートの設定を行っている。また、flickr_example.htmlは、写真共有サイトFlickrの画像を使用するサンプルである。ページ上からfullscreen.htmlへのリンクを貼るか、もしくはページ内に組み込む。

(例)fullscreen.htmlへのリンク
<a href="http://rblog-tech.japan.cnet.com/kirifue/files/fullscreen.html" target="_blank">polaroid.swf</a>

上級編
Polaroid Gallery v.1.01のサイトの右側のカラムの「Download」から、「Download FLA file」をダウンロードし、解凍する。polaroid_source_20070716フォルダのpolaroid.flaファイルをカスタマイズして、アップロードする。
筆者はFlashを作成したことがないので、今回のレビューでは試していない。

まとめ

画面をリロードすると、ばら撒き方が変わるので、何度見ても飽きが来ない。何と言っても、レトロな雰囲気がたまらん。

写真共有サイトFlickrの画像に対応している点もいい。公開されている他の人のFlickr IDを指定することもできる。

Flickrは、まだ使ってみたことがないのだが、近いうちに利用を始める予定である。写真にタグをつけて管理できるので便利そう。実は、今日、職場のマシンが火を吹きそうになった。まさかそんなこと、とタカをくくっていたのだが、いつ自宅のPCとて同じ運命をたどるか分からない。ハードディスク上にある写真のコピーはどこにもないのに..
そんな油断で、一体どれだけの人が、大切な家族との思い出の写真を無くしてきたのだろう? 昔と違って、写真は必ずしも紙に焼くとは限らない。だからこそ、バックアップが重要なのだと痛感した。

話が逸れてしまった..
皆様も思い出の写真を、ブログの1ページに飾ってみてはいかがだろう。

GIGAZINE 2007/07/26
好きな画像を机の上に散らばったポラロイド写真風にする「Polaroid Gallery」

※このエントリは CNET Japan ブロガーにより投稿されたものです。朝日インタラクティブ および CNET Japan 編集部の見解・意向を示すものではありません。
運営事務局に問題を報告

最新ブログエントリー

個人情報保護方針
利用規約
訂正
広告について
運営会社