Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
SlideShare a Scribd company logo
HTML5
         ∼よくわからないけど言葉だけはよく聞きます∼




12年9月1日土曜日
Who am I ?
         •   名前:平野裕介

         •   Androidの会町田市部 支部長です(土下座)

         •   twitter:u_s_k
             (ハッシュタグ:#u_s_k で探すなよ!)

         •   会社:KCCS。でも今日は個人で来てます。
               怒られたので秘密


         •   Android関係の企画等を3年ほどやっていました。
             元々Web開発してましたが、 ブランクありま
             す。HTML5を生暖かくツッコミしに来ました。


12年9月1日土曜日
• 今日は家族サービスのため、途中
              退席させて頂きます♪




12年9月1日土曜日
• 私自身は、技術の深掘りよりも気
              づきが大切だと思っています。

              HTML5ちょっと
             イケてなくなーい




12年9月1日土曜日
Why HTML5?
             •   例えば携帯端末以外(PCやSTBなど)において
                 も情報の連携が必要となるなど、マルチプラッ
                 トフォーム化が進んできているが、それに伴う
                 開発者の負担や、ハイスペック化によるメーカ
                 の端末開発コスト、ユーザの維持コストの増
                 大、マーケットの氾濫、機能過多によるユーザ
                 ストレスによる利用離れなどが懸念される。



12年9月1日土曜日
Why HTML5?
             •   そういった中で、それらの一つの解決策とし
                 て「HTML5」がある。ブラウザさえ動作すれ
                 ば、プラットフォームを超えた動作が可能で
                 あり、かつネイティブに近いアプリケーショ
                 ンの作りこみも可能ではないかと期待され
                 る。またブラウザというトリガはUIとしても
                 シンプルである。



12年9月1日土曜日
Comes now Industry
             •   HTML5なら、機種依存とかマルチPFとかの開
                 発が楽になるのでは?

             •   パフォーマンス改善がされてきたので、ネイ
                 ティブアプリに負けないのでは?

             •   手軽にWebコンテンツをアプリ化できるので
                 は?



12年9月1日土曜日
その幻想




              ぶち殺す!!
12年9月1日土曜日
Multi Platform




12年9月1日土曜日
Multi Platform
             •   ブラウザ差分も多いし、解像度問題は依然存在する
                 し、パフォーマンスは悪すぎる。開発効率改善とい
                 う観点からすると、しばらくは解決にはならない。
                 最近悪化してきた気すら…。




12年9月1日土曜日
Performance
             •   CPU/GPU/ブラウザに依存するため、チューニ
                 ングしても、どの端末でも同じように見える
                 とは限らない。




12年9月1日土曜日
Some problem
         •   仕様の確定しないHTML5、対応する端末の販売、
             HTML5アプリマーケット?、課金方法、コンテン
             ツ保護の問題…それにこんな問題も?




12年9月1日土曜日
Androidの例
             •   某キャリア様向けのAndroidアプリを開発して
                 いて、機種依存が出た時のお客様の一言「な
                 ぜこの端末だけ動きが違うんですか?」




12年9月1日土曜日
Androidの例
             •   某キャリア様向けのAndroidアプリを開発して
                 いて、機種依存が出た時のお客様の一言「な
                 ぜこの端末だけ動きが違うんですか?」



         お前のとこの端末や!!


12年9月1日土曜日
最近の実話から推測される未来
             •   HTML5でWebアプリを開発していて、機種依
                 存が出た時のお客様の一言「なぜこのブラウ
                 ザだけ動きが違うんですか?」




12年9月1日土曜日
最近の実話から推測される未来
             •   HTML5でWebアプリを開発していて、機種依
                 存が出た時のお客様の一言「なぜこのブラウ
                 ザだけ動きが違うんですか?」




                 W3Cに言え!!

12年9月1日土曜日
コントローラーはいない
             •   端末の機能はもはやメーカーでもキャリアで
                 もプラットフォーマーでもコントロールでき
                 ない世界になった。




12年9月1日土曜日
Stop the HTML5!
         •   HTML5に過度な期待はしない

         •   ネイティブアプリで出来ることがHTMLで出来る
             ようになっても、ネイティブのユーザ体験を超
             えることはできない。

         •   でも下地の技術としては必須スキルになる。




12年9月1日土曜日
Stop the HTML5!   わりと重要
         •   HTML5に過度な期待はしない

         •   ネイティブアプリで出来ることがHTMLで出来る
             ようになっても、ネイティブのユーザ体験を超
             えることはできない。

         •   でも下地の技術としては必須スキルになる。




12年9月1日土曜日
それでもHTML5


                  可能性を諦めない




12年9月1日土曜日
例えば
             •   ネイティブアプリで出来ることがHTMLで出来
                 るようになっても、ユーザ体験は変わらない。
                 つまりHTML5でやらなければいけない理由が
                 無い。




12年9月1日土曜日
•    HTMLでネイティブアプリでし
         か使えなかった機能が使え
         る、と考えた場合のメリット
         とは…。




12年9月1日土曜日
メリットを活かそう




12年9月1日土曜日
メリットを活かそう
ネイティブなアプリに勝てるポイントは何か?




12年9月1日土曜日
メリットを活かそう
ネイティブなアプリに勝てるポイントは何か?




12年9月1日土曜日
メリットを活かそう
ネイティブなアプリに勝てるポイントは何か?




              エントリーポイント

12年9月1日土曜日
例えば




  基本的にユーザはアカウントを取る、インストールをする、
  メニューを出すなどは、全て「面倒くさい」と感じている。


12年9月1日土曜日
12年9月1日土曜日
タップ




             以上
12年9月1日土曜日
Web=誰もが慣れ親しんだ「OS」

             •   スマートフォンを使う上で誰もが使用し、同じイ
                 メージを持つ唯一のユーザ体験。

             •   サービスを利用するための専用のアプリや、個別の
                 設定が不要(っぽい)

             •   数少ない「邪魔だ」と思われないアプリ




12年9月1日土曜日
得意分野で頑張る
               •   RSSリーダー

               •   画像ビューワ

               •   ソーシャルゲーム




 ガラケーアプリ+αくらいの機能が丁度良い気がします


12年9月1日土曜日
もしくはちょっとした開発として


             •   デモアプリ(コンセプトサンプル)開発

             •   プロジェクトのUI確認サンプル作成




  こういった開発にはめっぽう強い

12年9月1日土曜日
アプローチは色々
             •   Sencha:HTML5+JavaScriptのWebフレームワーク

             •   JSX:JavaScriptベースコンパイル言語

             •   enchant.js:HTML5+JavaScriptゲームエンジン

             •   PhoneGap:HTML5+JavaScriptのNativeアプリ開発フ
                 レームワーク




12年9月1日土曜日
目的を見失わない
    現時点においては、まだHTML5環境は構築され始めたば
    かり。故に誤解や過剰な期待などが入り混じる。
    PF、端末、開発環境、マーケット、ユーザなど、これか
    ら作られる大きなサイクル構築のため、情報の集約・各
    方面へのコミット・開発環境の推進。


    HTML5で何が出来るか → HTML5に何が出来るか



12年9月1日土曜日
May the HTML5
              be with you.
             ご清聴ありがとうございました!




12年9月1日土曜日

More Related Content

The return of Mobile5 #mobile5

  • 1. HTML5 ∼よくわからないけど言葉だけはよく聞きます∼ 12年9月1日土曜日
  • 2. Who am I ? • 名前:平野裕介 • Androidの会町田市部 支部長です(土下座) • twitter:u_s_k (ハッシュタグ:#u_s_k で探すなよ!) • 会社:KCCS。でも今日は個人で来てます。 怒られたので秘密 • Android関係の企画等を3年ほどやっていました。 元々Web開発してましたが、 ブランクありま す。HTML5を生暖かくツッコミしに来ました。 12年9月1日土曜日
  • 3. • 今日は家族サービスのため、途中 退席させて頂きます♪ 12年9月1日土曜日
  • 4. • 私自身は、技術の深掘りよりも気 づきが大切だと思っています。 HTML5ちょっと イケてなくなーい 12年9月1日土曜日
  • 5. Why HTML5? • 例えば携帯端末以外(PCやSTBなど)において も情報の連携が必要となるなど、マルチプラッ トフォーム化が進んできているが、それに伴う 開発者の負担や、ハイスペック化によるメーカ の端末開発コスト、ユーザの維持コストの増 大、マーケットの氾濫、機能過多によるユーザ ストレスによる利用離れなどが懸念される。 12年9月1日土曜日
  • 6. Why HTML5? • そういった中で、それらの一つの解決策とし て「HTML5」がある。ブラウザさえ動作すれ ば、プラットフォームを超えた動作が可能で あり、かつネイティブに近いアプリケーショ ンの作りこみも可能ではないかと期待され る。またブラウザというトリガはUIとしても シンプルである。 12年9月1日土曜日
  • 7. Comes now Industry • HTML5なら、機種依存とかマルチPFとかの開 発が楽になるのでは? • パフォーマンス改善がされてきたので、ネイ ティブアプリに負けないのでは? • 手軽にWebコンテンツをアプリ化できるので は? 12年9月1日土曜日
  • 8. その幻想 ぶち殺す!! 12年9月1日土曜日
  • 10. Multi Platform • ブラウザ差分も多いし、解像度問題は依然存在する し、パフォーマンスは悪すぎる。開発効率改善とい う観点からすると、しばらくは解決にはならない。 最近悪化してきた気すら…。 12年9月1日土曜日
  • 11. Performance • CPU/GPU/ブラウザに依存するため、チューニ ングしても、どの端末でも同じように見える とは限らない。 12年9月1日土曜日
  • 12. Some problem • 仕様の確定しないHTML5、対応する端末の販売、 HTML5アプリマーケット?、課金方法、コンテン ツ保護の問題…それにこんな問題も? 12年9月1日土曜日
  • 13. Androidの例 • 某キャリア様向けのAndroidアプリを開発して いて、機種依存が出た時のお客様の一言「な ぜこの端末だけ動きが違うんですか?」 12年9月1日土曜日
  • 14. Androidの例 • 某キャリア様向けのAndroidアプリを開発して いて、機種依存が出た時のお客様の一言「な ぜこの端末だけ動きが違うんですか?」 お前のとこの端末や!! 12年9月1日土曜日
  • 15. 最近の実話から推測される未来 • HTML5でWebアプリを開発していて、機種依 存が出た時のお客様の一言「なぜこのブラウ ザだけ動きが違うんですか?」 12年9月1日土曜日
  • 16. 最近の実話から推測される未来 • HTML5でWebアプリを開発していて、機種依 存が出た時のお客様の一言「なぜこのブラウ ザだけ動きが違うんですか?」 W3Cに言え!! 12年9月1日土曜日
  • 17. コントローラーはいない • 端末の機能はもはやメーカーでもキャリアで もプラットフォーマーでもコントロールでき ない世界になった。 12年9月1日土曜日
  • 18. Stop the HTML5! • HTML5に過度な期待はしない • ネイティブアプリで出来ることがHTMLで出来る ようになっても、ネイティブのユーザ体験を超 えることはできない。 • でも下地の技術としては必須スキルになる。 12年9月1日土曜日
  • 19. Stop the HTML5! わりと重要 • HTML5に過度な期待はしない • ネイティブアプリで出来ることがHTMLで出来る ようになっても、ネイティブのユーザ体験を超 えることはできない。 • でも下地の技術としては必須スキルになる。 12年9月1日土曜日
  • 20. それでもHTML5 可能性を諦めない 12年9月1日土曜日
  • 21. 例えば • ネイティブアプリで出来ることがHTMLで出来 るようになっても、ユーザ体験は変わらない。 つまりHTML5でやらなければいけない理由が 無い。 12年9月1日土曜日
  • 22. HTMLでネイティブアプリでし か使えなかった機能が使え る、と考えた場合のメリット とは…。 12年9月1日土曜日
  • 27. 例えば 基本的にユーザはアカウントを取る、インストールをする、 メニューを出すなどは、全て「面倒くさい」と感じている。 12年9月1日土曜日
  • 29. タップ 以上 12年9月1日土曜日
  • 30. Web=誰もが慣れ親しんだ「OS」 • スマートフォンを使う上で誰もが使用し、同じイ メージを持つ唯一のユーザ体験。 • サービスを利用するための専用のアプリや、個別の 設定が不要(っぽい) • 数少ない「邪魔だ」と思われないアプリ 12年9月1日土曜日
  • 31. 得意分野で頑張る • RSSリーダー • 画像ビューワ • ソーシャルゲーム ガラケーアプリ+αくらいの機能が丁度良い気がします 12年9月1日土曜日
  • 32. もしくはちょっとした開発として • デモアプリ(コンセプトサンプル)開発 • プロジェクトのUI確認サンプル作成 こういった開発にはめっぽう強い 12年9月1日土曜日
  • 33. アプローチは色々 • Sencha:HTML5+JavaScriptのWebフレームワーク • JSX:JavaScriptベースコンパイル言語 • enchant.js:HTML5+JavaScriptゲームエンジン • PhoneGap:HTML5+JavaScriptのNativeアプリ開発フ レームワーク 12年9月1日土曜日
  • 34. 目的を見失わない 現時点においては、まだHTML5環境は構築され始めたば かり。故に誤解や過剰な期待などが入り混じる。 PF、端末、開発環境、マーケット、ユーザなど、これか ら作られる大きなサイクル構築のため、情報の集約・各 方面へのコミット・開発環境の推進。 HTML5で何が出来るか → HTML5に何が出来るか 12年9月1日土曜日
  • 35. May the HTML5 be with you. ご清聴ありがとうございました! 12年9月1日土曜日