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.

Html5で加速するモバイルアプリ開発

3,823 views

Published on

11月10日開催「企業競争力向上のためのHTML5活用戦略会議」資料

Published in: Internet
  • Be the first to comment

Html5で加速するモバイルアプリ開発

  1. 1. HTML5で加速するモバイルアプリ開発 アプリ開発の可能性を広げるプラットフォーム アシアル株式会社 代表取締役 ⽥田中正裕
  2. 2. モバイルファーストが加速 u スマホやタブレットの法⼈人契約数は引き続き増加 u 海外と⽐比べて、モバイルデバイスの活⽤用度度は低い u ユーザー部⾨門主導での活⽤用 アプリ開発の可能性を広げるプラットフォーム
  3. 3. 法⼈人契約数は引き続き増加 アプリ開発の可能性を広げるプラットフォーム
  4. 4. アプリ開発の可能性を広げるプラットフォーム ⼀一⽅方で活⽤用度度は低い
  5. 5. アプリは「使う」から「作る」へ 今後は、インテグレーション経験 業務ノウハウを持つSI企業が主役 カスタムアプリ顧客ニーズに沿った ソリューション提案 業務アプリの導⼊入パッケージソフト/SaaSの アプリ開発の可能性を広げるプラットフォーム メールやスケジュール、 インターネットの閲覧 モバイルアプリ化 導⼊入期はモバイル端末導⼊入に⻑⾧長けた ソリューションベンダーが主役• MDM(セキュリティ) • VPN(社内システム連携)
  6. 6. アプリ開発の可能性を広げるプラットフォーム アプリ要件の違い コンシューマーアプリ 業務アプリ 最初は最⼩小限のコスト、 アプリ成⻑⾧長に伴い多額投資コストパフォーマンス 利利⽤用⼈人数にかかわらず ⼀一定の性能と安定性を確保 サービスの変更更に伴い リニューアルを重ねる運⽤用スパン 業務システムとしての 運⽤用基準に則る 常に競合との⽐比較競争 アプリストアの★数に影響ユーザビリティ ⼀一定レベルのUI品質が 求められる アプリ内容次第 対応プラットフォーム クロスプラットフォーム前提 (将来の乗換リスクも) 基本クラウド上で運⽤用 新規開発のケースも多いバックエンド接続 既存システムとの接続ニーズ 要イントラネット対応
  7. 7. モバイルは最初からHTML5 u PCはHTML5対応に出遅れた u デバイスの多様性に対応 u iPhone、Android、Windowsなど アプリ開発の可能性を広げるプラットフォーム OSの種類を問わない u スクリーンサイズに合わせた最適化が容易易 u Web技術の延⻑⾧長線 u HTML、JavaScript、CSSの組み合わせで開発 u この数年年で著しく進化 u オフライン対応 u データベースやファイルシステムの操作 u グラフィック性能 u マルチメディア対応
  8. 8. アプリ開発の可能性を広げるプラットフォーム HTML5の特徴 マルチメディア 3Dグラフィックス オフライン対応 データベース 2Dグラフィックス 外部連携⾼高度度なネットワーク 端末種類に応じた コンテンツの最適化 ビデオやオーディオ 再⽣生と録画
  9. 9. HTML5はモバイル開発No.1 出典: Developer Economics 2014 Q3 アプリ開発の可能性を広げるプラットフォーム 構築技術のなかで圧倒的に ⾼高いマインドシェアを獲得
  10. 10. パフォーマンス ハードウェアAPI ネイティブアプリ化 ユーザーインターフェース フレームワーク アプリ開発の可能性を広げるプラットフォーム 出典: Developer Economics 2013 Q3
  11. 11. アプリ開発の可能性を広げるプラットフォーム 課題1 ハードウェアAPIへのアクセス ネイティブアプリ化
  12. 12. ソリューション Apache Cordova 「HTML5ハイブリッドアプリ」 フレームワーク アプリ開発の可能性を広げるプラットフォーム
  13. 13. Webとネイティブの融合 HTML5ハイブリッドアプリ アプリ開発の可能性を広げるプラットフォーム HTML コンテンツ ネイティブコード アプリケーション本体は HTML5技術で実装 ハードウェア機能を利利⽤用可能 ネイティブアプリ形式で配布
  14. 14. アプリ開発の可能性を広げるプラットフォーム B2Cでも普及が進む クロスプラットフォーム導⼊入状況 出典: AppBrain Stats 0% 5% 10% 15% ビジネス ⾦金金融 医療療 ヘルスケア スポーツ ショッピング トラベル ライフスタイル ニュース 教育 全Androidアプリの5.83%に採⽤用 Cordova / PhoneGap5.83% Unity 3D4.11% Adobe AIR2.87% Titanium Mobile1.01% Xamarin欄外
  15. 15. 業界標準となったCordova 様々なエンタープライズソリューションに組み込まれている アプリ開発の可能性を広げるプラットフォーム さ
  16. 16. アプリ開発の可能性を広げるプラットフォーム 課題2 実⾏行行時のパフォーマンス向上 ユーザーインターフェース
  17. 17. • 最新のChromeエンジンを搭載 • ネイティブコードによる実装 アプリ開発の可能性を広げるプラットフォーム 2つのアプローチ ブラウザエンジンの⾼高速化 UIエンジンの⾼高速化 • モバイルアプリに特化 • 徹底的なチューニング
  18. 18. Onsen UI: パフォーマンスとUIを改善 ► Cordova、Webアプリ向け開発フレームワーク ► jQueryやAngularJSに対応 ► Apache License形式でオープンソース提供
  19. 19. アプリ開発の可能性を広げるプラットフォーム 最新テクノロジーの結集 モダンなアーキテクチャーオブジェクト指向 超⾼高速グローバルユーザー ⽇日本 アメリカ インド 中国 その他
  20. 20. アプリ開発の可能性を広げるプラットフォーム 課題3 開発ツール
  21. 21. HTML5アプリ開発プラットフォーム u 2010年年、CordovaがPhoneGapと呼ばれていた時期に 開発スタート u HTML5ハイブリッドアプリの普及に尽⼒力力 u アプリ開発に必要なノウハウを蓄積 u Cordova公式ドキュメントや数多くの関連書籍の発刊も アプリ開発の可能性を広げるプラットフォーム
  22. 22. 開発にイノベーション アプリ開発の可能性を広げるプラットフォーム クラウドの活⽤用 Monaca Innovation クロスプラット フォーム SaaS形式 簡単・すぐ使える 開発環境の標準化や、 遠隔チーム開発を可能に HTML5標準プラットフォームに対応。 Android、iPhone、Windows 8、Chrome Apps Windows環境でもiPhoneアプリ開発 簡単にネイティブアプリを開発できる。 業務、コンシューマー、アカデミック 問わず幅広い活⽤用実績。
  23. 23. アプリ開発の可能性を広げるプラットフォーム 海外でも注⽬目 PhoneGap Day EU 2013 HTML5 Dev Conf 2014 Spring PhoneGap公式サイ ト
  24. 24. 70,000ユーザー、2,000アプリ
  25. 25. アプリ開発の可能性を広げるプラットフォーム HTML5の課題 ⼗十分に実⽤用可能。普及段階 これからの課題 エンタープライズ・モバイルでの活⽤用
  26. 26. エンタープライズでの活⽤用 u オンプレミスでのローカル開発 u 安全なアプリの実⾏行行システム u アプリの配信や運⽤用⽀支援 u バックエンド接続 アプリ開発の可能性を広げるプラットフォーム
  27. 27. 企業のモバイル戦略略を促進する HTML5アプリ開発ソリューション アプリ開発の可能性を広げるプラットフォーム
  28. 28. 業務アプリ開発の決定打 アプリのハッキング保護 ローカル開発機能 アプリの⾃自動更更新 Windows・Mac対応の 柔軟な開発環境 MDMやテストなどの 外部ソリューション連携 バックエンド接続
  29. 29. HTML5アプリ開発全般を⽀支援 HTML5の開発ノウハウをいかに蓄えていくか。 u フロントエンドのデザイン⽀支援 u アプリのアーキテクチャー設計⽀支援 u 開発基準の作成・技術選定⽀支援 u 各種トレーニング、⼈人材教育 アプリ開発の可能性を広げるプラットフォーム
  30. 30. Webエンジニアをアプリ開発の主役に アプリ開発の可能性を広げるプラットフォーム powered by
  31. 31. ありがとうございました ⽥田中正裕 アシアル株式会社 代表取締役 Twitter: @massie E-mail: masahiro@asial.co.jp アプリ開発の可能性を広げるプラットフォーム

×