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

1. HTML5で加速するモバイルアプリ開発
アプリ開発の可能性を広げるプラットフォーム
アシアル株式会社 代表取締役
⽥田中正裕

2. モバイルファーストが加速
u スマホやタブレットの法⼈人契約数は引き続き増加
u 海外と⽐比べて、モバイルデバイスの活⽤用度度は低い
u ユーザー部⾨門主導での活⽤用
アプリ開発の可能性を広げるプラットフォーム

3. 法⼈人契約数は引き続き増加
アプリ開発の可能性を広げるプラットフォーム

4. アプリ開発の可能性を広げるプラットフォーム
⼀一⽅方で活⽤用度度は低い

5. アプリは「使う」から「作る」へ
今後は、インテグレーション経験
業務ノウハウを持つSI企業が主役
カスタムアプリ顧客ニーズに沿った
ソリューション提案
業務アプリの導⼊入パッケージソフト/SaaSの
アプリ開発の可能性を広げるプラットフォーム
メールやスケジュール、
インターネットの閲覧
モバイルアプリ化
導⼊入期はモバイル端末導⼊入に⻑⾧長けた
ソリューションベンダーが主役• MDM（セキュリティ）
• VPN（社内システム連携）

6. アプリ開発の可能性を広げるプラットフォーム
アプリ要件の違い
コンシューマーアプリ 業務アプリ
最初は最⼩小限のコスト、
アプリ成⻑⾧長に伴い多額投資コストパフォーマンス
利利⽤用⼈人数にかかわらず
⼀一定の性能と安定性を確保
サービスの変更更に伴い
リニューアルを重ねる運⽤用スパン
業務システムとしての
運⽤用基準に則る
常に競合との⽐比較競争
アプリストアの★数に影響ユーザビリティ
⼀一定レベルのUI品質が
求められる
アプリ内容次第 対応プラットフォーム
クロスプラットフォーム前提
（将来の乗換リスクも）
基本クラウド上で運⽤用
新規開発のケースも多いバックエンド接続
既存システムとの接続ニーズ
要イントラネット対応

7. モバイルは最初からHTML5
u PCはHTML5対応に出遅れた
u デバイスの多様性に対応
u iPhone、Android、Windowsなど
アプリ開発の可能性を広げるプラットフォーム
OSの種類を問わない
u スクリーンサイズに合わせた最適化が容易易
u Web技術の延⻑⾧長線
u HTML、JavaScript、CSSの組み合わせで開発
u この数年年で著しく進化
u オフライン対応
u データベースやファイルシステムの操作
u グラフィック性能
u マルチメディア対応

8. アプリ開発の可能性を広げるプラットフォーム
HTML5の特徴
マルチメディア
3Dグラフィックス
オフライン対応
データベース
2Dグラフィックス
外部連携⾼高度度なネットワーク
端末種類に応じた
コンテンツの最適化
ビデオやオーディオ
再⽣生と録画

9. HTML5はモバイル開発No.1
出典: Developer Economics 2014 Q3
アプリ開発の可能性を広げるプラットフォーム
構築技術のなかで圧倒的に
⾼高いマインドシェアを獲得

10. パフォーマンス
ハードウェアAPI
ネイティブアプリ化
ユーザーインターフェース
フレームワーク
アプリ開発の可能性を広げるプラットフォーム
出典: Developer Economics 2013 Q3

11. アプリ開発の可能性を広げるプラットフォーム
課題１
ハードウェアAPIへのアクセス
ネイティブアプリ化

12. ソリューション
Apache Cordova
「HTML5ハイブリッドアプリ」
フレームワーク
アプリ開発の可能性を広げるプラットフォーム

13. Webとネイティブの融合
HTML5ハイブリッドアプリ
アプリ開発の可能性を広げるプラットフォーム
HTML
コンテンツ
ネイティブコード
アプリケーション本体は
HTML5技術で実装
ハードウェア機能を利利⽤用可能
ネイティブアプリ形式で配布

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. 業界標準となったCordova
様々なエンタープライズソリューションに組み込まれている
アプリ開発の可能性を広げるプラットフォーム
さ

16. アプリ開発の可能性を広げるプラットフォーム
課題２
実⾏行行時のパフォーマンス向上
ユーザーインターフェース

17. • 最新のChromeエンジンを搭載
• ネイティブコードによる実装
アプリ開発の可能性を広げるプラットフォーム
2つのアプローチ
ブラウザエンジンの⾼高速化
UIエンジンの⾼高速化
• モバイルアプリに特化
• 徹底的なチューニング

18. Onsen UI: パフォーマンスとUIを改善
► Cordova、Webアプリ向け開発フレームワーク
► jQueryやAngularJSに対応
► Apache License形式でオープンソース提供

19. アプリ開発の可能性を広げるプラットフォーム
最新テクノロジーの結集
モダンなアーキテクチャーオブジェクト指向
超⾼高速グローバルユーザー
⽇日本
アメリカ
インド
中国
その他

20. アプリ開発の可能性を広げるプラットフォーム
課題３
開発ツール

21. HTML5アプリ開発プラットフォーム
u 2010年年、CordovaがPhoneGapと呼ばれていた時期に
開発スタート
u HTML5ハイブリッドアプリの普及に尽⼒力力
u アプリ開発に必要なノウハウを蓄積
u Cordova公式ドキュメントや数多くの関連書籍の発刊も
アプリ開発の可能性を広げるプラットフォーム

22. 開発にイノベーション
アプリ開発の可能性を広げるプラットフォーム
クラウドの活⽤用
Monaca
Innovation
クロスプラット
フォーム
SaaS形式
簡単・すぐ使える
開発環境の標準化や、
遠隔チーム開発を可能に
HTML5標準プラットフォームに対応。
Android、iPhone、Windows 8、Chrome Apps
Windows環境でもiPhoneアプリ開発
簡単にネイティブアプリを開発できる。
業務、コンシューマー、アカデミック
問わず幅広い活⽤用実績。

23. アプリ開発の可能性を広げるプラットフォーム
海外でも注⽬目
PhoneGap Day EU
2013
HTML5 Dev Conf 2014
Spring
PhoneGap公式サイ
ト

24. 70,000ユーザー、2,000アプリ

25. アプリ開発の可能性を広げるプラットフォーム
HTML5の課題
⼗十分に実⽤用可能。普及段階
これからの課題
エンタープライズ・モバイルでの活⽤用

26. エンタープライズでの活⽤用
u オンプレミスでのローカル開発
u 安全なアプリの実⾏行行システム
u アプリの配信や運⽤用⽀支援
u バックエンド接続
アプリ開発の可能性を広げるプラットフォーム

27. 企業のモバイル戦略略を促進する
HTML5アプリ開発ソリューション
アプリ開発の可能性を広げるプラットフォーム

28. 業務アプリ開発の決定打
アプリのハッキング保護
ローカル開発機能
アプリの⾃自動更更新
Windows・Mac対応の
柔軟な開発環境
MDMやテストなどの
外部ソリューション連携
バックエンド接続

29. HTML5アプリ開発全般を⽀支援
HTML5の開発ノウハウをいかに蓄えていくか。
u フロントエンドのデザイン⽀支援
u アプリのアーキテクチャー設計⽀支援
u 開発基準の作成・技術選定⽀支援
u 各種トレーニング、⼈人材教育
アプリ開発の可能性を広げるプラットフォーム

30. Webエンジニアをアプリ開発の主役に
アプリ開発の可能性を広げるプラットフォーム
powered by

31. ありがとうございました
⽥田中正裕
アシアル株式会社 代表取締役
Twitter: @massie
E-mail: masahiro@asial.co.jp
アプリ開発の可能性を広げるプラットフォーム