worklightセミナー補足説明資料
TRANSCRIPT
フロントエンド開発の課題 ・マルチO S /マルチスクリーン対応
We b V i e w / U I We b V i e wクラスの存在マルチO S対応のキーとなる技術要素 ( 1 / 3 )
WebView WebView WebView
アプリ内のブラウザWebブラウザ
HTTPHTTP
ここに着目
アプリ内フォルダにWe bリソースを保存マルチO S対応のキーとなる技術要素 ( 2 / 3 )
HTML/JavaScript/CSS
HTML/JavaScript/CSS HTML/JavaScript/CSS HTML/JavaScript/CSS
②事前に保存して ビルド
①オフライン時 利用不可?
ここに着目
O S a n d N a t i v e - J a v a S c r i p t B r i d g eマルチO S対応のキーとなる技術要素 ( 3 / 3 )
①WebとJavaScriptに限定?既存コード・画面の再利用性は?
ここに着目
R e s p o n s i v e We b D e s i g n ( R W D )複数スクリーンサイズ対応
480px 768px 1024px ~
Must UI
MVC RWDNative SDK
今後、フロントエンド開発者に求められるスキル
IBM Worklight Client API
IBM Worklight Server API
MBaaSRESTful Services
(JAX-RS)
例 : I B M Wo r k l i g h t S t u d i oでの開発風景
Android Studio
Xcode
Visual Studio
© 2014 IBM Corporation!8
Spectrum of mobile app development approaches
Web-native continuum
• HTML5, JS, and CSS3 (full site or m.site)
• Quicker and cheaper way to mobile
• Sub-optimal experience
• HTML5, JS, and CSS
• Usually leverages Cordova
• Downloadable, app store presence, push capabilities
• Can use native APIs
• As previous • + more responsive,
available offline
• Web + native code • Optimized user
experience with native screens, controls, and navigation
• App fully adjusted to OS
• Some screens are multi-platform when makes sense
• App fully adjusted to OS
• Best attainable user experience
• Unique development effort per OS, costly to maintain
HybridPure web Pure native
Mobile web site (browser
access)
Native shell enclosing external m.site
Pre-packaged
HTML5 resources
HTML5 + native UI
Mostly native, some HTML5
screensPure native
© 2013 IBM Corporation
Mobile
!9
モバイルアプリ開発は、フロントエンドだけは成長できない
UI開発
ユーザー・ ロイヤルティー向上
セキュリティ運用
30% が
顕在化している (mobile UI)
70% が
表面下に存在する
アプリケーションのレスポンス
効果的、柔軟なプッシュ通知
位置情報の追跡
オフライン での利用
B2Eの場合の アプリ配布
ユーザー認証 データ保護マルウェアによる改ざん検知
セキュリティ・パッチの適用
アプリケーションの バージョン管理、強制適用
ユーザー操作で 生じる問題の解析
継続的なアプリケーションのメンテナンスの実施
マーケットへのリリース間隔
Web? Hybrid? Native? チーム開発
アプリ開発手法 システム開発 ライフサイクル
バックエンド 開発
既存システムのサービス化、 サービス連携
認証・認可 / ユーザープロファイル管理 監査ログ、分析機能
ストレージ/ファイル