More Related Content
Similar to Webエンジニアによるスマートフォンアプリ開発 (20)
More from takeuchi-tk (7)
Webエンジニアによるスマートフォンアプリ開発
- 2. 背景
WEBサイト
モバイル最適化
サービス利用
(mobifyなど)
スマフォ専用
サイトの開発
専用アプリ
の開発
2
- 4. スマートフォンアプリの種
類
▌ネイティブアプリ
ダウンロードしてきて端末で直接起動するアプリケーション。
▌Webアプリ
インターネットを介して利用できるアプリケーション。
▌ハイブリッドアプリ
両方の特性を持つ中間的なアプリケーション。
4
- 8. 3つの比較
ネイティブアプリ WEBアプリ ハイブリットアプ
リ
開発言語 Objective-C or java HTML+CSS HTML+CSS
(デザイン)
開発言語 Objective-C or java Javascript Javascript
(内部処理) (java, rubyなど)
マーケットの利用 ○ × ○
開発環境 プラットフォーム なんでもOK なんでもOK
に合う環境が必要
動作速度 早い 遅い 普通
8
- 13. Sencha Touch 2.0
▌特徴
Senchaが提供。
スマートフォン用のWEBアプリケーションのフレームワーク。
WEBアプリケーションをコマンド1つでネイティブアプリに変換
できる。
13
- 14. フレームワーク比較
Titanium PhoneGap Sencha Touch2
開発言語 JavaScript Javascript, Javascript,
HTML,CSS HTML,CSS
プラットフォー iOS,Android iOS,Android, iOS,Android
ム WindowsPhoneなど
デバイス機能 多い 普通 少ない
処理速度 早い 遅い 普通
14
- 18. phoneGapの構成(1)
Java
HTML CSS script
PhoneGapのjavascriptライブラリ
内蔵ブラウザ
18
- 19. phoneGapの構成(2)
ファイルの配置とJavaファイルに
記述を追加するだけで
phoneGapが使える。
通常のWebサイトと同じように
ファイルを配置するだけで
スマートフォンアプリの完成。
19
- 20. phoneGap構成(3)
main.m HTML
を実行
PhoneGap CSS
AppDelegate
ネイティブライブラリ
を実行 ロードされる
javascript
内部ブラウザを作成して Phonegap
index.htmlを表示
Javascript
ライブラリ
20