セミナーメモ:「簡単モバイルアプリ開発」〜 クラウドベース開発環境 Monaca を使う 〜

2013/7/25 スクエアfreeセミナー第33回  

ベンチャー企業Asial社が開発したオープンソースの国産フレームワークMonacaを使えばHTML5JavaScriptだけでAndroidiOSのネイティブアプリを開発出来る。

講師 : 手仕事工房(代表 岡崎 博樹)

・Webアプリとネイティブアプリに対して、ハイブリッドアプリがある。

その仕組みは、WebView/UIWebViewをもち、アプリ上でブラウザを動かすクラスを使う。HTML5アプリをネイティブアプリにする。

例)
クックパッド
名詞管理:Eight
Facebook:現在はネイティブ、Web版も提供

○ハイブリッドアプリ開発ツール
・PhoneGap
Nitobi→AdobeApacheへ寄贈
Apache Cordvaプロジェクト
PhoneGapは、Adobeディストリビューション
MonacaはPhoneGapをベースにしたもの。

・PhoneGapの機能
 加速度センサー
 カメラ
 音声画像など
 デバイスイベント
 ファイルシステム
 位置情報:HTML5
 WebStrage:HTML5

HTML5+JS+CSSで開発→Phonegap→ビルドする。
アドビはPhoneGapBuildを有償サービス
PhoneGapBuildを使わないなら、開発環境を整えるのが大変

Monaca
アシアルが作った開発環境である。
PhoneGap+独自Framework+独自IDE
ブラウザ上で開発できる。
 
Monacaプラットフォーム
Monacaデバッガー
 
Monacaで作ったアプリの例:テレ朝公式動画

Monacaバックエンドサービスが始まった
 ユーザー認証
 DB管理:コレクションNoSQL、クライテリアMonaQL
 メーラー:メール送信機能

・BaaS:Backend as a Serviceが登場した。
mobile target
 SaaS:Sales force
 Paas Google App Engine PaaS:Parse, Kinvey
 IaaS(Amazon EC2/S3)

Monaca@edu
東京工科大学 メディア学部 上林研究室
 サービス工学、ネットワーク生態学、学際的
メディア専門演習、スマートサービスデザイン
 7/10インチタブレットを配布
 3年生30名
 15回30コマ
 30名同時にビルドするとサーバーがやばい。

Monacaは使いやすい
 とりあえず、JavaScriptだけでできる
 デバッグ環境
 ビルドも簡単

・適材適所
 業務系に向いているかも
 画面のスピードがネイティブに負ける。
 敷居が低いだろう、

・PCとモバイルのU/Iは本質的に異なる。
 PCはデスクワークのアナロジー・集中
 モバイルは持ち歩き、見ながら、インタラプトが入る。