MT5テーマ「フォト・ショウ」の公開

■ 「フォト・ショウ」とは

自分の好きな写真にコメントをつけ、カテゴリ別サムネイル一覧から写真とコメントを閲覧できるサイトを作る、Movable Type 5のブログテーマです。

■ インストール手順

• 「フォト・ショウ」テーマ(v1.0.1)をダウンロードして解凍します。
• 「photo_show1_0_1」フォルダごと、Movable Type 5がインストールされている場所の「themes」フォルダの下にアップロードします。
• Movable Type 5管理画面にてブログの作成を行う際、ブログテーマに「フォト・ショウ1.0.1」を選んで、テーマを適用します。

■ 利用方法

「フォト・ショウ」では、「カテゴリの登録」と「ブログ記事の登録」に以下のお約束があります。

• カテゴリの登録
• あらかじめ250×250ピクセルのサムネイル画像を作成し、「アイテム」－「新規」にてアップロードしておきます。
• カテゴリの作成後、カテゴリの「概要」にサムネイル画像のURLパスを記載します。
• ブログを再構築すると、サムネイルがトップページに反映されます。
• カテゴリの入れ子には対応していません。
• ブログ記事の登録
• 掲載する画像を、あらかじめ適切なサイズ(VGA程度を推奨)にリサイズしておきます。
• ブログ記事の新規作成にて、画像を画面右下の「ブログ記事アイテム」に追加します。あとは適切なカテゴリを選び、タイトル・本文を入力します。
• 1つのブログ記事に画像は1枚のみ掲載できます。2枚目以降は無視されます。
• 「公開」を押すと、ブログ記事と同時にサムネイル表示欄も自動的に更新されます。

■ 注意事項

「フォト・ショウ」はJavaScriptを多用しており、クライアントの性能によっては動作が非常に遅くなります。また、画像のサムネイル化はしておらず、本来の画像をJavaScriptを用いてサムネイルのように見せているため、画像のファイルサイズが大きかったり、画像の数が多くなるとネットワーク環境によっては動作が重くなりますのでご注意ください。

■ 動作確認MTバージョン

• Movable Type 5.02にて動作確認をしています。カスタムフィールドを使用していないのでMTOSでも動作すると思いますが、確認はしておりません。
• Movable Type 5.02に標準で組み込まれているjQuery 1.3.2を利用しています。将来MTのバージョンが上がり、組み込んでいるjQueryのバージョンが上がると、jQueryの仕様変更によって動作しなくなる可能性があります。MTバージョンアップの際にはご注意ください。依存性が気になる場合は別途jQueryをダウンロードし、そちらをインクルードしても問題ありません。

■ 動作確認OS・ブラウザ

以下のOS ＆ ブラウザの組み合わせにて動作確認をしております。

• Windows XP ＆ Internet Explorer 6
• Windows Vista ＆ Internet Explorer 7
• Windows Vista ＆ Firefox 3.6
• Windows Vista ＆ Safari 4
• Windows 7 ＆ Internet Explorer 8
• Windows 7 ＆ Firefox 3.6
• Windows 7 ＆ Safari 5
• Windows 7 ＆ Chrome 6
• Windows 7 ＆ Opera 10
• Snow Leopard ＆ Firefox 3.6
• Snow Leopard ＆ Safari 5

■ ブラウザに依存した機能制限

現在のところ、「フォト・ショウ」には若干のブラウザに依存した機能制限があります。

• Internet Explorer全般において、ウィンドウをリサイズした場合にリキッドレイアウトが自動的に更新されません。

■ ライセンス条項

「フォト・ショウ」は、クリエイティブ・コモンズでライセンスされています。なお「どうぶつ部！」サイト内の写真はこの範囲には含まれず、著作権は@capyparaに帰属します。

■ 責務

@capyparaは、「フォト・ショウ」に関して一切の責任を負いません。ご利用は自己責任にてお願いいたします。

■ 更新履歴

テーマ更新履歴をご覧ください。

■ 今後の更新予定

「フォト・ショウ」はできたばかりで、不十分なところがまだ多数あります。当面は下記の対応をしていく予定です。

• ソースコードのリファクタリング
• Internet Explorer 8へのネイティブ対応（現在はIE7互換モードで動作しています）
• ポップアップ画面内で、前後の写真に移動できるショートカットを追加する
• 1つのブログ記事内で複数の写真を掲載できるようにする
• コメント/トラックバックの内容もポップアップ画面に反映する
• キーワード検索機能を追加する

2010年9月19日 @capypara