2014年10月30日、html5jプラットフォーム部勉強会にて発表した資料となります。Cordovaの紹介と、Cordovaで拡張するデバイスAPIについて紹介をいたしました。

1. CORDOVAで拡張するデバイスAPI
CORDOVAユーザー会/ アシアル株式会社田中正裕

2. 自己紹介
» 田中正裕
» アシアル株式会社所属
» Twitter: @massie
» 職務: CEO (Chief ExectiveEngineering Officer)
» HTML5Expert.jpエキスパート
» Cordovaユーザー会、発起人

3. 宣伝：CORDOVAユーザー会を立ち上げました
本ユーザー会では、HTML5ハイブリッドアプリに関する
話題全般を扱い、定期的にCordovaに関する勉強会を開
催していきます。第1回ミートアップは11月5日に開催予
定。
メーリングリスト等も整備していきたいので、運営に興
味のある方は是非お声がけくださいm(_ _)m
https://atnd.org/events/57562

4. 本日のアジェンダ
 Apache Cordovaとは？
 CordovaとデバイスAPIの紹介
 Cordovaの仕組み
 Cordovaプラグイン
 プラグインレジストリ

5. APACHE CORDOVAとは？
?

6. HTML5ハイブリッドアプリ開発フレームワーク

7. CORDOVAの特徴
Apache Foundationによるオープンソースプロジェクト。
プラグインベースのデバイスAPI＋アプリのパッケージ化をサポート。
iOS、Android、Windows 8、Firefox OS、Blackberryなど幅広いプラット
フォームに対応。
Adobe PhoneGap、Monaca、Chrome Apps Mobile、IBM Worklightなどの名
前で製品化。

8. HTML5の弱点は「ハードウェアAPIへのアクセス」
デバイスAPI使えない
ブラウザーエンジンの上で実行
デバイスAPI使える
ネイティブアプリとして実行

9. CORDOVAの仕組み
全プラットフォーム共通のAPIインターフェースを提供しており
プラットフォームに依存しない開発が可能
JavaScript
JavaScript
JavaScript
NativeロジックNativeロジック
ロジック
ロジック
ロジックCordova JS
インタフェース
Cordova JS
インタフェース
Cordova JS
インタフェース
Cordova JS
インタフェース
Cordova JS
インタフェース

10. CORDOVAプラグイン
デバイスAPIに限らず、ネイティブコードで記述できれば
何でもJavaScriptインターフェースとして実装可能
 Battery Status
Monitor the status of the device's battery.
 Camera
Capture a photo using the device's camera.
 Console
Add additional capability to console.log().
 Contacts
Work with the devices contact database.
 Device
Gather device specific information.
 Device Motion (Accelerometer)
Tap into the device's motion sensor.
 Device Orientation (Compass)
Obtain the direction that the device is pointing.
 Dialogs
Visual device notifications.
 FileSystem
Hook into native file system through JavaScript.
 File Transfer
Hook into native file system through JavaScript.
 Geolocation
Make your application location aware.
 Globalization
Enable representation of objects specific to a locale.
 InAppBrowser
Launch URLs in another in-app browser instance.
 Media
Record and play back audio files.
 Media Capture
Capture media files using device's media capture applications.
 Network Information (Connection)
Quickly check the network state, and cellular network information.
 Splashscreen
Show and hide the applications splash screen.
 Vibration
An API to vibrate the device.
 StatusBar
An API for showing, hiding and configuring status bar background.

11. CORDOVA PLUGIN REGISTRY
 3rdパーティ製プラグインが揃っている
$ cordova plugin add プラグイン名
で簡単に組み込める。
 デバイスAPIだけでなく、プッシュ通知、Touch ID、
GameCenter、iBeacon等のプラットフォームAPIも
 公開プラグインが見つからなければ自作の道もある
http://plugins.cordova.io

12. CORDOVA開発を試してみたい方は
ブラウザーでCordovaアプリを作れる「Monaca」を使ってみてください。
Cordovaプラグインにも対応しています。
（ただしレジストリからの登録は有償版が必要）
▶ http://monaca.mobi/

13. ありがとうございました。
Cordova勉強会もよろしくお願いします。
https://atnd.org/events/57562