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

1,724 views

Published on

0 Comments
8 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,724
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
19
Comments
0
Likes
8
Embeds 0
No embeds

No notes for slide

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

  1. 1. Web標準技術の今とこれからを考える村岡正和 ・ 秋葉秀樹
  2. 2. HTML5って使えるの? ・現状 ・Webアプリ化 ・ネイティブアプリ化 ・必要スキルは技術なの?HTML5時代に求められる本当のスキルって? ・個人的にこれかな?と思うHTML5技術を挙げてみました「HTML5 ? Flash ?」 ・Flashを排除する動きに流されない正しい知識と理解 ・技術だけで、なし得ないものとは ・メッセージ ∼ 私たちクリエータの幸せとは?
  3. 3. HTML5って使えるの?
  4. 4. サイト内の文脈ごと構造化してデータ化(セマンティック・マークアップ)デスクトップ・ネイティブアプリ並みの機能をブラウザや端末で実現(JavaScript API)
  5. 5. クロスブラウザクロスプラットフォームプラグイン不要
  6. 6. D EMO 実装状況がバラバラ ブラウザによって「できる」「できない」がある たとえば、こんな当たり前のことも…
  7. 7. W3C標準化団体が議論中 Recommendation Proposed Recommendation Candidate Recommendation Last Call Working Draft Working Draft First Public Working DraftEditors Draft W3C, WHATWGの策定スピードの差、 勧告候補から草案まで色々
  8. 8. 使用するテクノロジー自体未決定video要素のコーデック問題、Webフォントのフォーマット採用率 WebM H.264
  9. 9. まとめ:HTML5って使えるの? 場合によっては… ・ブラウザが限定される ・フォールバックでも使えたらマシ 現時点では一般的な案件には不向き 違う価値を見いださなければ現状使いにくい
  10. 10. 違う価値とは?
  11. 11. Webアプリ化 (Webブラウザで動作するアプリ)Webサイトに便利機能を付加D EMO
  12. 12. Webアプリ化:まとめブラウザを限定した、として…それでもユーザが「便利」と思えるWebアプリが増えると 「古いブラウザはやめよう!」 (メリット) の常識が加速する可能性がある
  13. 13. そもそも古いブラウザとはCSSの解釈がおかしい、という問題以前に…バグのあるソフトウェアで動かしているという認識…サービスに貢献できない可能性もあるのになぜ使う?という問題
  14. 14. D EMO ネイティブアプリ化 (HTMLベースで作ったWebアプリをネイティブ化) 私たちのスキルが活かされるAdobe PhoneGap Buildhttps://build.phonegap.com/apps
  15. 15. TIZEN OSFirefox OS
  16. 16. ネイティブアプリ化:まとめ多くのソリューション(PhoneGap, ダイナミックアプリ etc)では・情報構造をHTML5・装飾をCSS・制御をJavaScriptというWeb標準(私たちの親しんでいる)技術を基本としてつくるというコンセプト
  17. 17. 必要スキルは技術なの?(これだけ色々なことができるとなると必要なスキルとは?) TALK
  18. 18. HTML5時代に求められる 本当のスキルって?
  19. 19. 個人的にこれかな?と思うHTML5技術を挙げてみました TA LK& D EMO
  20. 20. Flashを排除する動きに流されない正しい知識と理解 TALK
  21. 21. 「HTML5はFlashの代わりになる?」 この一つの解として言えること…
  22. 22. クロスブラウザとは言ってるけど…? http://www23.atwiki.jp/sevenlives/pages/357.html
  23. 23. Mac PC ○ ○ × △iOS (iPhone / iPad) Android問題はMac/PC同等のFlashの演出が そもそもスマートフォンで必要か?
  24. 24. 処理負荷の高いゲームや3Dアニメーション
  25. 25. Air for AndroidAir for iOS D EMO
  26. 26. 技術だけで、なし得ないものとは TALK
  27. 27. メッセージ∼ 私たちクリエータの幸せとは?TALK
  28. 28. クリエイティブなんだからカタチのないものをカタチにする。大変だけど楽しみを実感しながらつくるのが本来の姿。
  29. 29. 下手でもつくろう!レベルの高い、低いは関係ない。自分レベルの限界にチャレンジしよう。そのとき初めて自分のレベルを超えられる。その喜びは味わった人にしかわからない。
  30. 30. HA NKST

×