Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

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

3 831 vues

Publié le

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

Publié dans : Internet
  • Soyez le premier à commenter

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 アプリ開発の可能性を広げるプラットフォーム

×