CSS Nite in Okayama, vol.2

Web業界でHTML5を知らない人はいないといっても良いほど、ここ数年、HTML5の話題で持ちきりでした。マークアップが新しくなっただけでなく、さまざまなAPIが加わり、Web標準でリッチなコンテンツが制作できるようになったことはご存じの通りです。スマートフォンやタブレットの普及の後押しもあり、すでにWeb制作の現場ではHTML5を積極的に取り入れていると言えます。しかし、HTML5をはじめとしたWebテクノロジーの応用範囲はますます広がりを見せ、もはやWebページという文脈では語ることができないテクノロジーに進化しようとしています。

本講演では、現在のHTML5の状況をおさらいし、今後、HTML5をはじめとしたWebテクノロジーが世の中にどのような影響を与えていくのかを考察します。そして世界のプレーヤーたちがHTML5をどう捕らえ、それをどう活かそうとしているのかを紹介します。

HTML5をWebページの進化という文脈で捕らえていると、将来を大きく見誤ります。今やWebテクノロジーはアプリケーション基盤になろうとしているとよく言われます。これは何を意味するのか、将来Webはどうなろうとしているのか、みなさんのスキルは将来的にどの分野で活かせるのかについて、考察していきます。

すでに成熟産業になってしまったWebページ制作業界でトップを目指してがんばるもヨシ、Web技術のスキルを応用して新たな世界にチャレンジするのもヨシ。今後、Web業界はどの方向へ進むべきなのか、そして、みなさん個人はどういった方向に軸足を置くべきかを考えるきっかけになれば幸いです。

HTML5でWebサイトを制作する第一歩は、「これまでのHTMLやXHTMLとどう違うのか」「どのような点に気をつけて制作すべきか」のふたつを理解することです。

また、便利なライブラリやフレームワークが登場し、制作環境の整備や下準備の手間がだいぶ小さくなってきています。これらをどのようにつかいこなすか、自分たちのワークフローに吸収するかが、効率的なアウトプットのために不可欠です。

HTML5の概要、書式、新要素と新属性、適切な構造化とアウトライン、要素選びで迷いがちなポイントなどベーシックな内容と、ライブラリやフレームワークの活用、クロスブラウザ対応など実践的な制作手法を、デモをまじえて解説します。

角丸、ドロップシャドウ、不透明度などのCSS3のプロパティを使うことで、これまで画像を使用しなければ実現できなかった表現をCSSのみで実装できるようになります。

すでにスマートフォン向けのサイト制作では常識になっている一方、CSS3をサポートしないブラウザーでは、それなりの実装を行うグレースフル・ディグラデーションという考え方も出てきています。

このセッションでは、CSS3のプロパティやセレクタの中でのよく使うものにフォーカスし、その使いどころや注意点をデモを交えて解決します。

「enchant.js」はHTML5とJavascriptをベースとした、ブラウザーで動作するゲームを開発出来るゲームエンジンです。Windows、Macはもちろん、AndroidやiPhone等のスマートフォンで動作するゲームを気軽に開発することが可能です。

今回はenchant.jsの主な機能と、実際にゲーム開発を行う場合のテクニックや苦労話、ゲーム以外でのenchant.jsの活用法をデモを交えながら紹介します。

Internet Explorer 9から本格化したHTML5の実装はInternet Explorer 10でさらに拡充されます。このセッションでは、Internet Explorer 10で新たにサポートする HTML5 の関連機能をはじめ、もはやブラウザーに留まらないマイクロソフトにとってのHTML5対応について、実際の製品やサービスを取り上げながらご紹介します。

HTML5にこれだけの注目が集まる中、WebデザイナーやWebデベロッパーはどのようなツールでHTML5を制作すべきかに頭を悩ませているのではないでしょうか？

このセッションではIEに搭載されているF12開発者ツールや広く普及しているIDE -Visual Studio 2010を用いたHTML5やCSS3のオーサリング、JavaScriptのプログラミング、デバッグをご紹介します。