1.
1
エンタープライズアプリ
開発・運用のポイント
アシアル株式会社 田中正裕
2014/07/15

2.
2自己紹介
田中正裕
アシアル株式会社 代表取締役
Twitter: @massie
E-mail: masahiro@asial.co.jp
アシアル執筆の最近の書籍

3.
3アシアル株式会社
事業内容
HTML5アプリ開発、ハイブリッドアプリ開発、ネイティブアプリ
サーバーサイド（PHP）開発、インフラ、教育事業など

4.
4開発事例①
データスタジアム株式会社様
Windows 8アプリケーション開発
Windows 8.1対応タブレット・PC対応
HTML5、CSS3、JavaScriptでネイティブアプリ

5.
5開発事例②
株式会社マッシュメディア様
IRORIOデザインリニューアル
レスポンシブなWebサイトで
モバイルからPCまで幅広いスクリーンサイズに対応
PC版 モバイル版 マイページ

6.
6開発事例③
ニフティ株式会社様
ニフティクラウドmobile backend
管理者コンソール画面開発

7.
7アジェンダ
 モバイルファースト
 MEAPとmBaaS
 開発環境、バックエンド
 セキュリティ、ディストリビューション、ロギング
 HTML5とハイブリッドアプリ
 Cordova（PhoneGap）とMonacaの関係
 エンタープライズバックエンド

8.
8モバイルファースト
 最適なアプリを最適なデバイスで使えるように
 従業員向けアプリ（B2Eアプリ）の充実
 BYOD：作業環境をパーソナライズし、生産性を向上

9.
9企業モバイルの活用フェーズ
メールと
インターネットの閲覧
•MDM（セキュリティレイヤー）
•VPN（社内システム連携）
B2Eアプリの導入
•Kintone、Handbook
•Square
•ユビレジ
カスタムB2Eアプリ
•ネイティブアプリ
•HTML5アプリ
・外部委託？社内で開発？
・開発言語、開発ツール？
・社内システムとの連携方法？

10.
10MADP(MEAP)とBaaS
 MADP: Mobile Application Development Platform
 フロントエンド開発環境
 IBM Worklight、SAP Mobile Platform等
 BaaS: Backend-as-a-Service
 バックエンド環境
 Nifty Cloud mBaaS、Kii Cloud 、Parse
myApp
クラウド
社内システム
SaaS
MADP（開発プラットフォーム）
BaaS
バックエンド
企業向けモバイルアプリの開発・運用ソリューション

11.
11
エンタープライズで求められる
フロントエンドとバックエンド技術

12.
12フロントエンドに対する
技術的要求
 マルチプラットフォームが前提
 開発効率の高さ
 人材確保のし易さ・可用性の高さ
 広く普及した技術プラットフォームへの準拠
 運用・メンテナンス性の高さ
 アプリのアップデートの手間を削減
 パフォーマンスの高さ

13.
13親和性の高い「HTML5」
 デバイスの多様性に対応
 iPhone、Android、WindowsなどOSの種類を問わない
 スクリーンサイズに合わせた最適化が容易
 既存ノウハウの活用
 HTML、JavaScript、CSSの組み合わせで開発が可能
 ブラウザーの進化
 オフライン対応やクライアント側ストレージなどが充実
 3Dグラフィックや高機能オーディオ等も実装
HTML5は業務アプリに最適

14.
14ブラウザーの壁を越える
HTML5ハイブリッドアプリ
ネイティブコード
HTML
コンテンツ
iOS、Android
ネイティブアプリ形式
・デバイス機能へのアクセス
・Bluetooth、NFC、GPS等
・OSの独自機能の活用
・プッシュ通知、セキュリティ
・サイドローディングにも対応
・Web技術を用いた開発
・JavaScript経由ネイティブAPI
・マルチOS・スクリーン対応

15.
15ハイブリッドアプリ開発事例
株式会社アシックス様
店舗向けiPadアプリ
KDDI株式会社様
auヘッドライン

16.
16開発手法の比較
Webアプリ ハイブリッドアプリ ネイティブアプリ
開発言語 HTML5、JavaScript、CSS Objective-CやJava
機能
Webブラウザーが備える
機能のみ利用可能
JavaScriptから
ネイティブの機能を
呼び出せる
端末やOSが持つすべて
の機能を利用可能
開発環境
Webアプリ用
開発環境
ハイブリッドアプリを
サポートする開発環境
iOS、Android等で
別々の開発環境
クロスプラットフォーム ○ ×開発言語自体が異なる
実行速度
△
Webブラウザーが実行エン
ジン
○
ソースコードを端末上に
保存することが可能
◎
OSが直接実行する
オフライン対応
△
キャッシュを用いて一部オ
フライン対応も可能
◎
端末内にプログラムが配置
アプリの配布方法
Webサイトにアクセス
マーケットへの登録は不可
マーケットの登録が原則
メンテナンス方法
サーバーから配信するため
常に最新状態をキープ可能
ネイティブ部分はマー
ケット経由の更新。
HTML5部分は任意のタイ
ミングで更新可能
アップデートのたびに
マーケット登録。更新は
ユーザー次第

17.
17ハイブリッドアプリ用
フレームワーク
PhoneGap
アドビシステムズ
Cordova
Apacheソフトウェア財団

18.
18Cordovaはアプリ基盤の中心に
PhoneGap
Monaca
Sencha
MS Visual
Studio
SAP
Mobile
Platform
IBM
Worklight
すべてのMEAPソリューションはCordovaをベースに提供

19.
19CordovaとPhoneGapの違い
※ Apache Cordovaスーパー勉強会にて発表した資料を参考にしてください
http://www.slideshare.net/monaca_mobi
結論: 同じ

20.
20Monacaとは
 クラウドベースのPhoneGap/Cordova開発環境（GUI）
 iOS, Android, Windows 8, Chrome Apps対応
Firefox OSに近日対応予定
 コマンドラインにも近日対応
 無料～（商用利用でも）
 デバッガーを組み込み
 日本語サポート・ドキュメント
 Windowsマシンでも開発OK
http://monaca.mobi/

21.
21Monacaのユーザー
 2000アプリが既にリリース
 200以上の法人アカウント
 カジュアルアプリのデベロッパー
 システムインテグレータの方
 同じスキルでiOS、Androidいずれ
のアプリも開発可能

22.
22Monacaエンタープライズ版
 ローカル開発（オフライン開発）
 ソースコードの暗号化
 アプリの自動アップデート
 暗号化ストレージ
 キャッシュデータのリモートワイプ
トライアル参加企業を募集中！
業務アプリ開発向けに導入しやすい仕組みを提供

23.
23バックエンド接続
バックエンドフロントエンド
ハイブリッドアプリ
（HTML5、JavaScript）
Webアプリ
ネイティブアプリ
SaaS
・Salesforce
・Google Apps
社内システム
プライベートクラウド
・ユーザーDB
・RDBMS、LDAP
・ERP、CRM等
・REST API
・SOAP
・異なる実装技術
・企業システムへの接続
・セキュリティ
・統一的なインターフェース

24.
24エンタープライズ
バックエンドに対する課題
 オンプレミス、ハイブリッドクラウドでの運用
 エンタープライズ製品へのコネクター
 Active Directory、SAP、Oracle、SalesForce…
 コンシューマー向け製品はFacebook等が中心
 データ仮想化
 権限分離により最小限のデータに限定
 開発プロセスを単純化
 アナリティクスやストアなどのエンタープライズ仕様

25.
25KidoZenの紹介
The most affordable, fastest and securest way
to deploy enterprise mobile apps
エンタープライズ向け「モバイルファースト」バックエンド

26.
26Monaca × KidoZen
アプリ開発
SaaS & Private Cloud
社内システム
エ
ー
ジ
ェ
ン
ト
KidoZen
MonacaSDK
Salesforce
Google API
REST API
WebサービスAPI
各種データベース
Active Directory
SAP ERP
SugarCRM
クロス
プラットフォーム
オフライン対応
OSへのアクセス
統合開発環境
テクニカルサポート
認証、セキュアDB
プッシュ通知
KidoZen Backend
KidoZenサーバーは
クラウド/オンプレミス両対応

27.
27導入企業

28.
28
KidoZenの紹介
John Dantzler
Director Business Development

29.
29
KidoZenとMonacaで作る
エンタープライズアプリ

30.
30Monaca × KidoZen
アプリ開発
SaaS & Private Cloud
社内システム
エ
ー
ジ
ェ
ン
ト
KidoZen
MonacaSDK
Salesforce
Google API
REST API
WebサービスAPI
各種データベース
Active Directory
SAP ERP
SugarCRM
クロス
プラットフォーム
オフライン対応
OSへのアクセス
統合開発環境
テクニカルサポート
認証、セキュアDB
プッシュ通知
KidoZen Backend
KidoZenサーバーは
クラウド/オンプレミス両対応

31.
31デモ
デモ環境の概要
オンプレミス環境
Microsoft
SQL Server
KidoZen
Cloud
エ
ー
ジ
ェ
ン
ト
App Center

32.
32サポート・問い合わせ先
 Monacaと組み合わせたソリューションを提供いたします。
 価格、構成について柔軟に対応いたします。
 ご希望に応じて、トライアルや導入支援をご提案いたします。
 詳しい情報をご希望の方は、セミナーのアンケートにその旨
を記載頂きますようお願いいたします。
アシアル株式会社 Monaca事業部
info@monaca.mobi
03-5875-6862

33.
33
ありがとうございました