Web標準技術の今とこれからを考える村岡正和 ・ 秋葉秀樹
HTML5って使えるの? ・現状 ・Webアプリ化 ・ネイティブアプリ化 ・必要スキルは技術なの?
HTML5時代に求められる本当のスキルって? ・個人的にこれかな?と思うHTML5技術を挙げてみました
「HTML5 ? Flash ?」 ・Flashを排除する動きに流されない正しい知識と理解 ・技術だけで、なし得ないものとは ・メッセージ ~ 私たちクリエータの幸せとは?
サイト内の文脈ごと構造化してデータ化(セマンティック・マークアップ)
デスクトップ・ネイティブアプリ並みの機能をブラウザや端末で実現(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
カタチのないものをカタチにする。大変だけど楽しみを実感しながらつくるのが本来の姿。
クリエイティブなんだから
レベルの高い、低いは関係ない。自分レベルの限界にチャレンジしよう。
そのとき初めて自分のレベルを超えられる。
その喜びは味わった人にしかわからない。
下手でもつくろう!