基調講演

2011年12月のHTML5とか勉強会で好評を博した白石さんの「HTML5&API総まくり」、その2012年秋版です。今回はCSSも加え、時間の許す限りまくっていきます。

近年、個人や企業を問わず、HTML5でマークアップされたサイトが数多く登場しています。しかし、HTML5が浸透してから年月が浅いこともあり、有名な大企業のサイトですら、不適切なマークアップが見受けられます。本セッションでは、そのような不適切なマークアップを紹介し、どう直すべきかをみなさんと一緒に考察していきます。

IE9から本格化したHTML5の実装はまもなくリリースされるIE10でさらに広がるだけでなく、次期Windows OSであるWindows 8のアプリそのものもHTML5で構築できるようになります。このセッションではIE10で新たにサポートされるHTML5、Windows 8のアプリとHTML5との関係、そして、現在のマイクロソフトのHTML5との向き合い方について、ご紹介します。

Android と iOS の両方にアプリを作るには WebView を使ったハイブリッドアプリが普通となり、Windows、Tizen、Firefox OS などでも HTML5 ベースでアプリケーション開発を行うようになりました。 これらの「HTML5 プラットフォーム」はどう違うのか？ Web 標準の進化と実装はこれからどうなっていくのか？ Web のプラットフォーム化に向けて多くの API 標準化・実装に取り組んでいる Mozilla ならではの視点で、Web 技術の現在と未来について、実際に目で見て分かる形でご説明します。

スマートデバイスの普及や高解像度ディスプレイの登場などによって、これまで のWebデザインの常識ももはや変わりつつあります。このセッションでは、閲覧 環境や仕様の変化にも柔軟に対応できる、ちょっと先の未来を見据えたWebデザ インの手法を紹介します。

ようやく認知されてきた感のあるSassですが、実践的な面からはあまり多く語られていない状況です。 NHN Japan(旧NAVER Japan)では1年間で10を超えるプロジェクトにおいてSassの導入と運用を行いました。 このセッションでは、その過程で得たノウハウについて、社内で実際に使用しているライブラリを交えつつ紹介します。

Manifest v2 になり、よりネイティブアプリに近くなる Chrome Apps や、様々な機能が利用可能になる Extension に関してのアップデートをご紹介いたします。

WebIntentsは、Androidインテンツに似た仕組みにより、Webアプリケーション間をユーザー主導で連携するAPIです。しかし、このAPIはアプリ連携のみならず、身の回りにある全てのデバイスをインタラクティブに利用出来る新たなマルチデバイスWebの可能性を秘めています。本講演では、WebIntentsとその可能性についてW3Cでの最新検討状況も交え紹介します。

HTML5、関連API、CSS3、WebSocketやSPDYといった新たな通信プロトコル、様々なフレームワーク、レスポンシブWebデザインなどの新たな制作手法、JavaScriptにコンパイルできる様々な言語など、Web技術の広がりと深まりはとどまるところを知りません。 本セッションでは、Google Developers ExpertやMicrosoft Most Valuable Professionalとして最先端で活躍するHTML5のエキスパートを集め、昨今のWebを縦横無尽に語ります。 モデレータにPublickeyの新野淳一氏、特別ゲストにグーグルの及川卓也氏を迎えた豪華メンバーでお届けします。

雑誌のようなレイアウトを実現する CSS Regions や CSS Exclusions といった新たな試みの他、開発効率を高めるオープンソースのコードエディタ Brackets や PC からリモートでスマホやタブレットの Web Inspection を行う Adobe Shadow などを紹介していきます。

HTML5を中心としたウェブアプリケーションの開発におけるノウハウや、高速な開発サイクルを実践するための環境作りについて、JavaScriptのテストや継続的インテグレーションなどに触れながら、簡単なデモなどを交えつつご紹介します。

さまざまな新しい周辺技術が注目される中、Web の技術はグラフィックスの分野への強化もされています。そのひとつに WebGL という高度な 3D を扱う API があります。このセッションでは、主に THREE.js を通して WebGL を直感的に利用する方法を解説します。 このセッションを通し、JavaScript が苦手な人は WebGL の世界を知ることができるでしょう。また、JavaScript が得意な人は THREE.js を通して WebGL を利用する方法を知ることができるでしょう。

Web技術の最先端はゲーム開発にあり！ 終わることのないUX改善、Webグラフィックスの試行錯誤、JavaScriptのパフォーマンスチューニング・・・尽きることのないユーザーの要望に応えるべく、日々格闘するゲーム開発者たちの貴重なノウハウに出会えます。 プログラマ、UXデザイナ必見！ 人気が予想されますので、ふたコマぶち抜きの特別枠でお届けします！

CSS3ではこれまで画像としてしか表現できなかったことを可能にする強力な仕様が追加されています。角丸やグラデーション、そしてアニメーションなどがその筆頭です。様々なプロパティの組み合わせを行うことでこれらの新しい仕様だけではなく、元々あったCSSのプロパティもより魅力的になるのです。 今回のセッションではその強力な組み合わせのプロパティを使ってより使いやすいUIの実践についてお話しします。

スマートフォンにおけるHTML5を用いた開発における現在の最前線の話を DeNAにてHTML5の技術開発を総括している立場より、具体的なノウハウを交えてお話しします。

視差スクロール（パララックス）、レスポンシブWebデザイン＆レスポンシブイメージ、jQuery Mobile、Lessなど、最近はやりの技術を盛り込みまくって企業サイトを作ってみました（株式会社シーエー・モバイル ）。 その過程でぶつかった課題や意思決定、学んだノウハウを皆さんと共有したいと思います。 一歩先ゆくWebサイトを作りたい方に贈ります。

Web技術の最先端はゲーム開発にあり！ 終わることのないUX改善、Webグラフィックスの試行錯誤、JavaScriptのパフォーマンスチューニング・・・尽きることのないユーザーの要望に応えるべく、日々格闘するゲーム開発者たちの貴重なノウハウに出会えます。 プログラマ、UXデザイナ必見！ 人気が予想されますので、ふたコマぶち抜きの特別枠でお届けします！

現在ハイスピードで全世界に向けたスマートフォンゲームを開発しているグリーですが、その量・質・スピードを支えるために重要となる、2Dテクニカルアーティストについてご説明します。ゲーム開発組織拡大の下支えにもなる技術ですので、少しでもご興味頂き、今後のゲーム開発にご活用頂ければ幸いです。

jQuery Mobileで素早く簡単にモバイルサイトを作成できる反面、デフォルトのデザインや動きをカスタマイズするのは、ひと苦労です。本セッションでは、jQuery Mobileの次のステップとして、さまざまなカスタマイズのノウハウを紹介します。良い意味でjQuery Mobileらしくないモバイルサイトをつくりましょう。

WebRTCはJavaScript APIを利用してウェブブラウザ上でリアルタイムコミュニケーションを実現するための仕様です。本セッションではそのWebRTCの基本を説明し、WebRTCを実際に利用したウェブアプリケーションや、WebRTCと組み合わせて使われる事の多いライブラリを紹介します。

スタッフ裏話、LT、WebSocketを活用したHTML5クイズ大会