Download as PDF, PPTX
More Related Content
![[社内勉強会]SPAのすすめ](https://cdn.slidesharecdn.com/ss_thumbnails/spa-160304020346-thumbnail.jpg?width=640&height=640&fit=bounds)
Similar to モバイルWebアプリのこれまでとこれから
![[Mobile5] 最新動向 2012年5月](https://cdn.slidesharecdn.com/ss_thumbnails/html20120523web-120525220541-phpapp01-thumbnail.jpg?width=640&height=640&fit=bounds)
モバイルWebアプリのこれまでとこれから
- 1.
- 2. About me 高岡大介 Work • • • 外資系SIベンダーを経て研究所へ。 現在はWeb技術研究開発・開発支援など twitter: @dsuket facebook.com/dsuket ピースミール・テクノロジー 講演、技術記事の執筆も InkpodWeb Sencha Touch パーフェクトガイド Organizers AITC CC研究部会 エバンジェリスト
- 3. 1. モバイルWebアプリの今 2. モバイルWebアプリ開発 3.これからのモバイルWebアプリ image: Tim Berners-Lee http://www.w3.org/2011/Talks/0222-saudi-tbl/
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11. スマートフォンとPCの違い Android OS 利用者と PC利用者の月間一人あたりの利用時間 圧倒的にアプリ中心の使い方。 総アクセス時間は多いが、1回あたりの利用時間は短い。 （1回当たりPC 28分であるのに対し、スマートフォンは9分） 注) 専用サービスを利用するAndroidの利用状況を計測したもの。iOSは入っていない。
- 12.
- 13.
- 14. スマートフォン普及状況 まとめ • 携帯の約半分がスマートフォンになった。 •全国普及率は25％、24歳以下では過半数。
- 15. スマートフォン普及状況 まとめ • 携帯の約半分がスマートフォンになった。 •全国普及率は25％、24歳以下では過半数。 • 他の先進国では 50％以上。
- 16. スマートフォン普及状況 まとめ • 携帯の約半分がスマートフォンになった。 •全国普及率は25％、24歳以下では過半数。 • 他の先進国では 50％以上。 • インターネットへのアクセスの1/3以上は スマートフォンから。
- 17.
- 18. タブレットの出荷台数 2013年、タブレット端末の出荷台数が、デスクトップ PC の出荷台数を初めて上回る見込み。 2014年にはポータブルPCも上回る予想。 IDC -Press Release 26 Mar 2013
- 19. タブレット端末 所有率 タブレット端末の所有率 2012 タブレット端末の所有率2013 1年で20％近くアップ。 若年層ほど所有率が高い。 注）価格.comのユーザーを対象 タブレット端末の所有率（世代別） 価格.comリサーチ: タブレット端末アンケート 2013
- 20.
- 21.
- 22.
- 23.
- 24.
- 25.
- 26.
- 27. ハイブリッドアプリ Gartner Recommends aHybrid Approach for Business-to-Employee Mobile Apps Consumer/Enterprise Split in 2015
- 28. ハイブリッドアプリ Gartner Recommends aHybrid Approach for Business-to-Employee Mobile Apps Consumer Web 20% Native 40% Hybrid 40% Consumer/Enterprise Split in 2015
- 29. ハイブリッドアプリ Gartner Recommends aHybrid Approach for Business-to-Employee Mobile Apps Consumer Web 20% Native 40% Enterprise Web 30% Hybrid 40% Native 10% Hybrid 60% Consumer/Enterprise Split in 2015
- 30.
- 31.
- 32.
- 33.
- 34.
- 35. アプリの状況 まとめ • アプリの数はまだまだ増加。 •ハイブリッドアプリが増える。
- 36. アプリの状況 まとめ • アプリの数はまだまだ増加。 •ハイブリッドアプリが増える。 • 特に企業向けに導入が進む。BYOD
- 37. アプリの状況 まとめ • アプリの数はまだまだ増加。 •ハイブリッドアプリが増える。 • 特に企業向けに導入が進む。BYOD • 2017年には市場規模500億円近く、 その9割はHTML5化
- 38.
- 39.
- 40. Firefox OS • Mozillaが開発しているスマホOS •HTML5アプリケーションがネイティブで動作。 • ZTE Open が eBayで発売（$79.99） • 主に新興国向け。 • 日本ではKDDIも参加を表明
- 41. Tizen • サムスン等が主導する TizenプロジェクトのOS。 •HTML5とネイティブの両方でアプリが作成可能。 • Docomoから年内に発売？→ 来年に延期
- 42.
- 43.
- 44. モバイルWebの今 まとめ • スマートフォン、タブレットはますます普及 •HTML5ハイブリッドアプリ化が進む
- 45. モバイルWebの今 まとめ • スマートフォン、タブレットはますます普及 •HTML5ハイブリッドアプリ化が進む • Webをネイティブとしたプラットフォーム が、新興国で広がる可能性あり
- 46. モバイルWebの今 まとめ • スマートフォン、タブレットはますます普及 •HTML5ハイブリッドアプリ化が進む • Webをネイティブとしたプラットフォーム が、新興国で広がる可能性あり
- 47. モバイルWebの今 まとめ • スマートフォン、タブレットはますます普及 •HTML5ハイブリッドアプリ化が進む • Webをネイティブとしたプラットフォーム が、新興国で広がる可能性あり Webアプリ技術は必須！！
- 48.
- 49.
- 50.
- 51.
- 52.
- 53. モバイルWebアプリの種類 •純粋ブラウザ型 • 標準ブラウザで動くアプリ • インストール不要で手軽 •ハイブリッド型 • App形式にラップ • デバイス機能にもアクセス可能 • ストアにも出せる
- 54.
- 55.
- 56.
- 57.
- 58. Pros • マルチデバイス • Web技術であること •リアルタイムアップデート
- 59. Pros • マルチデバイス • Web技術であること •リアルタイムアップデート • Storeに依存しない • • 内容のアップデートが自由 手数料 (30%) が不要
- 60.
- 61.
- 62. Cons • 端末間の差異が割とある • デバイス,OS機能 が使えない (一部) ✴ カメラ、Bluetooth、バイブ、アドレス帳、カ レンダー、通知などが使えない。
- 63. Cons • 端末間の差異が割とある • デバイス,OS機能 が使えない (一部) ✴ カメラ、Bluetooth、バイブ、アドレス帳、カ レンダー、通知などが使えない。 • パフォーマンスの問題 ✴ アクションゲームや3D、サウンドなどは苦手
- 64. Cons • 端末間の差異が割とある • デバイス,OS機能 が使えない (一部) ✴ カメラ、Bluetooth、バイブ、アドレス帳、カ レンダー、通知などが使えない。 • パフォーマンスの問題 ✴ アクションゲームや3D、サウンドなどは苦手 • マーケットがない ✴ 課金やプロモーションの問題
- 65.
- 66.
- 67.
- 68.
- 69.
- 70.
- 71. 5 Myths AboutMobile Web Performance JavaScriptのパフォーマン スは急速に改善 ハード/ソフトが改善 アプリのパフォーマンスは JavaScriptのそれとはほと んど無関係 DOM操作、Canvas、 SVGも急速に改善 訳: モバイルウェブパフォーマンスに関する５つの作り話( via: xenophy
- 72. How can HTML5compete with Native? 1.Q2 Developer Economics survey (6,000 respondents, 2013). 2.30,000+ Android apps 3.qualitative interviews with 32 developers, industry experts and tool vendors. 4.Analysis and taxonomy of 42 HTML5 tools In Japanease (via InfoQ)
- 73.
- 74.
- 75.
- 76.
- 77.
- 78.
- 79.
- 80.
- 81.
- 83.
- 84.
- 86.
- 87.
- 88.
- 89.
- 90.
- 91.
- 92.
- 93.
- 94. 1 2年後のモバイルアプリ • ユーザーはAppが好き •しばらくはハイブリッド化が進む • マーケット問題は解決するが、 Store依存・更新の問題は残る。
- 95.
- 96.
- 97.
- 98. PCの歴史を振り返る • 90年代 • • Windowsの登場により、PCが爆発的に普及。 個人作成のフリーソフト大流行。Vector、窓の杜、雑誌の付録 • 2000年代前半 • • 出荷数頭打ち。低価格化が進み総販売額はここをピークに減少。 Google大躍進。 •2000年代後半 • • • ノートPCの割合が増加。ネットブックも流行。 Gmail、Google Mapの開始。Web 2.0の時代。 Webサービス、マッシュアップが流行。
- 99.
- 100. PCアプリの今 • 個人作成のフリーソフト • ほとんど見なくなった •OS標準機能に取り込まれる • Webサービス（アプリ）が増えた
- 101. PCアプリの今 • 個人作成のフリーソフト • ほとんど見なくなった •OS標準機能に取り込まれる • Webサービス（アプリ）が増えた • PCアプリが無くなったわけではない • 複雑、高機能、パフォーマンスが求められるもの • 単独ではない。クラウド連携。
- 102. 今のモバイルアプリ 1995-2000-2005 10年前のPC市場に似ている • インストール型アプリが流行。 • アプリの機能がOSに取り込まれている。 •モバイル向けWebアプリの台頭。 • アプリマーケットがキー
- 103.
- 104.
- 105. BaaS (Backend as aService) •IaaS, PaaS, SaaS → 今年は (m)BaaSの年 • サーバーは益々コモディティ化 http://www.appiaries.com/jp/baas/index.html
- 106. BaaS Market 億円 PaaS BaaS 8000 6000 4000 2000 0 2012 2017 2017年にはBaaS市場がPaaSより急成長 Gartner SaysWorldwide Platform as a Service Revenue Is on Pace to Reach $1.2 Billion Backend as a Service (BaaS) Market worth $7.7 Billion by 2017
- 107.
- 108.
- 109. BaaS時代のアプリ • サーバーはJSONを返すAPI • クライアントはそれを組み合わせて サービスを提供 •NativeもWebAppも単なるView
- 110.
- 111.
- 112.
- 113. Web Service Reloaded •BasS Store の登場
- 114. Web Service Reloaded •BasS Store の登場 • API化が進むことで、疎結合なサービスAPIの連携
- 115. Web Service Reloaded •BasS Store の登場 • API化が進むことで、疎結合なサービスAPIの連携 • セマンティックWeb悲願のサービス合成が実現？
- 116. 今後のモバイルApp クライアントは単なる ビューへ PCブラウザ, PC App、 モバイルWeb,モバイル Native デバイスやプラットフ ォームを越えたサービ スの合成
- 117.
- 118.
- 119.
- 120.
- 121. まとめ • 高機能なものはNativeで • それ以外はWebアプリ、またはハイブ リッド化が進む。 •さらにBaaSが進むと、NativeもWeb も単なるビューへ。
- 122.
- 123.