HTML5の現在と未来
    HTML5といえば「カヤックHTMLファイ部」
              HTMLファイ部 比留間 和也・神代 友行




13年4月23日火曜日
自己紹介

              • 面白法人カヤック
               HTMLファイ部所属
               比留間 和也

              • 最近はJSばっかりで、
               あんまりHTML書いてません。



13年4月23日火曜日
自己紹介

              • 面白法人カヤック
               HTMLファイ部所属
               神代 友行


              • Webアプリをメインに開発しています

13年4月23日火曜日
事例紹介



13年4月23日火曜日
デリカD:5 クリーンディーゼル インフォグラフィックスカタログ



13年4月23日火曜日
ジオプリ島とインクの妖精たち


13年4月23日火曜日
JAL SKY SHARE


13年4月23日火曜日
WBCセカンドスクリーンサイト


13年4月23日火曜日
カヤックでは
          キャンペーンがメイン


13年4月23日火曜日
ですが、
       カヤック HTMLファイ部ではいつも
       HTML5の可能性を模索しています。




13年4月23日火曜日
HTML5でつくる
              Webアプリ事情



13年4月23日火曜日
Agenda
              • 世界の事例
              • KAYACの事例
              • 作って分かったこと
                 • メリット / デメリット

13年4月23日火曜日
世界の事例



13年4月23日火曜日
sun
         http://pattern.dk/sun/

         •    天気アプリ


         •    ホームアイコン化必須




13年4月23日火曜日
sun
         http://pattern.dk/sun/

         •    天気アプリ


         •    ホームアイコン化必須




13年4月23日火曜日
TabTimes
         http://tabtimes.com/

          •   ニュースアプリ


          •   タブレット特化




13年4月23日火曜日
TabTimes
         http://tabtimes.com/

          •   ニュースアプリ


          •   タブレット特化




13年4月23日火曜日
Financial Times
          http://apps.ft.com/

         •    ニュースアプリ


         •    iOSアプリからの移行で成功




13年4月23日火曜日
Financial Times
          http://apps.ft.com/

         •    ニュースアプリ


         •    iOSアプリからの移行で成功




13年4月23日火曜日
Fastbook
          http://fb.html5isready.com/

         •    sencha touch FWのfacebook viewer


         •    実験アプリ




13年4月23日火曜日
Fastbook
          http://fb.html5isready.com/

         •    sencha touch FWのfacebook viewer


         •    実験アプリ




13年4月23日火曜日
KAYACの事例



13年4月23日火曜日
aquoria
          http://aquoria.com

         •    友達同士で写真を共有するアプリ


         •    Native アプリを意識したUI


         •    Webアプリに最適な機能、UIを
              検証しつつプロジェクト進行中




13年4月23日火曜日
aquoria
          http://aquoria.com

         •    友達同士で写真を共有するアプリ


         •    Native アプリを意識したUI


         •    Webアプリに最適な機能、UIを
              検証しつつプロジェクト進行中




13年4月23日火曜日
13年4月23日火曜日
Webアプリの
         メリット・デメリット


13年4月23日火曜日
メリット
              • マーケットの課金手数料不要
              • クロスプラットフォーム
              • アプリ審査なし



13年4月23日火曜日
メリット
              ⃝ • マーケットの課金手数料不要
              △ • クロスプラットフォーム

              ⃝ • アプリ審査なし




13年4月23日火曜日
メリット
              ⃝ • マーケットの課金手数料不要
              △ • クロスプラットフォーム

              ⃝ • アプリ審査なし

              ⃝ • ダウンロード不要




13年4月23日火曜日
デメリット
              • パフォーマンスが悪くなりがち
              • 端末機能の利用に制限あり( ex. push通知)
              • マーケットで発見されにくい
              • HTML5の仕様変更の可能性あり

13年4月23日火曜日
デメリット
              ⃝   • パフォーマンスが悪くなりがち
              △   • 端末機能の利用に制限あり( ex. push通知)
              ✕   • マーケットで発見されにくい
              ✕   • HTML5の仕様変更の可能性あり

13年4月23日火曜日
Webアプリは
              実際どうだったか?


13年4月23日火曜日
大変 (´・ω・`)



13年4月23日火曜日
• 端末の種類がたくさん
              • パフォーマンスが悪くなりがち
              • 機能は制限される .....


13年4月23日火曜日
Native app = Web アプリ




13年4月23日火曜日
Native app   ≠ Webアプリ

13年4月23日火曜日
Webアプリ最適化

              ・Native appの良さを踏襲しつつ

              ・Webに最適な機能、UIに変えていく




13年4月23日火曜日
HTML5を利用して
     新しいWebアプリの形を
              模索しています

13年4月23日火曜日
楽しいよ!(*´∀`*)



13年4月23日火曜日
Firefox OS                                                               smart TV
      http://realgeekstech.com/zte-open-is-first-phone-to-run-firefox-os/   http://www.samsung.com/us/2012-smart-tv/img/intro-smartHubTV.png




                                                                                   car navigation
                                                                                              http://www.atpress.ne.jp/releases/31512/v_1.png




13年4月23日火曜日
楽しいよ!(*´∀`*)



13年4月23日火曜日
HTML5の未来



13年4月23日火曜日
クラウド API
                       オフライン API




              Device     WebGL
                API



                NSD      Web
                API     Socket


13年4月23日火曜日
Device free!
              Place free!


13年4月23日火曜日
例えば
13年4月23日火曜日
PCで記事を読み始め
13年4月23日火曜日
電車内ではiPadを使って続きを読み

13年4月23日火曜日
待ち合わせ場所ではiPhoneで読み続ける

13年4月23日火曜日
アプリではなく
              「体験」の提供


13年4月23日火曜日
パフォーマンスが悪い? 制約が多い?

13年4月23日火曜日
Blink

              Servo
                              asm.js




                Web業界の変化の
              スピードはまさに日進月歩
13年4月23日火曜日
どこにフォーカス
              すればいいの?


13年4月23日火曜日
HTML5関連API群
                 出典: http://www.slideshare.net/dynamis/firefox-os-html5j

13年4月23日火曜日
範囲が広すぎる


              HTML5関連API群
                 出典: http://www.slideshare.net/dynamis/firefox-os-html5j

13年4月23日火曜日
HTML5でなにができるのか、

              を考えるのではなく、

         HTML5でなにをしたいのか。



13年4月23日火曜日
FULL CONTROL tokyo
13年4月23日火曜日
なにができるかではなく、
            なにを作るか。



13年4月23日火曜日
ご静聴ありがとうございました




13年4月23日火曜日

Kddi mugen lab