More Related Content Similar to これからのNOTESモバイルアプリはこう作れ Similar to これからのNOTESモバイルアプリはこう作れ (20) More from Mitsuru Katoh (14) 5. モバイルアプリ開発の3つのタイプ
• モバイルWebアプリケーション
• HTML + JavaScript + CSS
• モバイルアプリ用にユーザーインターフェースを整形するフレー
ムワーク利用
• ハイブリッド(Hybrid)
• HTML + JavaScript + CSS でコーディング
• ファクトリーツールを使って、ネイティブアプリを生成
• ネイティブ(Native)
• ハイブリッドとネイティブの違いは開発方法（言語）とそれぞれ
のデバイスへの最適化具合
• 例）ちょっと前まで「Facebook」アプリはハイブリッド型で作成され
ていました。
7. モバイルWeb ハイブリッド ネイティブ
開発技術の習得 容易 容易 難しい
• モバイルWeb
• Domino を Webサーバーとした Web アプリケーション
• UIコンポーネントはCSSやJavaScriptを使用
• XPages - Domino Designer 8.5.x/9.0
• 既知の技術で開発できるという大きなメリット
• ハイブリッド/ネイティブ
• ハイブリッドの雄としてPhoneGapやTitanium。
• HTML5+CSS+JavaScript → ネイティブアプリ
• Objective CやJava言語によるネイティブアプリ作成
• REST API を使ってドミノにアクセス、情報のやり取り。難しい。
• 専用の言語や開発環境の習得が必須
8. モバイルWeb ハイブリッド ネイティブ
パフォーマンス 悪い 普通 良い
• モバイルWeb
• 常にサーバーとトラフィックのラウンドトリップが発生
• デザイン(HTML、スクリプト、スタイル)とデータの両方を常にやり
取り
• ハイブリッド/ネイティブ
• アプリケーションのデザインはネイティブ、既にインストールされ
ているので残りのデータのやり取り発生。
9. モバイルWeb ハイブリッド ネイティブ
アプリ配布 容易 難しい 難しい
• モバイルWeb
• 作成してすぐ公開できる
• Dominoサーバーへのアクセス、Domino Designer で開発
• ハイブリッド/ネイティブ
• ストア(Apple/iOSの場合、Enterprise ストアなど)へのアプリ配布
• Androidの場合は独自で配布の仕組みを
• お客様のスキルによっては、ストアもSIerがお客様にかわって面倒
見ないといけない
10. 開発 モバイルWeb ハイブリッド ネイティブ
短期間 長期間 長期間
ライフサイクル
• モバイルWeb
• 作成してすぐテスト、公開できる
• Dominoサーバーへのアクセス、Domino Designer で開発
• ハイブリッド/ネイティブ
• テストにせよ煩わしい。
• 問題が発生してもすぐには解決できない
11. モバイルWeb ハイブリッド ネイティブ
開発時間(コスト) 短く安価 長期で高額 長期で高額
• モバイルWeb
• モバイル用のフレームワークをマスターすれば(XPagesはもちろん)、
わずか数日
• iOS、Androidでも同じアプリが使える
• ハイブリッド/ネイティブ
• 前出の新たな開発技術の習得にかかる時間/コスト
• それぞれのデバイス用に作成する必要あり
• Notes/Domino以外以外でもモバイル分野に本格参入したいのであれ
ば
12. デバイス機能への モバイルWeb ハイブリッド ネイティブ
難しい 普通 普通
アクセス
• モバイルWeb
• (ほとんど)できない
• 写真などのアップロードもダメ
• ハイブリッド/ネイティブ
• ネイティブアプリであればデバイスの機能にアクセスできるが、
Dominoアプリのモバイル化でその必要性がある？
13. モバイルWeb ハイブリッド ネイティブ
オフライン機能 なし 可能、でも難しい 可能、でも難しい
• モバイルWeb
• 最近ではHTML5対応で対応可能と言われている
• でも実際はキャッシュ程度と考えたほうがよい
• 基本的に苦労すれど身にならない
• ハイブリッド/ネイティブ
• アプリに別のデータベースあるいはストレージを持つ
• デバイス上のデータベースの設計や管理がまた必要
• スペシャリスト以外には敷居が高い
14. タイプ別モバイルアプリ比較サマリー
モバイルWeb ハイブリッド ネイティブ
開発技術の習得難 容易 容易 難しい
易度
パフォーマンス 悪い 普通 良い
アプリ配布が容易 容易 難しい 難しい
か?
開発ライフサイク 短期間 長期間 長期間
ル
開発時間(コスト) 短く安価 長期で高額 長期で高額
デバイス機能への 難しい 普通 普通
アクセス
オフライン機能 なし 可能、でも難しい 可能、でも難しい
15. 開発プロジェクトでのその他考慮事項
• 一次的要因
• デバイスの特別な機能(カメラ、フラッシュ、アクセロメーター
etc...)を使う必要があるか？
• 二次的要因
• 予算
• すべてのモバイルデバイスをターゲットにする必要があるか？
• 電波状況によってデバイスが使えない場合の機会損失は?
• スピードやパフォーマンスはどれぐらい重要な要素か？
• 自分が扱えるプログラミング言語は？
17. Responsive Web Design
• PC、スマートフォン、タブレットそれぞれの画面サイズ
に合うレイアウトを自動生成
• Write once, run anywhere
• 2013年はResponsive Web Design 元年
• 有名なフレームワークはすでに対応 jQuery Mobile、Twitter
Bootstrapなど
• 対応している身近なサイトの例
• http://view.jquerymobile.com/demos/
• http://mashable.com/
• http://ja.collaborationtoday.info/
19. ところでIBMモバイル戦略と言えば...
• IBM Worklight
• Domino + Worklight はプラン中
• 2012年5月 Ed Brill のプレゼンでは...
• http://www.slideshare.net/edbrill/ibm-mobile-strategy-for-social-business-may-2012
• “IBM Lotus Domino and IBM Worklight used together will allow you to
reuse parts of your Domino XPages mobile application investment with
the on-device experience”
• 現時点では Domino Designer/XPages との統合の具体的な話は聞
こえてこない。
22. タイプ別モバイルアプリ比較
モバイルWeb ハイブリッド/ Teamstudio
ネイティブ Unplugged
開発技術の習得難 ○ ×
易度
パフォーマンス × ○
アプリ配布が容易 ○ ×
か?
開発ライフサイク ○ ×
ル
開発時間(コスト) ○ ×
デバイス機能への × ○
アクセス
オフライン機能 × ○
36. 参考URL
• Teamstudio Unplugged 公式サイト
• http://unplugged.teamstudio.com
• YouTube TSUnpluggedJapan チャンネル
• http://www.youtube.com/user/TSUnpluggedJapan
• Unplugged かんたんスタートガイド
• https://teamstudio.box.com/unpluggedstartguidejp
• notes/domino liaison
• http://notesdominoliaison.blogspot.jp
• OpenNTF Unplugged XPages Mobile Controls
• http://www.openntf.org/internal/home.nsf/project.xsp?action=openDocument&name
=Unplugged%20XPages%20Mobile%20Controls
