狠狠撸

? 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Con?dential.
笔丑辞苍别骋补辫とハイブリッド开発
Andy Hall?開発エバンジェリスト、アドビジャパン

だれだこいつ
@fenomas
§?? 日本在住歴もFlash歴も十ん年
§?? 物理学専攻 → ウェブ制作 → Flash開発 → アドビで色々
§?? 現在の肩書がテクニカルエバンジェリスト
§?? 興味はデザインとコードをまたぐところ
§?? カタコトでゴメンね
§?? ゲーム好き、などなど

一旦アドビとHTMLについて

Adobeとしての活躍
contribute to a better web
better web experience
bring innovations to the web better tools for the web

CSS Filters
Webの進化の事例：
filter:
sepia(0.8);

Custom Filters

CSS Shapes
.css-shape {
shape-outside:
circle(44% at 50% 50%);
}

CSS Regions

詳細情報：
html.adobe.com/jp

というわけで
ハイブリッドアプリ
の開発について。

Hybridアプリは箱です。

Hybridアプリは箱です。
HTML, JS,
CSS など
ネイティブの
シェルアプリ
(WebViewを実装)

ハイブリッドの
メリットは大きい。

Firefox OS
メリット１：クロスプラットフォーム

Dreamweaver Muse
メリット2：デザインツールなど

ツールの入手はCreative Cloudから
creative.adobe.com/

ハイブリッドの
難点の２つ：

Hybridアプリ難点
１．純HTML5からデバイス機能に
? アクセス出来なかったりする
CameraRoll
(または、出来るけどAPIが
デバイス毎に変わる)

Hybridアプリ難点
２．プラットフォーム毎に
箱の作り方が変わる

PhoneGapとは、
難点を解決してくれる
ハイブリッド開発
フレームワークのこと。

PhoneGapの由来
iPhoneDevCamp で始まった（2009）
ニトビ社にて作られ
アドビ社にて買収され（2011）

PhoneGapの特徴
無料
オープンソース
（Apache Cordovaとして）

PhoneGapの特徴
PhoneGapアプリって
どんなもの？

BBC Olympics

Zombie Jombie

Untappd

では開発話。

Webコンテンツから
始めます。

> sudo npm install
–g cordova

> cordova create
appFolder
com.hoge.app
HogeApp

> cd appFolder

箱はこれ！
適当に
上書きしよう。

> cordova platform add android
> cordova run android

> cordova platform add firefoxos
> cordova prepare firefoxos

FFOSアプリ

ポイント！
> phonegap build android
[phonegap] detecting Android SDK environmen
[phonegap] using the local environment
[phonegap] compiling Android...
[phonegap] successfully compiled Android ap
>

> phonegap remote
build android など
つまり??

アプリ設計の話

デバイス機能を
いじるには
プラグイン使います。

実機
アプリ (HTML)
プラグイン設計
実機実機
プラグイン

実機
アプリ (HTML)
プラグイン設計
実機実機
navigator.vibrate()
プラグイン
ネイティブAPI
ネイティブAPI
ネイティブAPI

> cordova plugin add
org.apache.cordova.vibration

remoteでプラグインを使う場合：
??など

まとめ！

ご清聴ありがとうございました！
phonegap.com
build.phonegap.com
html.adobe.com/jp
aphall.com/
@fenomas

狠狠撸

笔丑辞苍别骋补辫とハイブリッド开発

More Related Content

笔丑辞苍别骋补辫とハイブリッド开発