Web標準技術の今とこれからを考える（村岡正和 ・ 秋葉秀樹）

Web標準技術の今とこれからを考える村岡正和 ・ 秋葉秀樹

HTML5って使えるの？　・現状　・Webアプリ化　・ネイティブアプリ化　・必要スキルは技術なの？

HTML5時代に求められる本当のスキルって？　・個人的にこれかな？と思うHTML5技術を挙げてみました

「HTML5 ? Flash ?」　・Flashを排除する動きに流されない正しい知識と理解　・技術だけで、なし得ないものとは　・メッセージ　～　私たちクリエータの幸せとは？

HTML5って使えるの？

サイト内の文脈ごと構造化してデータ化（セマンティック・マークアップ）

デスクトップ・ネイティブアプリ並みの機能をブラウザや端末で実現（JavaScript API）

クロスブラウザクロスプラットフォームプラグイン不要

×

実装状況がバラバラブラウザによって「できる」「できない」がある

たとえば、こんな当たり前のことも…

DEMO

標準化団体が議論中

W3C, WHATWGの策定スピードの差、勧告候補から草案まで色々

Editor's Draft

First PublicWorking Draft

Working Draft

Last CallWorking Draft

CandidateRecommendation

ProposedRecommendation

W3CRecommendation

WebM

H.264

使用するテクノロジー自体未決定video要素のコーデック問題、Webフォントのフォーマット採用率

まとめ：HTML5って使えるの？

場合によっては…

・ブラウザが限定される・フォールバックでも使えたらマシ

現時点では一般的な案件には不向き

違う価値を見いださなければ現状使いにくい

違う価値とは?

Webアプリ化（Webブラウザで動作するアプリ）

DEMO

Webサイトに便利機能を付加

Webアプリ化：まとめブラウザを限定した、として…それでもユーザが「便利」と思えるWebアプリが増えると

「古いブラウザはやめよう！」の常識が加速する可能性がある

（メリット）

そもそも古いブラウザとはCSSの解釈がおかしい、という問題以前に…

バグのあるソフトウェアで動かしているという認識…

サービスに貢献できない可能性もあるのになぜ使う？という問題

ネイティブアプリ化（HTMLベースで作ったWebアプリをネイティブ化）

DEMO

私たちのスキルが活かされる

https://build.phonegap.com/appsAdobe PhoneGap Build

TIZEN OS Firefox OS

ネイティブアプリ化：まとめ多くのソリューション（PhoneGap, ダイナミックアプリ etc）では・情報構造をHTML5・装飾をCSS・制御をJavaScriptというWeb標準（私たちの親しんでいる）技術を基本としてつくるというコンセプト

必要スキルは技術なの？（これだけ色々なことができるとなると必要なスキルとは？）

TALK

HTML5時代に求められる本当のスキルって？

個人的にこれかな？と思うHTML5技術を挙げてみました

TALK&

DEMO

Flashを排除する動きに流されない正しい知識と理解

TALK

「HTML5はFlashの代わりになる？」

この一つの解として言えること…

クロスブラウザとは言ってるけど…?

http://www23.atwiki.jp/sevenlives/pages/357.html

Mac PC

iOS (iPhone / iPad) Android

○○× △

問題はMac/PC同等のFlashの演出がそもそもスマートフォンで必要か？

処理負荷の高いゲームや3Dアニメーション

DEMO

Air for AndroidAir for iOS

技術だけで、なし得ないものとはTALK

メッセージ～　私たちクリエータの幸せとは？

TALK

カタチのないものをカタチにする。大変だけど楽しみを実感しながらつくるのが本来の姿。

クリエイティブなんだから

レベルの高い、低いは関係ない。自分レベルの限界にチャレンジしよう。

そのとき初めて自分のレベルを超えられる。

その喜びは味わった人にしかわからない。

下手でもつくろう！

THANKS