2013/7/25 スクエアfreeセミナー第33回
ベンチャー企業Asial社が開発したオープンソースの国産フレームワークMonacaを使えばHTML5とJavaScriptだけでAndroidやiOSのネイティブアプリを開発出来る。
講師 : 手仕事工房(代表 岡崎 博樹)
・Webアプリとネイティブアプリに対して、ハイブリッドアプリがある。
その仕組みは、WebView/UIWebViewをもち、アプリ上でブラウザを動かすクラスを使う。HTML5アプリをネイティブアプリにする。
例)
クックパッド
名詞管理:Eight
Facebook:現在はネイティブ、Web版も提供
○ハイブリッドアプリ開発ツール
・PhoneGap
Nitobi→Adobe→Apacheへ寄贈
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はデスクワークのアナロジー・集中
モバイルは持ち歩き、見ながら、インタラプトが入る。