SlideShare a Scribd company logo
1 of 35
Download to read offline
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

What's hot

Movable type-semianar-20111117-ideamans
Movable type-semianar-20111117-ideamansMovable type-semianar-20111117-ideamans
Movable type-semianar-20111117-ideamansKunihiko Miyanaga
 
XPagesDay 2016 「私がハマった失敗例」
XPagesDay 2016 「私がハマった失敗例」XPagesDay 2016 「私がハマった失敗例」
XPagesDay 2016 「私がハマった失敗例」tshost
 
Windows ストアアプリを作ろう ~Metroスタイルアプリ入門~ (2012/09/29)
Windows ストアアプリを作ろう ~Metroスタイルアプリ入門~ (2012/09/29)Windows ストアアプリを作ろう ~Metroスタイルアプリ入門~ (2012/09/29)
Windows ストアアプリを作ろう ~Metroスタイルアプリ入門~ (2012/09/29)T. Kodaka
 
メニューは管理画面で設定できるようにしよう
メニューは管理画面で設定できるようにしようメニューは管理画面で設定できるようにしよう
メニューは管理画面で設定できるようにしようMayuko Moriyama
 
実録 WordPress Twenty Sixteen のカスタマイズ | WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方...
実録 WordPress Twenty Sixteen のカスタマイズ | WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方...実録 WordPress Twenty Sixteen のカスタマイズ | WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方...
実録 WordPress Twenty Sixteen のカスタマイズ | WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方...Akira Tachibana
 
20151106ノーツコンソ大阪notesアプリのデザインをcoolに(公開用)
20151106ノーツコンソ大阪notesアプリのデザインをcoolに(公開用)20151106ノーツコンソ大阪notesアプリのデザインをcoolに(公開用)
20151106ノーツコンソ大阪notesアプリのデザインをcoolに(公開用)Tetsuji Hayashi
 

What's hot (6)

Movable type-semianar-20111117-ideamans
Movable type-semianar-20111117-ideamansMovable type-semianar-20111117-ideamans
Movable type-semianar-20111117-ideamans
 
XPagesDay 2016 「私がハマった失敗例」
XPagesDay 2016 「私がハマった失敗例」XPagesDay 2016 「私がハマった失敗例」
XPagesDay 2016 「私がハマった失敗例」
 
Windows ストアアプリを作ろう ~Metroスタイルアプリ入門~ (2012/09/29)
Windows ストアアプリを作ろう ~Metroスタイルアプリ入門~ (2012/09/29)Windows ストアアプリを作ろう ~Metroスタイルアプリ入門~ (2012/09/29)
Windows ストアアプリを作ろう ~Metroスタイルアプリ入門~ (2012/09/29)
 
メニューは管理画面で設定できるようにしよう
メニューは管理画面で設定できるようにしようメニューは管理画面で設定できるようにしよう
メニューは管理画面で設定できるようにしよう
 
実録 WordPress Twenty Sixteen のカスタマイズ | WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方...
実録 WordPress Twenty Sixteen のカスタマイズ | WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方...実録 WordPress Twenty Sixteen のカスタマイズ | WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方...
実録 WordPress Twenty Sixteen のカスタマイズ | WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方...
 
20151106ノーツコンソ大阪notesアプリのデザインをcoolに(公開用)
20151106ノーツコンソ大阪notesアプリのデザインをcoolに(公開用)20151106ノーツコンソ大阪notesアプリのデザインをcoolに(公開用)
20151106ノーツコンソ大阪notesアプリのデザインをcoolに(公開用)
 

Similar to The return of Mobile5 #mobile5

HTML5 ~よくわからないけど言葉だけはよく聞きます~
HTML5 ~よくわからないけど言葉だけはよく聞きます~HTML5 ~よくわからないけど言葉だけはよく聞きます~
HTML5 ~よくわからないけど言葉だけはよく聞きます~Yusuke Hirano
 
PhoneGapで作るハイブリッドアプリケーション
PhoneGapで作るハイブリッドアプリケーションPhoneGapで作るハイブリッドアプリケーション
PhoneGapで作るハイブリッドアプリケーションMasahiko Tachizono
 
スマートフォン開発の事例 Html5開発の導入ポイント
スマートフォン開発の事例 Html5開発の導入ポイントスマートフォン開発の事例 Html5開発の導入ポイント
スマートフォン開発の事例 Html5開発の導入ポイントMasakazu Muraoka
 
これからのNOTESモバイルアプリはこう作れ
これからのNOTESモバイルアプリはこう作れこれからのNOTESモバイルアプリはこう作れ
これからのNOTESモバイルアプリはこう作れMitsuru Katoh
 
HTML5時代のWebデザイン
HTML5時代のWebデザインHTML5時代のWebデザイン
HTML5時代のWebデザインmasaaki komori
 
コンソールゲームを世界展開してみた - JAWS DAYS 2015
コンソールゲームを世界展開してみた - JAWS DAYS 2015コンソールゲームを世界展開してみた - JAWS DAYS 2015
コンソールゲームを世界展開してみた - JAWS DAYS 2015Ryo Nakamaru
 
東京では語れないHTML5[仮題]
東京では語れないHTML5[仮題]東京では語れないHTML5[仮題]
東京では語れないHTML5[仮題]Yu Morita
 
ICT ERA+ABC 2012東北講演
ICT ERA+ABC 2012東北講演ICT ERA+ABC 2012東北講演
ICT ERA+ABC 2012東北講演Monaca
 
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについてネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについてKazuaki Hidaka
 
iPhone/Android アプリをまとめて省エネ開発する技術
iPhone/Android アプリをまとめて省エネ開発する技術iPhone/Android アプリをまとめて省エネ開発する技術
iPhone/Android アプリをまとめて省エネ開発する技術vaccho
 
Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方Masakazu Muraoka
 
DeNA Creative Seminar #2 に行ってきた
DeNA Creative Seminar #2 に行ってきたDeNA Creative Seminar #2 に行ってきた
DeNA Creative Seminar #2 に行ってきたsilvers ofsilvers
 
Web標準技術の今とこれからを考える(村岡正和 ・ 秋葉秀樹)
Web標準技術の今とこれからを考える(村岡正和 ・ 秋葉秀樹)Web標準技術の今とこれからを考える(村岡正和 ・ 秋葉秀樹)
Web標準技術の今とこれからを考える(村岡正和 ・ 秋葉秀樹)Hideki Akiba
 
タブレットセミナ[八子] R 20110217
タブレットセミナ[八子] R 20110217タブレットセミナ[八子] R 20110217
タブレットセミナ[八子] R 20110217知礼 八子
 
[社内向け]Titanium勉強会
[社内向け]Titanium勉強会[社内向け]Titanium勉強会
[社内向け]Titanium勉強会Rei Matsushita
 
おすすめインフラ! for スタートアップ
おすすめインフラ! for スタートアップおすすめインフラ! for スタートアップ
おすすめインフラ! for スタートアップKoichiro Sumi
 
Web制作者がandriodのcddを読んでみた version1.1
Web制作者がandriodのcddを読んでみた version1.1Web制作者がandriodのcddを読んでみた version1.1
Web制作者がandriodのcddを読んでみた version1.1Masakazu Muraoka
 
HTML5時代のwebクリエイターに必要なこと
HTML5時代のwebクリエイターに必要なことHTML5時代のwebクリエイターに必要なこと
HTML5時代のwebクリエイターに必要なことMasakazu Muraoka
 
Liferayのパートナーの視点からみた オープンソースのこれから
Liferayのパートナーの視点からみた オープンソースのこれからLiferayのパートナーの視点からみた オープンソースのこれから
Liferayのパートナーの視点からみた オープンソースのこれからAkinori Ishii
 

Similar to The return of Mobile5 #mobile5 (20)

HTML5 ~よくわからないけど言葉だけはよく聞きます~
HTML5 ~よくわからないけど言葉だけはよく聞きます~HTML5 ~よくわからないけど言葉だけはよく聞きます~
HTML5 ~よくわからないけど言葉だけはよく聞きます~
 
PhoneGapで作るハイブリッドアプリケーション
PhoneGapで作るハイブリッドアプリケーションPhoneGapで作るハイブリッドアプリケーション
PhoneGapで作るハイブリッドアプリケーション
 
スマートフォン開発の事例 Html5開発の導入ポイント
スマートフォン開発の事例 Html5開発の導入ポイントスマートフォン開発の事例 Html5開発の導入ポイント
スマートフォン開発の事例 Html5開発の導入ポイント
 
これからのNOTESモバイルアプリはこう作れ
これからのNOTESモバイルアプリはこう作れこれからのNOTESモバイルアプリはこう作れ
これからのNOTESモバイルアプリはこう作れ
 
HTML5時代のWebデザイン
HTML5時代のWebデザインHTML5時代のWebデザイン
HTML5時代のWebデザイン
 
Platform.html5
Platform.html5Platform.html5
Platform.html5
 
コンソールゲームを世界展開してみた - JAWS DAYS 2015
コンソールゲームを世界展開してみた - JAWS DAYS 2015コンソールゲームを世界展開してみた - JAWS DAYS 2015
コンソールゲームを世界展開してみた - JAWS DAYS 2015
 
東京では語れないHTML5[仮題]
東京では語れないHTML5[仮題]東京では語れないHTML5[仮題]
東京では語れないHTML5[仮題]
 
ICT ERA+ABC 2012東北講演
ICT ERA+ABC 2012東北講演ICT ERA+ABC 2012東北講演
ICT ERA+ABC 2012東北講演
 
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについてネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
 
iPhone/Android アプリをまとめて省エネ開発する技術
iPhone/Android アプリをまとめて省エネ開発する技術iPhone/Android アプリをまとめて省エネ開発する技術
iPhone/Android アプリをまとめて省エネ開発する技術
 
Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方
 
DeNA Creative Seminar #2 に行ってきた
DeNA Creative Seminar #2 に行ってきたDeNA Creative Seminar #2 に行ってきた
DeNA Creative Seminar #2 に行ってきた
 
Web標準技術の今とこれからを考える(村岡正和 ・ 秋葉秀樹)
Web標準技術の今とこれからを考える(村岡正和 ・ 秋葉秀樹)Web標準技術の今とこれからを考える(村岡正和 ・ 秋葉秀樹)
Web標準技術の今とこれからを考える(村岡正和 ・ 秋葉秀樹)
 
タブレットセミナ[八子] R 20110217
タブレットセミナ[八子] R 20110217タブレットセミナ[八子] R 20110217
タブレットセミナ[八子] R 20110217
 
[社内向け]Titanium勉強会
[社内向け]Titanium勉強会[社内向け]Titanium勉強会
[社内向け]Titanium勉強会
 
おすすめインフラ! for スタートアップ
おすすめインフラ! for スタートアップおすすめインフラ! for スタートアップ
おすすめインフラ! for スタートアップ
 
Web制作者がandriodのcddを読んでみた version1.1
Web制作者がandriodのcddを読んでみた version1.1Web制作者がandriodのcddを読んでみた version1.1
Web制作者がandriodのcddを読んでみた version1.1
 
HTML5時代のwebクリエイターに必要なこと
HTML5時代のwebクリエイターに必要なことHTML5時代のwebクリエイターに必要なこと
HTML5時代のwebクリエイターに必要なこと
 
Liferayのパートナーの視点からみた オープンソースのこれから
Liferayのパートナーの視点からみた オープンソースのこれからLiferayのパートナーの視点からみた オープンソースのこれから
Liferayのパートナーの視点からみた オープンソースのこれから
 

Recently uploaded

論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNetToru Tamaki
 
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)Hiroki Ichikura
 
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する       2024/04/19 の勉強会で発表されたものですSOPを理解する       2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものですiPride Co., Ltd.
 
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...Toru Tamaki
 
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介Yuma Ohgami
 
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdfTSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdftaisei2219
 
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A surveyToru Tamaki
 
スマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システムスマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システムsugiuralab
 
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略Ryo Sasaki
 

Recently uploaded (9)

論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet
 
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
 
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する       2024/04/19 の勉強会で発表されたものですSOPを理解する       2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものです
 
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
 
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
 
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdfTSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdf
 
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey
 
スマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システムスマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システム
 
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
 

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日土曜日