Home > buslog > buslog Gallery、グレードアップしました

buslog Gallery、グレードアップしました

2007-01-26 (金)
buslog
buslog | Google | Picasa | 写真
Reading time: 6分ぐらい

Googleが提供してるPicasa（ピカーサ）というソフトがあります。直感的に画像を管理できて、簡単な編集もこなす無料のソフトです。

このソフトにウェブアルバム作成機能があります。これがまたサクサク作ってくれる上にできあがったアルバムの操作感がグッド！　クリックだけでカチカチ進んでいけます。

buslog Galleryの使いにくさは前々から改善したかったので、ちょろっと調べてみました。

どうやらPicasaの生成するウェブアルバムは、テンプレートを読み込んで作る仕組み。となるとテンプレートのカスタマイズ方法や製作例、もしくは配布してるテンプレートが紹介されてるはずですなー、と探してみると、Flashを使ったクールなアルバムが作れるSimple Viewerなんてのを見つけられました。

FlashはもうYahoo!のトップページの広告にも使われるくらいインストール率が高いのでだいじょうぶでしょう。

このSimple Viewerの素晴らしいところは、画像を先読みしていってくれるところじゃないでしょうか。最初の画像が表示されつつもバックグラウンドではアルバム全ての画像をダウンロードしてくれてるので、サーバが遅かったり回線が細かったりしても今までよりは遥かに快適だと思います。

Picasa用のテンプレートはこちらにありました。そのままでも全く問題ありませんが、一部を少し和風に変更します。

まずは文字コードがiso-8859-1とかいうやつなので、UTF-8に変更。indexTemplate.htmlを開き、


<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

にし、テンプレート自体の文字コードもUTF-8にしました。

さらにFlash Playerがインストールされてないブラウザからのアクセスに対してのアナウンスをニホンゴに。ダウンロード先もhttp://www.macromedia.com/go/getflashplayer/からhttp://www.adobe.com/go/getflashplayer/に変更します。


<div id="flashcontent"><p>ギャラリーをご覧になるには、<a href="http://www.adobe.com/go/getflashplayer/">Adobe社のFlash Player</a>が必要です。インストール済みの場合は、<a href="index.html?detectflash=false">こちらからギャラリーへどうぞ。</a></p></div>


<?xml version="1.0" encoding="UTF-8"?>
<simpleviewerGallery maxImageHeight="1024" maxImageWidth="1024" textColor="0xFFFFFF" frameColor="0xffffff" frameWidth="20" stagePadding="40" thumbnailColumns="3" thumbnailRows="3" navPosition="left" title="<%exportDescription%>" enableRightClickOpen="false" backgroundImagePath="" thumbPath="thumbnails/" imagePath="" >

としておきました。このテンプレートとPicasaでウェブアルバムを作ります。

テンプレートを、Picasaをインストールしたフォルダ内にある web/templates/ フォルダにコピーします。（通常は C:/Program Files/Picasa2/web/templates/ ）
Picasaから、ウェブアルバムを作りたいフォルダを選んで右クリックから「HTMLページとしてエクスポート」を選びます。
適当なサイズを選び、タイトルを決め、画像の保存先を指定、次の画面でテンプレートを選んで完了。

たとえば元の画像サイズが1024ピクセルだったとしても、工程3で選んだサイズに変換してくれて、さらにサムネイルも自動で生成してくれます。

作業時間はほんの数秒。なんだかめちゃくちゃ簡単にできちゃいます。コンピュータ万歳！　これだけ簡単なら、アルバムも少しずつ増やしていけそうです。

久しぶりにbuslog Galleryグレードアップです。マウスだけでなく矢印キーも使えます。

日常を記念日にする、カメラの魅力: OCNからの、『デジタル一眼がもらえるフォトコンテスト実施中』のメールを開いて出会えた人、浅田政志さん。第34回木村伊兵衛写真賞受賞の写真家さんです。「みんなで笑ったり、話し合ったりしながら最高の一枚を撮れたら、撮影自体が忘れられない記...

buslogをiPhone対応にしました: 巷で話題のiPhone 3G。buslogもiPhone用ページを作りました。といっても作業は簡単。ブログのシステムであるMovable Typeに、iPhoneテンプレート for MTを組み込んだだけです。できたページはこんな感じ...

クリックで進めていくランダムスライドギャラリーできました: buslogへいただくコメントは、投稿の際にMovable Typeのさまざまなプラグイン機能によって迷惑コメントでないかどうかチェックされてます。ブラックリストに載ってる数百のIPアドレスとドメインに照らし合わせられ、コメント内容によっ...

今までドライブした先を表示、buslog maps 動き出しました: 地図上でマウスをクリックしたりドラッグしたりすることで、1枚の地図をたどるようにあらゆる方向に自由自在に移動できるスーパー便利な地図、Google Maps。これを自サイトに設置できるというのでポチポチ調べて動かしてみました。といっても単...

Googleサジェストよりgooキーワードアシスト: グーグルが「Googleサジェスト」日本語版（β版）のサービスを開始しました。ユーザーが検索ボックスに入力している途中で、キーワードから想定される様々な言葉を提案（サジェスト）してくれるものです。例えば僕の大好きな芋焼酎を検索したい場合...