Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Web標準技術の今とこれからを考える村岡正和 ・ 秋葉秀樹
HTML5って使えるの? ・現状 ・Webアプリ化 ・ネイティブアプリ化 ・必要スキルは技術なの?HTML5時代に求められる本当のスキルって? ・個人的にこれかな?と思うHTML5技術を挙げてみました「HTML5 ? Flash ?」 ・Fla...
HTML5って使えるの?
サイト内の文脈ごと構造化してデータ化(セマンティック・マークアップ)デスクトップ・ネイティブアプリ並みの機能をブラウザや端末で実現(JavaScript API)
クロスブラウザクロスプラットフォームプラグイン不要
D EMO      実装状況がバラバラ        ブラウザによって「できる」「できない」がある    たとえば、こんな当たり前のことも…
W3C標準化団体が議論中                              Recommendation                                Proposed                          ...
使用するテクノロジー自体未決定video要素のコーデック問題、Webフォントのフォーマット採用率                    WebM   H.264
まとめ:HTML5って使えるの?        場合によっては…        ・ブラウザが限定される        ・フォールバックでも使えたらマシ       現時点では一般的な案件には不向き 違う価値を見いださなければ現状使いにくい
違う価値とは?
Webアプリ化 (Webブラウザで動作するアプリ)Webサイトに便利機能を付加D EMO
Webアプリ化:まとめブラウザを限定した、として…それでもユーザが「便利」と思えるWebアプリが増えると        「古いブラウザはやめよう!」                    (メリット)        の常識が加速する可能性がある
そもそも古いブラウザとはCSSの解釈がおかしい、という問題以前に…バグのあるソフトウェアで動かしているという認識…サービスに貢献できない可能性もあるのになぜ使う?という問題
D EMO   ネイティブアプリ化  (HTMLベースで作ったWebアプリをネイティブ化)            私たちのスキルが活かされるAdobe PhoneGap Buildhttps://build.phonegap.com/apps
TIZEN OSFirefox 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 AndroidAir for iOS             D EMO
技術だけで、なし得ないものとは                  TALK
メッセージ∼ 私たちクリエータの幸せとは?TALK
クリエイティブなんだからカタチのないものをカタチにする。大変だけど楽しみを実感しながらつくるのが本来の姿。
下手でもつくろう!レベルの高い、低いは関係ない。自分レベルの限界にチャレンジしよう。そのとき初めて自分のレベルを超えられる。その喜びは味わった人にしかわからない。
HA NKST
Upcoming SlideShare
Loading in …5
×

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

1,820 views

Published on

  • Be the first to comment

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

×