前回のデザインは2006年の8月にメルボルンの伯母の家に引きこもっていたときに作ったもの。まぁ、あれは自分の中ではかなり満足な部類に入っていたのですが、冷静に見直してみるといろいろと不満な部分も出てくるものなのです。というわけで、今回は以下の部分を念頭においてページのデザインをしてみました。

• スペースを調整
  前回のデザインで一番気になっていたところはこれなんですよね。横幅800pxの画面まで意識して作っていたので横幅が狭い。そして、デザインエレメントの関係で縦のスペースは無駄にある。細部にはこだわっていても全体を俯瞰すると間延びして見える感は否めなかったので、今回はかなり余白を意識して調整してみました。
• 日本語版タイトルも表示
  実は、以前から日本語のタイトルは付けていたのですが、システム的に厳しい関係でこの部分は英語で共用にしていました。しかし、今回はこれを遂にバイリンガル化！といっても、システム的な問題が解決されたわけではなく、これと引き換えに前後のエントリーを表示する機能が使えなくなってしまいました(ExpressionEngineで該当の機能を使用すると、共用のタイトルつまり英語版が表示されてしまうので…)この部分は、今後なんとかフィックスする術を研究していきたいですね。
• 何気にAJAX
  最近、仕事で使い始めたjQuery、これがナカナカ楽しい(笑)。イヤミにならない程度にアニメーションを散りばめてみました。
  

とりあえず、今のところはこんな感じです。リニューアルをしてみて改めて気づくのが、ExpressionEngineの柔軟性の高さ。若干、タイトル周りに制約が加わっていますが、それはかなり強引にバイリンガル化のテクニックを使用しているから。それ以外は内部的に複数のBlogを統合したり、phpで小さなカスタムファンクションを作ったりと、もう、やりたい放題なわけです。それにも関わらず、吐き出すコードには殆ど無駄がない(今回もXHTML+CSSでちゃんとバリデートされます)
これなら、日本でもExpressionEngineはもっと広まるべきだと思うんですけどねぇ。

僕が担当した部分は静止画的なヴィジュアル以外の全て。まぁ、つまりFlashのプログラムを書いたりとか、効果音を作ってみたりだとか。今後はもっとコンテンツも増えて会話のシーンも増えていくはずなので、それをマネージするためにファイルメーカーでDBを作ったりもしてます。
絵に関しては、うちには他にも優秀なデザイナーさんが何名もいるので僕はやる必要なしね。

まぁ、そんなこんなで完成したこのサイト。まだまだコンテンツ自体が少ないけど、芸の細かいサイトに仕上がったのではないかと自画自賛です。次のフェーズでは入れる場所が増えたりして、コンテンツ部分が充実していくはずなので、作る側としてもかなり楽しみ。

ActionScriptに関してもAS2.0のメリットをやっとフルに引き出せたという感じで、シーン管理用のクラスライブラリを作ったりとか、動きにはもちろんFuseKitを使ってみたりとか、ひとりでかなり頑張ったでしょう。

でも、まぁ、やっとこれがスタート地点なのかなぁ。世の中には、カッコいいサイトは山ほどあるわけで。そういったものと比べても、今回のものはクオリティ的に遜色ないレベルまで持ってこれたと思っているけど、決して優れているわけでもないでしょう。これからは常にこのレベル以上のものを作っていかなくちゃ。

そんなWindows派なWeb関係者を最も悩ますものの一つが、Osakaフォント。

今日も「文字画像は"Osaka"で」なんていう指示が飛んできた。
いったい、どないせーちゅうねん。こっちはWindowsなんですが。。

そこでやけくそになってググってみたところ、
Macの見やすいOsakaフォントをWinで使おうプロジェクト
などというページを発見してしまった。

すごい、すばらしい、さすが、にちゃんねる。

先人たちの偉業に感謝しつつ、手に入れたWin版Osakaをインストールしてみたところ、確かにOsakaというフォントが表示されている！
やっぱりアンチ無しのプロポーショナルな文字って、Osakaのほうが綺麗なんだね。
とりあえず、文字画像の問題はこれで突破だ。

この調子で、MacIEの表示をシミュレートしてくれるツールとかでないもんですかねぇ。