Recommended
More Related Content
What's hot
What's hot (20)
Viewers also liked
Viewers also liked (20)
Similar to モバイルWebアプリのこれまでとこれから
Similar to モバイルWebアプリのこれまでとこれから (20)
More from dsuke Takaoka
More from dsuke Takaoka (20)
Recently uploaded
Recently uploaded (10)
モバイルWebアプリのこれまでとこれから
- 2. About me 高岡大介 Work • • • 外資系SIベンダーを経て研究所へ。 現在はWeb技術研究開発・開発支援など twitter: @dsuket facebook.com/dsuket ピースミール・テクノロジー 講演、技術記事の執筆も Inkpod Web 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/
- 5. スマートフォンの普及
- 7. G8スマートフォン普及率 25% 「Our Mobile Planet」2013 Google
- 11. スマートフォンとPCの違い Android OS 利用者と PC 利用者の月間一人あたりの利用時間 圧倒的にアプリ中心の使い方。 総アクセス時間は多いが、1回あたりの利用時間は短い。 （1回当たりPC 28分であるのに対し、スマートフォンは9分） 注) 専用サービスを利用するAndroidの利用状況を計測したもの。iOSは入っていない。
- 12. スマートフォン普及状況 まとめ
- 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. タブレットの普及状況
- 23. タブレットの普及状況 • 若年層はPCよりもタブレット • 特に新興国での普及がめざましい • 今後もさらに普及拡大
- 27. ハイブリッドアプリ Gartner Recommends a Hybrid Approach for Business-to-Employee Mobile Apps Consumer/Enterprise Split in 2015
- 28. ハイブリッドアプリ Gartner Recommends a Hybrid Approach for Business-to-Employee Mobile Apps Consumer Web 20% Native 40% Hybrid 40% Consumer/Enterprise Split in 2015
- 29. ハイブリッドアプリ Gartner Recommends a Hybrid 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
- 33. アプリの状況 まとめ
- 35. アプリの状況 まとめ • アプリの数はまだまだ増加。 • ハイブリッドアプリが増える。
- 36. アプリの状況 まとめ • アプリの数はまだまだ増加。 • ハイブリッドアプリが増える。 • 特に企業向けに導入が進む。BYOD
- 37. アプリの状況 まとめ • アプリの数はまだまだ増加。 • ハイブリッドアプリが増える。 • 特に企業向けに導入が進む。BYOD • 2017年には市場規模500億円近く、 その9割はHTML5化
- 38. 第三勢力
- 40. Firefox OS • Mozillaが開発しているスマホOS • HTML5アプリケーションがネイティブで動作。 • ZTE Open が eBayで発売（$79.99） • 主に新興国向け。 • 日本ではKDDIも参加を表明
- 41. Tizen • サムスン等が主導する TizenプロジェクトのOS。 • HTML5とネイティブの両方でアプリが作成可能。 • Docomoから年内に発売？→ 来年に延期
- 42. モバイルWebの今 まとめ
- 44. モバイルWebの今 まとめ • スマートフォン、タブレットはますます普及 • HTML5ハイブリッドアプリ化が進む
- 45. モバイルWebの今 まとめ • スマートフォン、タブレットはますます普及 • HTML5ハイブリッドアプリ化が進む • Webをネイティブとしたプラットフォーム が、新興国で広がる可能性あり
- 46. モバイルWebの今 まとめ • スマートフォン、タブレットはますます普及 • HTML5ハイブリッドアプリ化が進む • Webをネイティブとしたプラットフォーム が、新興国で広がる可能性あり
- 47. モバイルWebの今 まとめ • スマートフォン、タブレットはますます普及 • HTML5ハイブリッドアプリ化が進む • Webをネイティブとしたプラットフォーム が、新興国で広がる可能性あり Webアプリ技術は必須！！
- 48. 2. モバイルWebアプリ開発
- 49. モバイルWebアプリの特徴
- 50. • Webブラウザのみで実行 • インストールレス • HTML5
- 51. モバイルWebアプリの種類
- 53. モバイルWebアプリの種類 •純粋ブラウザ型 • 標準ブラウザで動くアプリ • インストール不要で手軽 • ハイブリッド型 • App形式にラップ • デバイス機能にもアクセス可能 • ストアにも出せる
- 55. Pros
- 56. Pros • マルチデバイス
- 58. Pros • マルチデバイス • Web技術であること • リアルタイムアップデート
- 59. Pros • マルチデバイス • Web技術であること • リアルタイムアップデート • Storeに依存しない • • 内容のアップデートが自由 手数料 (30%) が不要
- 60. Cons
- 62. Cons • 端末間の差異が割とある • デバイス, OS機能 が使えない (一部) ✴ カメラ、Bluetooth、バイブ、アドレス帳、カ レンダー、通知などが使えない。
- 63. Cons • 端末間の差異が割とある • デバイス, OS機能 が使えない (一部) ✴ カメラ、Bluetooth、バイブ、アドレス帳、カ レンダー、通知などが使えない。 • パフォーマンスの問題 ✴ アクションゲームや3D、サウンドなどは苦手
- 64. Cons • 端末間の差異が割とある • デバイス, OS機能 が使えない (一部) ✴ カメラ、Bluetooth、バイブ、アドレス帳、カ レンダー、通知などが使えない。 • パフォーマンスの問題 ✴ アクションゲームや3D、サウンドなどは苦手 • マーケットがない ✴ 課金やプロモーションの問題
- 65. HTML5の幻想
- 69. モバイルWebアプリ 最近の課題
- 71. 5 Myths About Mobile Web Performance JavaScriptのパフォーマン スは急速に改善 ハード/ソフトが改善 アプリのパフォーマンスは JavaScriptのそれとはほと んど無関係 DOM操作、Canvas、 SVGも急速に改善 訳: モバイルウェブパフォーマンスに関する５つの作り話( via: xenophy
- 72. How can HTML5 compete 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)
- 75. フレームワーク
- 76. 沢山ある
- 79. 実質、2択 V/S
- 80. 開発環境・ツール
- 88. AltJS
- 89. CSS PreProcessor
- 91. 統合開発ツール群
- 94. 1 2年後のモバイルアプリ • ユーザーはAppが好き • しばらくはハイブリッド化が進む • マーケット問題は解決するが、 Store依存・更新の問題は残る。
- 95. PCの歴史を振り返る
- 98. PCの歴史を振り返る • 90年代 • • Windowsの登場により、PCが爆発的に普及。 個人作成のフリーソフト大流行。Vector、窓の杜、雑誌の付録 • 2000年代前半 • • 出荷数頭打ち。低価格化が進み総販売額はここをピークに減少。 Google大躍進。 • 2000年代後半 • • • ノートPCの割合が増加。ネットブックも流行。 Gmail、Google Mapの開始。Web 2.0の時代。 Webサービス、マッシュアップが流行。
- 99. PCアプリの今
- 100. PCアプリの今 • 個人作成のフリーソフト • ほとんど見なくなった • OS標準機能に取り込まれる • Webサービス（アプリ）が増えた
- 101. PCアプリの今 • 個人作成のフリーソフト • ほとんど見なくなった • OS標準機能に取り込まれる • Webサービス（アプリ）が増えた • PCアプリが無くなったわけではない • 複雑、高機能、パフォーマンスが求められるもの • 単独ではない。クラウド連携。
- 102. 今のモバイルアプリ 1995-2000-2005 10年前のPC市場に似ている • インストール型アプリが流行。 • アプリの機能がOSに取り込まれている。 • モバイル向けWebアプリの台頭。 • アプリマーケットがキー
- 104. サーバーサイド を考える
- 105. BaaS (Backend as a Service) •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 Says Worldwide 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
- 109. BaaS時代のアプリ • サーバーはJSONを返すAPI • クライアントはそれを組み合わせて サービスを提供 • NativeもWebAppも単なるView
- 110. いつか見た構図
- 111. Webサービスのリベンジ
- 112. Web Service Reloaded
- 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. 階層的MVC
- 118. まとめ
- 119. まとめ • 高機能なものはNativeで
- 121. まとめ • 高機能なものはNativeで • それ以外はWebアプリ、またはハイブ リッド化が進む。 • さらにBaaSが進むと、NativeもWeb も単なるビューへ。
- 122. Webサービス新時代へ！