Kddi mugen lab

660 views

Published on

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
660
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
6
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Kddi mugen lab

  1. 1. HTML5の現在と未来 HTML5といえば「カヤックHTMLファイ部」 HTMLファイ部 比留間 和也・神代 友行13年4月23日火曜日
  2. 2. 自己紹介 • 面白法人カヤック HTMLファイ部所属 比留間 和也 • 最近はJSばっかりで、 あんまりHTML書いてません。13年4月23日火曜日
  3. 3. 自己紹介 • 面白法人カヤック HTMLファイ部所属 神代 友行 • Webアプリをメインに開発しています13年4月23日火曜日
  4. 4. 事例紹介13年4月23日火曜日
  5. 5. デリカD:5 クリーンディーゼル インフォグラフィックスカタログ13年4月23日火曜日
  6. 6. ジオプリ島とインクの妖精たち13年4月23日火曜日
  7. 7. JAL SKY SHARE13年4月23日火曜日
  8. 8. WBCセカンドスクリーンサイト13年4月23日火曜日
  9. 9. カヤックでは キャンペーンがメイン13年4月23日火曜日
  10. 10. ですが、 カヤック HTMLファイ部ではいつも HTML5の可能性を模索しています。13年4月23日火曜日
  11. 11. HTML5でつくる Webアプリ事情13年4月23日火曜日
  12. 12. Agenda • 世界の事例 • KAYACの事例 • 作って分かったこと • メリット / デメリット13年4月23日火曜日
  13. 13. 世界の事例13年4月23日火曜日
  14. 14. sun http://pattern.dk/sun/ • 天気アプリ • ホームアイコン化必須13年4月23日火曜日
  15. 15. sun http://pattern.dk/sun/ • 天気アプリ • ホームアイコン化必須13年4月23日火曜日
  16. 16. TabTimes http://tabtimes.com/ • ニュースアプリ • タブレット特化13年4月23日火曜日
  17. 17. TabTimes http://tabtimes.com/ • ニュースアプリ • タブレット特化13年4月23日火曜日
  18. 18. Financial Times http://apps.ft.com/ • ニュースアプリ • iOSアプリからの移行で成功13年4月23日火曜日
  19. 19. Financial Times http://apps.ft.com/ • ニュースアプリ • iOSアプリからの移行で成功13年4月23日火曜日
  20. 20. Fastbook http://fb.html5isready.com/ • sencha touch FWのfacebook viewer • 実験アプリ13年4月23日火曜日
  21. 21. Fastbook http://fb.html5isready.com/ • sencha touch FWのfacebook viewer • 実験アプリ13年4月23日火曜日
  22. 22. KAYACの事例13年4月23日火曜日
  23. 23. aquoria http://aquoria.com • 友達同士で写真を共有するアプリ • Native アプリを意識したUI • Webアプリに最適な機能、UIを 検証しつつプロジェクト進行中13年4月23日火曜日
  24. 24. aquoria http://aquoria.com • 友達同士で写真を共有するアプリ • Native アプリを意識したUI • Webアプリに最適な機能、UIを 検証しつつプロジェクト進行中13年4月23日火曜日
  25. 25. 13年4月23日火曜日
  26. 26. Webアプリの メリット・デメリット13年4月23日火曜日
  27. 27. メリット • マーケットの課金手数料不要 • クロスプラットフォーム • アプリ審査なし13年4月23日火曜日
  28. 28. メリット ⃝ • マーケットの課金手数料不要 △ • クロスプラットフォーム ⃝ • アプリ審査なし13年4月23日火曜日
  29. 29. メリット ⃝ • マーケットの課金手数料不要 △ • クロスプラットフォーム ⃝ • アプリ審査なし ⃝ • ダウンロード不要13年4月23日火曜日
  30. 30. デメリット • パフォーマンスが悪くなりがち • 端末機能の利用に制限あり( ex. push通知) • マーケットで発見されにくい • HTML5の仕様変更の可能性あり13年4月23日火曜日
  31. 31. デメリット ⃝ • パフォーマンスが悪くなりがち △ • 端末機能の利用に制限あり( ex. push通知) ✕ • マーケットで発見されにくい ✕ • HTML5の仕様変更の可能性あり13年4月23日火曜日
  32. 32. Webアプリは 実際どうだったか?13年4月23日火曜日
  33. 33. 大変 (´・ω・`)13年4月23日火曜日
  34. 34. • 端末の種類がたくさん • パフォーマンスが悪くなりがち • 機能は制限される .....13年4月23日火曜日
  35. 35. Native app = Web アプリ13年4月23日火曜日
  36. 36. Native app ≠ Webアプリ13年4月23日火曜日
  37. 37. Webアプリ最適化 ・Native appの良さを踏襲しつつ ・Webに最適な機能、UIに変えていく13年4月23日火曜日
  38. 38. HTML5を利用して 新しいWebアプリの形を 模索しています13年4月23日火曜日
  39. 39. 楽しいよ!(*´∀`*)13年4月23日火曜日
  40. 40. 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.png13年4月23日火曜日
  41. 41. 楽しいよ!(*´∀`*)13年4月23日火曜日
  42. 42. HTML5の未来13年4月23日火曜日
  43. 43. クラウド API オフライン API Device WebGL API NSD Web API Socket13年4月23日火曜日
  44. 44. Device free! Place free!13年4月23日火曜日
  45. 45. 例えば13年4月23日火曜日
  46. 46. PCで記事を読み始め13年4月23日火曜日
  47. 47. 電車内ではiPadを使って続きを読み13年4月23日火曜日
  48. 48. 待ち合わせ場所ではiPhoneで読み続ける13年4月23日火曜日
  49. 49. アプリではなく 「体験」の提供13年4月23日火曜日
  50. 50. パフォーマンスが悪い? 制約が多い?13年4月23日火曜日
  51. 51. Blink Servo asm.js Web業界の変化の スピードはまさに日進月歩13年4月23日火曜日
  52. 52. どこにフォーカス すればいいの?13年4月23日火曜日
  53. 53. HTML5関連API群 出典: http://www.slideshare.net/dynamis/firefox-os-html5j13年4月23日火曜日
  54. 54. 範囲が広すぎる HTML5関連API群 出典: http://www.slideshare.net/dynamis/firefox-os-html5j13年4月23日火曜日
  55. 55. HTML5でなにができるのか、 を考えるのではなく、 HTML5でなにをしたいのか。13年4月23日火曜日
  56. 56. FULL CONTROL tokyo13年4月23日火曜日
  57. 57. なにができるかではなく、 なにを作るか。13年4月23日火曜日
  58. 58. ご静聴ありがとうございました13年4月23日火曜日

×