Web標準技術の
今とこれからを考える
村岡正和 ・ 秋葉秀樹
HTML5って使えるの?
 ・現状
 ・Webアプリ化
 ・ネイティブアプリ化
 ・必要スキルは技術なの?


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


「HTML5 ? Flash ?」
 ・Flashを排除する動きに流されない正しい知識と理解
 ・技術だけで、なし得ないものとは
 ・メッセージ ∼ 私たちクリエータの幸せとは?
HTML5って使えるの?
サイト内の文脈ごと構造化してデータ化
(セマンティック・マークアップ)


デスクトップ・ネイティブアプリ並みの
機能をブラウザや端末で実現
(JavaScript API)
クロスブラウザ
クロスプラットフォーム
プラグイン不要
D EMO      実装状況がバラバラ
        ブラウザによって「できる」「できない」がある




    たとえば、こんな当たり前のことも…
W3C
標準化団体が議論中                              Recommendation

                                Proposed
                             Recommendation

                         Candidate
                      Recommendation

                   Last Call
                 Working Draft

            Working Draft

      First Public
     Working Draft

Editor's Draft
                            W3C, WHATWGの策定スピードの差、
                                 勧告候補から草案まで色々
使用するテクノロジー自体未決定
video要素のコーデック問題、Webフォントのフォーマット採用率



                    WebM




   H.264
まとめ:HTML5って使えるの?


        場合によっては…

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




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



 違う価値を見いださなければ現状使いにくい
違う価値とは?
Webアプリ化
 (Webブラウザで動作するアプリ)



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


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



        「古いブラウザはやめよう!」
                    (メリット)

        の常識が加速する可能性がある
そもそも古いブラウザとは
CSSの解釈がおかしい、という問題以前に…

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

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




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


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




Adobe PhoneGap Build
https://build.phonegap.com/apps
TIZEN OS
Firefox OS
ネイティブアプリ化:まとめ
多くのソリューション
(PhoneGap, ダイナミックアプリ etc)では
・情報構造をHTML5
・装飾をCSS
・制御をJavaScript
というWeb標準(私たちの親しんでいる)技術を
基本としてつくるというコンセプト
必要スキルは技術なの?
(これだけ色々なことができるとなると必要なスキルとは?)
                               TALK
HTML5時代に求められる
  本当のスキルって?
個人的にこれかな?
と思うHTML5技術を挙げてみました   TA LK&
                      D EMO
Flash
を排除する動きに流されない
正しい知識と理解
         TALK
「HTML5はFlashの代わりになる?」




 この一つの解として言えること…
クロスブラウザとは言ってるけど…?




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



         ○              ○
         ×              △
iOS   (iPhone / iPad)   Android


問題はMac/PC同等のFlashの演出が
 そもそもスマートフォンで必要か?
処理負荷の高い
ゲームや
3Dアニメーション
Air for Android
Air for iOS
             D EMO
技術だけで、なし得ないものとは
                  TALK
メッセージ
∼ 私たちクリエータの幸せとは?

TALK
クリエイティブなんだから
カタチのないものをカタチにする。
大変だけど楽しみを実感しながら
つくるのが本来の姿。
下手でもつくろう!
レベルの高い、低いは関係ない。
自分レベルの限界にチャレンジしよう。

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

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

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