石輪っぷり!

まず初めに「マークアップエンジニアのキャリアパス」というテーマで、"元祖マークアップエンジニア" の森田雄氏による講演。
この"マークアップエンジニア" という肩書き、森田さんが命名されたんですね。今日最初の驚きでした。私も名刺に "マークアップエンジニア" と入れさせていただいているんですが、明らかに私は単なる "HTMLコーダー" ではないにせよ、"マークアップエンジニア" と胸を張って言えるよう、もっともっと多岐に渡ってフロントエンド技術を勉強したいと思います。

続いてのセッションは、大藤幹氏とスキルパートナーズ 大杉充氏による "XHTML&CSS超高速コーディング術 LIVE!"。
テンプレートの活用やシャドウ・コーディングによりコーディング作業自体を速くするということと、普段これが最大のネックなんですが、手戻りを最小限に抑えるということ。今回のセッションの元となる書籍『XHTML&CSS超高速コーディング術』を事前に読んでいましたので、内容はよくわかりました。ただ、LIVEコーディングは正直眠かった。時間が限られてる中での実践は思うように進まなかったりで難しいですよね。

1回目の休憩をはさんで、マインドフリー 徳田和規氏による "Coding with jQuery"、続いて 24-7 長谷川広武氏による "UI実装におけるコーディングあれこれ"。
今や JavaScript はユーザビリティの向上や IE 対応のために必要不可欠と言ってもよいくらいの存在ですが、jQuery などのライブラリによってとても簡単に使えるようになりました。私はこれまで既存の公開されているライブラリを、様々な環境で利用可能かどうかを検証しながら、これは使えると思ったものを利用させていただいてる程度なのですが、これからは jQuery 等も勉強して自分なりにいろいろと使ってみたいと思いました。

2度目の休憩の次は、ドーガ 石本光司氏による "Webパフォーマンス最適化のためのコーディング手法"。
先日4月9日から Google が表示速度をランキングに加味しはじめました。今は google.com だけですが、そのうち日本語サイトも適用されるようになるでしょう。また、ユーザーにストレスを与えないためにも表示速度の改善は重要です。そのために、コーディングレベルでできる改善策として HTTP リクエストを減らすということ。つまり、画像や CSS、JavaScript 等、HTML に読み込むファイル数を極力少なくするということですね。
その中で話に出てきた「CSSスプライト」。ナビゲーションボタンなどを、1枚の画像を CSS で表示位置をずらしながら、複数の要素の背景として表示する手法で、過去に私も使ったことがあります。しかし、テキストを画面から消す "オフレフト"と呼ばれるような手法で実装すると、画像が無効で CSS が有効な場合に何も表示されなくなってしまいますので注意が必要だと思います。

続いて、ピクセルグリッド 高津戸壮氏、AGN 福田泰雄氏による "CSS3 for tomorrow [ver.LP9]"。
CSS3 はまだブラウザの対応が限られているのですが、非常に面白くて楽しく、便利です。今現在、div要素や背景画像を駆使して実現している複雑なデザインが、CSS3 ではおそろしく簡単に実現できます。これからは CSS3 が使えるところは積極的に使い、CSS3 に対応していないブラウザではスタイリッシュなデザインは表現できないけど、情報はきちんと伝えましょう（例えば先進的なブラウザでは角丸になるが、IE は直角など）という考え方でコーディングするのもありですね。既にいくつかのサイトではそのように実装されていますし。
ただ、多くの方が IE を利用してるから難しいんですよね。クライアントも IE を利用してるからデザイン通りになってないじゃないか！ってことになりますし...。

3度目の休憩が終わって、次はピクセルグリッド 小山田晃浩氏とサイバーガーデン 益子貴寛氏による "ノリとツッコミで進める HTML5 ライブコーディング"。
XHTML 1.0 で書かれたページを HTML5 に書き換えるライブコーディングをとおして、HTML5 のいくつかのポイントを知ることができました。プラグインなしで動画が再生できるとうのは有名ですが、より構造を明確にすることが可能になるという点で、早く標準的に使えるようになって欲しいと思いますが、これも IE が非対応。次期 IE9 では対応するということですが、当然 IE6 〜 IE8 もしばらくは使い続けられるわけです。IE で HTML5 を使えるようにする JavaScript "html5.js" を使えば、何とかなるんですが、JavaScript を無効にしている環境を考えると悩ましいです。

最後のセッションは、羽田野太巳による "今日から使えるHTML5 API"。
HTML5 API によって様々なウェブ・アプリケーションが作れるようになるという話。既に Youtube が HTML5 動画プレーヤーを試用運転していたり、また、Gmail でのファイルの添付がドラッグ＆ドロップで可能になるなど、HTML5 API によりウェブとデスクトップの境目が無くなりつつある現状。
内容的には難しいセッションでしたが、このようにユーザー体験が向上すると、当然クライアントからそのようなリクエストが来るわけで、そうなると我々コーダーは HTML5 API の知識が必要になってくるということを聞いて、こりゃあ、年齢が...なんて言ってられないなって、正直焦りを感じました。

最後はこのイベントに合わせて企画されたコーディングコンテストの審査発表。私は年度末のまっただ中で、全く参加する余裕がなかったのですが、この審査の解説も行われる、HTML5 と CSS3 にフォーカスした "CSS Nite LP, Disk 9.2（reprise）" もまた興味深いイベントです。