キーノート：HTML5が拓く未来 ～HTML5との正しいつきあい方～

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

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

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

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

HTML5マークアップの基本

W3CのHTML5仕様が2012年12月に勧告候補となり、内容がほぼ固まりました。ブラウザサポートがだいぶ向上し、安定してきたことから、スマートフォン向けサイトやCSSフレームワークはもとより、デスクトップ向けサイトの多くでもHTML5が採用されています。

このセッションでは、HTML5仕様の概要、文書構造、セクション、APIなど、HTML5の全体像とページ制作に必要な知識をコンパクトに解説します。また、セクション要素（section、nav、article、aside、header、footerなど）の使い方と、ページを適切に構造化するコツを身につけましょう。

マルチデバイス対応とCSS3、レスポンシブWebデザイン

角丸、ドロップシャドウ、不透明度などのCSS3のプロパティを使うことで、これまで画像を使用しなければ実現できなかった表現をCSSのみで実装できます。このメリットを存分に発揮できるのがスマートフォン向けのサイト制作です。

CSS3のプロパティやセレクタをおさらいしつつ、マルチデバイス対応として注目の高いレスポンシブWebデザインの実装についてデモを交えて解説します。

HTML5+CSS3　いつ切り替えるの？今ですか？

HTML5やCSS3をはじめ、Webには常に新しい技術が登場します。
Web担当者としては、常に最新の技術を身につけ、サイトに反映し、ユーザーを獲得していかなければなりません。

ここで問題です。上記の文章は、本当に正しいのでしょうか。
Webサイトを利用するユーザーに、そして企業にとって必要なことを考えた上で、HTML5やCSS3などの技術を取り入れること。それが重要なのです。

このセッションでは、一見難しそうな「Webアナリスト」について解説します。苦手な方も多い、解析ツールの使い方や、ログの扱い方ではありませんのでご安心ください。
頭を柔らかくして、Webサイトに向き合うヒントを身につけて、あなたの業務に活用してください。Webサイトの考え方が少し変わるきっかけになればと思います。

CSS3とJavaScriptで魅せるサイト、そのWebディレクションの現場

CSSとJavaScriptの高度化によって、Flashを使わずにHTMLベースで豊かな表現や動的な演出が実装できるようになりました。それに伴い、企画立案時の考え方や、制作時のワークフローもこれまでと変わりつつあります。

このセッションでは、CSS3とJavaScriptを実際の案件にどのように活用していくのか、また、ディレクションを行う上でどのような判断が必要となるのかを実例を交えながらご紹介します。

スマートデバイス（HTML5＋CSS3）時代に考えるWebサービスのあり方

「体験をプロデュースすること」がWeb施策における大枠のミッションとなっている今、大切なことは、まず、時代とともに、人の消費、行動決定のプロセスがどのように変化したか、また、人々の価値観は如何に変わったかを理解することが重要です。

その上で、スマートデバイス時代のWebサービスのあり方を一緒にさぐっていきます。

HTML+CSS+JavaScriptでWindowsストアアプリを作ってみた

あなたは10年後にどういう仕事をしていると思いますか？ デバイスの多様化、ノウハウの共有化、無料サービスの発展等によって、いわゆる「Web制作者」のキャリアパスを描くことは難しくなっており、これまでの蓄積を新しい付加価値に転換し続けることが重要です。

本セッションでは「Web制作者として培ったスキル（HTML+CSS+JavaScript）を使い回してWindowsストアアプリを作ってみたこと」「それによって開けてきたステージ」について具体例を交えながらお話します。

デザイナーの皆さんにお伝えしたいWindowsストアアプリの作法

これまで40本を超えるのWindowsストアアプリを開発してきました。その中でデザイナーの方に携わってもらったものとそうでないものでは明白に違いが見られました。いうまでもないですが、携わってもらった方が魅力的なアプリケーションになりました。

より魅力的なWindowsストアアプリを作るためにデザイナーの皆さんには一人でも多く参加して欲しいのですが、Windows 8の作法に従い画面を構成するなど、デザイナーが知らなければいけないポイントもたくさんあります。

このセッションでは、これまでの開発経験をふまえ、デザイナーの方にWindowsストアアプリを開発する上で知っておいてもらいたいポイントをお伝えします。

土佐風Webデザインを考えてみた

Webデザインに地域性はあるのでしょうか？　プロダクトデザインやグラフィックデザインといった分野に比べ、Webデザインでは地域性や地方色といったものが出にくい傾向にあると思います。
「高知っぽさ」とはどんなものなのかを独自に検証し、“土佐風Webデザイン”として発表します。

ウェブクリエイターズ高知設立で見えてきたもの

土佐（高知）のWeb制作業界を盛り上げるために立ち上げたウェブクリエイターズ高知の運営をはじめて1年半が過ぎました。

その代表を経験して見えてきたこと、Webクリエイター達との関わりにより感じたこと、HTML5+CSS3などの新しい仕様にどう取り組もうとしているかなどについてお話しします。

HTML5で作るWindows 8アプリ

アプリケーションの開発プラットフォームの側面をもつHTML5が登場してきたことにより、従来Webコンテンツを制作するためのものであったWeb技術が、さまざまなデバイスのアプリケーション開発プラットフォームとして採用されてきています。
この流れは Windows も例外ではなく、Windows 8で採用されたタッチデバイス用の新しい UI環境で動作するアプリは、HTML5+JavaScriptを使用して開発することができます。

「Windowsストア アプリ」と呼ばれるこのアプリの開発は、プログラマーはもちろん マークアップエンジニア、デザイナーなども、いままで培ったスキルセットをそのまま生かしてアプリを作成することができるようになっています。

このセッションではWindowsストア アプリの具体的な開発方法、開発したアプリの販売、収益化の方法について紹介します。

HTML5とマイクロソフト

今デバイスが変わろうとしています。
携帯はスマホへ、パソコンはタブレットへ、キーボート&マウスはタッチへ。Firefox OSやTizenのような新しいOSが登場し、Google Glassのようなウェアラブル（身につける）コンピュータも現実になりつつあります。

こうした多様化の中で存在感を増しているのがWebの技術「HTML5」です。これからのWebはブラウザーで表示されるWebページとしてだけでなく、OSで動作するアプリを支える技術としても利用されていくことになるでしょう。このセッションでは、マイクロソフトがそのHTML5をどう捉えているのか？最新のIEやWindowsとの関係を示しながらお伝えします。