RW:runway: Renewal

Movable Typeを使って、ホームページをリニューアル

　2005年10月、当サイトの開設後初めて、ホームページのリニューアルを実施致しました。開設したのが2003年の1月ですから、約2年半を経ての初めてのリニューアルとなりました。

　リニューアルに至った動機・目的なんですが、３点ほどありました。

(1) SONYのハイビジョンビデオカメラ「HDR-HC1」導入により、Video Galleryのハイビジョンへの移行を開始。これにともない、ホームページのデザインもリニューアルして、心機一転を図りたい。

　ホームページのデザインに関しては、従来は、掲載写真がより美しく見えるものをということで、黒バックを基調としたシンプルなデザインにしていました。
　リニューアルするにあたり、同じく掲載写真が映える背景色で、さらにセンスのよいデザインを目指すべく、モノトーン（明度の違うグレー）を基調にしたデザインに変更しました。画面の上には黄色のロゴや画像処理したモノクロ写真を入れ、左には鮮やかな色のサイドメニューを入れて、アクセントとしてみました。
　ホームページの表示サイズに関しては、PCの画面サイズを800×600以上と想定し、800×600の画面サイズでも見やすいように調整しました。

(2) Photo Galleyへの写真の追加が手作業となっているため、手間がかかり、タイムリーな更新ができていない。作業をできるかぎり自動化したい。

　通常使用するデジタルカメラは、当初使っていたPanasonicのFZ1からNikonのD70へ移行しました。デジタル一眼レフのD70はさすがの高性能で、シャッターチャンスを逃すことが大幅に減った結果、私だけでなく妻や娘たちが撮影した飛行機写真のストックがどんどん増えています。中には公開したいと思う写真もそれなりに含まれているのですが、手作業でのホームページへの公開は面倒なため、滞りがちとなっていました。限られた時間の中で、Video Galley用の作品の編集もやりつつ、写真公開用のHTMLを作成するというのは厳しいものがありました。そこで、写真に関しては、作業をできるだけ自動化したいと思いました。

　最初はCGIのプログラムを使うことを考え、フリーで使えそうなものはないか探したのですが、こちらのニーズにあったものは見つかりません。いっそのこと自分で書くことも考えましたが、満足のいくものを作るには時間がかかりそうです。どうしたものかと思案していたところ、偶然、書店で「Movable Type スタイル&コンテンツデザインガイド」という本を見つけました。

　Movable Typeというのは、最近流行のブログ(Weblog)を実現するための、メジャーなツールの一つです。昔から日記というものには拒否反応(笑)のある私は、ブログに関してはさわらぬ神に祟りなしというスタンスだったのですが、この本は、Movable Typeをブログ以外のものに活用しようという、なかなか興味深い内容の本でした。サンプルとして、商品カタログやフォトギャラリーの実現例が掲載されており、自分でCGIを書くよりはMovable Typeをベースに使う方が良さそうに思えてきました。

(3) (2)に関連して、コンテンツの内容をデータベースに登録すると、自動的に所定のフォーマットでHTML化を行ってくれるコンテンツ管理システム（CMS）を導入したい。

　Movable Typeについて色々と調べてみると、単なるブログの構築ツールではなく、コンテンツ管理システム（CMS）として使える、とても高機能なソフトウェアであることが分かってきました。Movable Typeでは、コンテンツの内容をデータベースに登録すると、あらかじめ準備したテンプレートの指定に従い、自動的にHTMLファイルを作成してくれます。テンプレートはカスタマイズできるので、作成されるHTMLファイルのデザインを、自分の好みに合ったもの、コンテンツの内容にふさわしいものに変更することができます。テンプレートを変更すると、サイト全体のデザインを簡単に変更することができます。サイト内のページ間のリンクや、コンテンツ追加時の新着情報の更新、サイト全体としてのデザインの統一も自動的に行われます。使いこなせれば、とても画期的なホームページ構築ツールとなります。

　私が使っている自宅サーバーへのインストールも比較的簡単で、価格も安いことから（非商用で限定的に使うのであれば無料！）、ホームページのリニューアルにはMovable Typeを全面採用することに決定しました。

　ホームページのデザインに関しては、ペイントソフトを使ってホームページの完成画面を作成し、それを元にMovable Typeのテンプレートを修正するという手順をとりました。テンプレートのカスタマイズには、CSS(Cascading Style Sheets)とMovable Type固有のタグの知識が必要です。デフォルトのブログ風のデザインにはこだわらなかった（というより、むしろブログ風のデザインにはしたくなかった）ため、テンプレートのカスタマイズは予想以上に難航しました。結局、リニューアルには２ヶ月ほどもかかってしまいましたが、Movable Typeをベースとしたサイトへの移行には成功したので、今後のメンテナンスや次回のリニューアルのことを考えると、苦労したかいはあったと思っています。

投稿者 webmaster : 2005年10月05日 01:00 | コメントする (0) | トラックバックする (0)

Home > Production Note > Renewal