デバイスWebAPIコンソーシアム 第三回技術WG会合 アシアル株式会社　海原 才人 氏

1. Bringing More People To Apps
DeviceConnect向け
Cordovaプラグインを作ってみた
〜Monacaでハイブリッドアプリ化〜
アシアル株式会社
海原才人

2. Bringing More People To Apps
アシアル株式会社
会社概要
• 創業：2002年
• 資本金：1000万円
• 事業所：東京（本社）、サンフランシスコ
• 従業員数：約35名（8国籍）
事業内容
• 開発プラットフォーム事業：開発ツール、UIフレームワーク
• 開発支援事業：アプリ開発、サーバーサイド（PHP）開発
• 教育事業：トレーニング、執筆

3. Bringing More People To Apps
Web標準技術で
クロスプラットフォーム対応

4. Bringing More People To Apps
Webとネイティブの融合
ネイティブコード
HTML
コンテンツ
アプリケーション本体は
HTML5技術で実装
ハードウェア機能を利用可能
ネイティブアプリ形式で配布
HTML5ハイブリッドアプリ

5. Bringing More People To Apps
なぜCordova？
 スタンダードWeb
 クロスプラットフォーム
 豊富なプラグイン

6. Bringing More People To Apps
Cordovaプラグイン
ネイティブコード
HTML
コンテンツ
アプリケーション本体は
HTML5技術で実装
ハードウェア機能を利用可能
ネイティブアプリ形式で配布
Pluginでネイティブ機能を拡張
1000以上のプラグインが公開

7. Bringing More People To Apps
Cordovaアプリ開発のための
開発プラットフォーム

8. Bringing More People To Apps
セットアップ不要の
クロスプラットフォーム開発環境
• クラウドを活用したクロスプラットフォーム開発
• Cordovaを内包した開発環境
• iOS開発にMac不要、開発環境のセットアップ不要
• 各種クラウドツールとの連携

9. Onsen UI: 超高速モバイルUIフレームワーク
• AngularJSベースのモバイルアプリ
• Custom Elementsで簡単設計
• OSに応じてUIを切り替え＋
CSSで簡単カスタマイズ
• UIガイドラインに準拠
▷ http://ja.onsen.io/

10. Bringing More People To Apps
DeviceConnectをCordovaで

11. Bringing More People To Apps
デモ環境
サーバー
として機能
Cordova
アプリ
DeviceConnect
Manager
フィリップス
hue
DeviceCon
nenct
プラグイン
アプリ部分は
HTML5とJSだ
けで実装
hue
プラグイン
▷ http://www2.meethue.com/

12. Bringing More People To Apps
Give us your feedback!
まだ開発段階ですが、是非みなさまの
フィードバックを頂き、使って頂きたい
と考えています。
みなさまのご意見、感想をお待ちしてい
ます。

13. SAITO KAIHARA
saity@monaca.io