Weitere ähnliche Inhalte
Ähnlich wie NSA NB委員会セミナー「モバイルアプリ開発業務におけるmonacaの活用」 (20)
NSA NB委員会セミナー「モバイルアプリ開発業務におけるmonacaの活用」
- 8. 企業モバイル視点の技術選定
複数の対応プラットフォーム
• BYODの浸透で、iPhoneとAndroidの両⽅方に対応する必要がある
• 取引先の端末を限定することができない
• 特定のプラットフォームに縛られることにリスクを感じる
開発効率率率・導⼊入コスト
• 今のチームで開発できるようエンジニアの技術スキルとマッチした開発⼿手法を採⽤用したい
• 新技術に伴う教育コストを下げたい
アプリ開発の可能性を広げるプラットフォーム
開発技術
• ロックオンされない技術を使⽤用したい
• 最先端の技術よりも、安定性や継続性を重要視したい
運⽤用
• プライベートクラウドやイントラネットに配備された企業バックエンドと接続したい
• 数年年間使うことを想定して、メンテナンスコストを抑えたい
- 15. アプリ開発の可能性を広げるプラットフォーム
そこでHTML5。
HTML5は業務アプリに最適
u デバイスの多様性に対応
u iPhone、Android、WindowsなどOSの種類を問わない
u スクリーンサイズに合わせた最適化が容易易
u 既存ノウハウの活⽤用
u HTML、JavaScript、CSSの組み合わせで開発が可能
u ブラウザーの進化
u オフライン対応やクライアント側ストレージなどが充実
u 3Dグラフィックや⾼高機能オーディオ等も実装
- 16. ブラウザーの壁を越える
HTML5ハイブリッドアプリ
・Web技術を⽤用いた開発
・JavaScript経由ネイティブAPI
・マルチOS・スクリーン対応
アプリ開発の可能性を広げるプラットフォーム
HTML
コンテンツ
ネイティブコード
iOS、Android
ネイティブアプリ形式
・デバイス機能へのアクセス
・Bluetooth、NFC、GPS等
・OSの独⾃自機能の活⽤用
・プッシュ通知、セキュリティ
・サイドローディングにも対応
- 17. アプリ開発の可能性を広げるプラットフォーム
開発⼿手法の⽐比較
Webアプリハイブリッドアプリネイティブアプリ
開発⾔言語HTML5、JavaScript、CSSObjective-‐‑‒CやJava
機能Webブラウザーが備える
機能のみ利利⽤用可能
JavaScriptから
ネイティブの機能を
呼び出せる
端末やOSが持つすべて
の機能を利利⽤用可能
開発環境Webアプリ⽤用
開発環境
ハイブリッドアプリを
サポートする開発環境
iOS、Android等で
別々の開発環境
クロスプラットフォーム○×開発⾔言語⾃自体が異異なる
実⾏行行速度度
△
Webブラウザーが実⾏行行エン
ジン
○
ソースコードを端末上に
保存することが可能
◎
OSが直接実⾏行行する
オフライン対応
△
キャッシュを⽤用いて⼀一部オ
フライン対応も可能
◎
端末内にプログラムが配置
アプリの配布⽅方法Webサイトにアクセス
マーケットへの登録は不不可マーケットの登録が原則
メンテナンス⽅方法サーバーから配信するため
常に最新状態をキープ可能
ネイティブ部分はマー
ケット経由の更更新。
HTML5部分は任意のタイ
ミングで更更新可能
アップデートのたびに
マーケット登録。更更新は
ユーザー次第
- 19. ハイブリッドアプリ開発の
他と⽐比べたメリットは?
アプリ開発の可能性を広げるプラットフォーム
u 開発チームを1つにできる
u 開発時だけでなく、メンテナンス時にも効果がある
u Web開発チームがアプリ開発も担当
u ただしSPA(シングルページアプリ)の知識識が必要
u プラグインでネイティブ機能も何とかなる
u Webアプリだと要件変更更で対応できない
u アプリの「⾃自動更更新」に対応できる
u 起動時に強制的にプログラムをアップデート可能
- 24. Monaca製品ラインアップ
Monaca クラウドIDE
ブラウザベースのハイブリッドアプリ開発環境
Monaca Localkit
スタンドアロン型開発をするための、ローカル開発
環境
Monacaデバッガー
実機でのデバッグとテストをサポート
Onsen UI
HTML5ハイブリッドアプリ向けフレームワーク
アプリ開発の可能性を広げるプラットフォーム
- 30. アプリ開発の可能性を広げるプラットフォーム
Monacaご利利⽤用料料⾦金金
機能 Basic Personal Professional Business
料金 無料 月980円 月5,000円 月8,000円
ストレージ容量 250MB 1GB 10GB 制約なし
Cordova
プラグイン組込 × × ○ ○
チーム機能 △
※ソースコード閲覧不可
△
※ソースコード閲覧不可 ○ ○
サポート フォーラム フォーラム 1チケット/月 2チケット/月
- 33. エンタープライズ向けに特
化したmBaaS機能
アプリ開発の可能性を広げるプラットフォーム
u Monacaエンタープライズのオプションとして提供
u 既存のバックエンドシステムとの連携用コネクター
u Active Directory、SAP、Oracle、SalesForce等との連携
u LDAP、Active Directory等の認証基盤との連携
u アプリ開発者はKidoZenのAPIのみを意識識
u データ仮想化でシンプルなモバイルアプリ開発
u アプリから各データソースは共通API化
u データソースレベルでのセキュリティコントロール
u ⼀一般的なmBaaS機能の提供
u セキュアデータストレージ機能
u プッシュ通知
u ユーザー認証
u 選べるシステム環境
u クラウドでもオンプレミスでも
- 34. アプリストア&データ分析
機能
u 開発後の企業内でのアプリ運⽤用もサポートする各種機
能を提供
u 企業内アプリストア機能
アプリ開発の可能性を広げるプラットフォーム
u アプリ配布を⼀一元管理理
u ユーザー毎のマイストアを提供
u 分析・レポーティング機能
u アプリの利利⽤用分析
u クラッシュレポート
- 36. (株)タニタヘルスリンク様
Health Planet
HealthPlanetアプリは体組成や歩数、⾎血圧、⾎血糖値な
どの健康データを管理理することができます。本アプリ
では、Bluetooth内蔵の体組成計と連携して⾃自動的に体
組成データをアプリ内に取り込むことができます。
対応機種:
Android、iPhone
テクノロジー: HTML5、CSS3、JavaScript、
Monaca、Bluetooth
開発期間:2.5ヶ⽉月(Andoridプリインストール版)
開発体制:3名
- 37. (株)アシックス様
ASICS SHOE FINDER
アシックスストア東京の開店の
⽬目⽟玉のツールとして公開
計測データを元に、おすすめシューズを
iPadに表⽰示する接客⽀支援アプリ。現在では
全世界の基幹店で導⼊入
開発技術:HTML5、CSS3、JavaScript
対応機種:iPad
開発期間:2ヶ⽉月
- 38. HTML5ハイブリッドアプリ
開発の技術⽀支援
アプリ開発の可能性を広げるプラットフォーム
u HTML5ハイブリッドアプリ開発
u UI/UX設計、デザイン
u アプリケーション設計、開発
u Cordovaプラグイン開発
u HTML5ハイブリッドアプリ開発ヘルプデスクサービス
u HTML5、Cordova、プラグイン、AngularJS等、HTML5ハ
イブリッドアプリ開発に必要な技術をトータルにサポート
u HTML5ハイブリッドアプリ開発研修サービス
u HTML5、JavaScript⼊入⾨門講座
u HTML5ハイブリッドアプリ開発講座
u HTML5プロフェッショナル認定試験対策講座
- 39. Monaca
開発パートナー制度度
(1) Monaca公式サイトでご紹介
会社概要、アプリ開発実績、得意分野等をご紹介させていただきます
(2) 共同マーケティング
共同プレスリリース、共同セミナー、展⽰示会出展などを通じ、
開発パートナー様のアプリ開発事業の拡⼤大をご⽀支援いたします
(3) パートナーロゴの利利⽤用
パートナーロゴを⾃自社サイトやその他販促物にご利利⽤用頂く事が可能です
(4) アプリ開発の技術サポート
Monacaを⽤用いたアプリ開発の技術⽀支援やプラグイン開発のお⼿手伝いをいたします
(5) セミナー・トレーニングプログラム
開発パートナー様向けにMonacaを使ったトレーニングプログラムを提供、
技術セミナーを開催いたします
アプリ開発の可能性を広げるプラットフォーム
- 40. アプリ開発の可能性を広げるプラットフォーム
まとめ
u 今後業務システムのモバイル化のニーズが⾼高まる
u マルチプラットフォーム要件は必須
u HTML5ハイブリッドアプリ開発が有⼒力力
u 既存のWeb開発エンジニアでアプリ開発が可能
u HTML5ハイブリッドアプリ開発の課題はほぼ解決
されてきた
u 専⽤用の開発環境であるMonacaがオススメ