狠狠撸

狠狠撸Share a Scribd company logo
Monacaで簡単
アプリ開発
Web Touch Meeting in Hiroshima

#62
さぁ、吉良邸に
討ち入りだー
2013.12.14

SUGARSPOT
自己紹介

佐藤?慎也

個人事業でAndroidアプリ開発を主とした活動してます
自己紹介

日本Androidの会
中国支部

GDG中国
アプリ紹介
Wepho

おるすばんLW

BNBW

おるすばんSC

マーケ
ット

Picton BW

RapidMail

で「S

UGAR

Clippic

Mapino

SPOT

」と検
索

!

きいてみる

TimeAjustment
Monaca
://
ttp
h

bi/
mo
a.
ac
on
m
Monacaとは?
PhoneGap を拡張した
??スマホアプリ開発サービス
?

ブラウザベースのIDE

?

デバッグ用アプリの提供
Monacaとは?

?

PhoneGap を拡張した
??スマホアプリ開発サービス
?

ブラウザベースのIDE

?

デバッグ用アプリの提供
?Adobe社により公開
?スマートフォン開発ツール
?オープンソース(Cordova)
?HTML+JavascriptなどWeb
技術を用いてアプリを作ることが
可能
?Adobe社の各製品とも統合され
ている
- PhoneGapってナニ? -
http://p

honega

p.com/
http://p

honega

p.com/
?

iOS

?

Android

?

Windows Phone
Monaca
http://m

機能と特徴

onaca.m

obi/ja/f
eatures

? クロスプラットフォーム開発
? 必要なものは全てクラウド上
? 本格的なアプリ開発も可
? アプリ開発を支えるサポート
Monaca

Demo
?アカウント作成
?Hello World
?おみくじ
?デバッガー
?ゲーム
Monaca

Demo
?アカウント作成
test082@test.com
11111111
Monaca

Demo
?Hello World
IDEを起動してプレビューしてみる
Monaca

Demo
?おみくじ
おみくじアプリを作ってみる
http://docs.monaca.mobi/ja/sampleapp/samples/omikuji

1. imagesフォルダを作成
2. 画像をUpload
3. 颈苍诲别虫.丑迟尘濒を修正
Monaca

Demo
?デバッガー
アプリを起動する
動かしてみる

メモ:asm.jarを起動してモニターを表示
Monaca

Demo
?ゲーム(アクション)

examples/expert/action

enchant.jsをダウンロード&サンプル動作
http://enchantjs.com/ja/
1. サンプルファイルをアップロードする
2. build, build/pluginsのフォルダを作成
3. javascriptをUpload
4. 颈苍诲别虫.丑迟尘濒を修正
5. javascriptのパスを変更

メモ:asm.jarを起動してモニターを表示
Monaca

Demo

時間があれば。

?ゲーム(シューティング)
examples/expert/shooting

アクションと同じなので略
Monaca
http://m

料金プラン

onaca.m

? Basic (無料)
? Personal (980円/月)
? Professional (5,000円 /月)
? Business (8,000円 /月)
? Enterprise (個別見積)

obi/ja/p

lan/
Monaca

メリット
? 開発環境構築コストが低い

ブラウザがあればOK
? WEBシステムの技術が使える

開発人員の確保がしやすい
? プラグインでネイティブ処理もできる

出来ないことはきっとない
Monaca

課題
? 速度

ネイティブとの比較
? 難しいことはプラグイン作成が必要
提供されてるプラグインもある
? UIがカッコ悪くなる場合がある
Webっぽいやつとか
? Webのノウハウだけではダメ
スマホのクセは知ってないとね
Monaca

こんな時に採用を検討
? Android,iOSなど複数OS対応
? Webアプリを制作中に、オフラインで

の動作を要求された場合に移行する
? 過去に作成したHTMLサイトをアプリ

にしたいとき
Monaca

ここを気をつけよう
しっかり切り分ける
ネイティブ?ハイブリット?
ネイティブの使いどころを検討
?切り分けができてないと???

遅い、不安定、開発効率低下
まとめ

Monacaとは?
HTML,CSS,JavaScript

Monaca API
(Native :: OS,Android,Win)
Monaca
おしまい
マーケット
で

「SUGAR
SPO

T」と検索!

More Related Content

20131214 wtm62