デブサミ2015にて講演した資料内容です。

1. アプリ開発の可能性を広げるプラットフォーム
エンタープライズ要件に対応する
高品質なCordovaアプリ開発のポイント
アシアル株式会社
田中正裕 / @MASSIE
Developer Summit 2015

2. アプリ開発の可能性を広げるプラットフォーム
自己紹介
田中正裕
アシアル株式会社 代表取締役
» Twitter: @massie
» 職務: CEO (Chief ExectiveEngineering Officer)
» HTML5エキスパート
» Cordovaユーザー会、発起人

3. アプリ開発の可能性を広げるプラットフォーム
• HTML5ハイブリッドアプリ開発フレームワーク
• オープンソース
• エンタープライズ向けモバイルアプリ基盤

4. アプリ開発の可能性を広げるプラットフォーム
今日のテーマ
HTML5ハイブリッドアプリ
on
Cordovaを使った
エンタープライズ

5. アプリ開発の可能性を広げるプラットフォーム
なぜエンタープライズ分野は
Cordova?
クロスプラットフォーム
• BYOD、今後の変化にも対応
オープンさ、継続性
• スタンダード仕様のWeb技術（A社やG社に振り回されない）
運用のしやすさ
• フラグメンテーションの解決
デファクトスタンダード
• 様々なソリューションがCordovaベース

6. アプリ開発の可能性を広げるプラットフォーム
CordovaとPhoneGap
誕生!
PhoneGapは
Adobe社のディストリに
オープンソース化
各社が開発協力
Cordovaと命名
by
2011年
Adobe社がNitobi社を買収
PhoneGapは「Cordova」に
2009年
Nitobi社がPhoneGapを開発
オープンソース製品
その結果
多くの企業がCordova開発に参加

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

8. HTML5ハイブリッド？それ大丈夫？

9. "It hardly worked for anyone in 2010 because phones were too slow, so
the HTML/JS underpinnings meant worse performance, and users didn’t
like that. But times have changed. Modern phones are incredibly fast,
and you can even run a fair amount of JavaScript on your mobile views
without hurting perceivable performance."
https://signalvnoise.com/posts/3743-hybrid-sweet-spot-native-navigation-web-content
David Heinemeier Hansson
2010年においては、端末が遅すぎたため誰が使っても使い物になりませんで
した。当時、HTMLとJSの組み合わせは最悪のパフォーマンスを意味しており、
利用者は嫌いました。ただ、時は経ち、最近の端末は驚くほど高速です。
ユーザーがパフォーマンス低下に気づくことなく、モバイル上でかなりの量
のJavaScriptを実行することが可能です。

10. アプリ開発の可能性を広げるプラットフォーム
MacのJavaScript Automation
Rhino (JavaScript port to Java)
Intel XDK IoT Edition
Smart TV (Hybrid Cast)
Kinoma Create
Cordova
NW.js(NodeWebkit)と
io.js
Atom-Shell
Windows 10
jQuery
Ajax
Rich Internet App
広がるJavaScript
Web
アプリ
IoT
汎用言語処理系
Node.js
Express Framework
サーバー
オープン技術である
HTML5とJavaScriptで
アプリ開発は自然な流れ
ただ、技術蓄積のあるWebに比べ
どれも日が浅い...

11. アプリ開発の可能性を広げるプラットフォーム
よくある課題
動きが遅い  Windowsで開発できない
 JavaScriptは破たんする
 実機でバグバグ
 HTML5のセキュリティ大丈夫？
 「ネイティブじゃないと嫌です」by 担当者
 実績は？

12. アプリ開発の可能性を広げるプラットフォーム
”成功する” ハイブリッドアプリ開発
要件定義
UIとパフォーマンス
実機テスト
セキュリティ

13. アプリ開発の可能性を広げるプラットフォーム
要件定義は慎重に
 優先度。クロスプラットフォームやWeb技術の採
用が最も重要な課題なのか？
 対応端末の選定。本当に最新機種だけでいい？
 AltJSや開発フレームワーク選定も。

14. アプリ開発の可能性を広げるプラットフォーム
UIとパフォーマンス
 JavaScriptはもう遅くない。使っているライブラリーが遅いだ
け。
 ハイブリッドアプリ開発に特化したフレームワークを使おう。
 AndroidはCrosswalkエンジンで解決。

15. アプリ開発の可能性を広げるプラットフォーム
実機テスト
 課題やバグの半分はネイティブレイヤーで発生。その
ためにも「最後に実機テスト」でなく「テストは常に
実機で」。
 クロスプラットフォーム展開の場合は、iOSと
Androidで両方同時に作っていくこと。
 OSや機種、画面サイズ別の対応を頑張りすぎない。

16. アプリ開発の可能性を広げるプラットフォーム
セキュリティ
クロスサイトスクリプティング
アセットの難読化
ネイティブアプリと同等のセキュリティを目指す

17. アプリ開発の可能性を広げるプラットフォーム
詳しくは
日本Cordovaユーザー会主催
「Cordova勉強会」へ是非お越しください
 https://cordova.doorkeeper.jp/
第1回
（昨年11月）
Cordovaの最近のトレンド
開発ベストプラクティス
第2回
（昨年12月）
CordovaでAngularJSアプリ開発
Cordovaで開発したアプリ 『XZ（クローゼット）』 の制作事例をご紹介
smartFXにおけるApache Cordovaの活用について
第3回
（1月）
Cordovaプラグインを作ろう
デスクトップアプリもハイブリッド
第4回
（2月）
Adobe PhoneGapについて
Visual Studio を使用した Cordova 開発
Windows開発者が知っておきたいCordova開発の話
第5回 3月開催予定！
過去動画や講演資料も公開されているよ！

18. アプリ開発の可能性を広げるプラットフォーム
Cordovaデベロッパーのための
開発プラットフォーム

19. アプリ開発の可能性を広げるプラットフォーム
Monacaラインアップ
① クラウド開発環境
② テストツール
③ エンプラ開発基盤
④ UIフレームワーク

20. アプリ開発の可能性を広げるプラットフォーム
選べる3つの開発環境
ブラウザーだけで本格ハイブリッドアプリ開発。
使い慣れたローカルエディタでサクサク開発。
VSのパワフル機能をCordova開発に。
同時併用
OK！
価格：無料～8,000円/月（個人単位）

21. アプリ開発の可能性を広げるプラットフォーム
Monacaエンタープライズ
エンタープライズアプリの開発プラットフォーム
• オフラインコード管理
• HTML5リソース暗号化
• セキュアストレージ
• アプリ自動更新
• 開発/技術サポート
• 研修、教育サポート
• 開発アカウント管理
価格： 15万円/月～（企業単位）

22. Onsen UIフレームワーク
• AngularJSベースのモバイルアプリ
• Custom Elementsで簡単設計
• OSに応じてUIを切り替え＋
CSSで簡単カスタマイズ
http://ja.onsen.io/

23. アプリ開発の可能性を広げるプラットフォーム
Monaca is...
 Cordovaを使ったHTML5ハイブリッドアプリ開発環境。
 クラウドでもローカルでも開発できる。
 Onsen UIによる高品質でハイパフォーマンスなアプリ開発。
 日本語サポートやドキュメントを完備。
 オープン仕様への準拠でエンタープライズでも豊富な実績。
Monaca is not...
 プロプラエタリィ仕様のプラットフォーム。
 「コードを書けない」人のためのGUI開発ツール。
 クローズドソース。Fork us on GitHub!

24. アプリ開発の可能性を広げるプラットフォーム
トレーニングも
http://monaca.mobi/ja/training/

25. アプリ開発の可能性を広げるプラットフォーム
技術サポートも
http://monaca.mobi/ja/training/
無料サポートはStack Overflowにて。

26. アプリ開発の可能性を広げるプラットフォーム
公式ガイドブック 発売開始!
豊富なサンプルアプリとテクニックの解説
https://ja.monaca.io/book/support/

27. アプリ開発の可能性を広げるプラットフォーム
ありがとうございました
Twitter: @massie
E-mail: masahiro@asial.co.jp
Masahiro Tanaka
Founder & CEO, Asial Corporation