@thorikiriのてょりっき

@thorikiriがWebとかAndroidとかの技術ネタや本を読んだブログです

【ヒカ☆ラボ】HTML・JavaScriptでiPhone/Androidネイティブアプリが開発できる! "PhoneGap"で学ぶクロスプラットフォーム対応ハイブリッドアプリ概論 #hikalab に行って来ました

タイトル長いですね。

もっとPhoneGapの話を聞きたかったのですが、その前段の話がメインのようでしたね。とりあえず、メモを投下しておきます。

内容

資料 → Phone gapで学ぶクロスプラットフォーム対応ハイブリッドアプリ概論
HTML5/CSS3/JavaScriptをベースとしたPhoneGapのお話です

  • HTML5
    • HTMLの最新バージョン
    • 2014正式の予定
    • W3Cは仕様の取りまとめ
    • 各ブラウザベンダが仕様を提案
    • 増えるタグもあるし、廃止になるタグもあります
    • JavaScriptAPI
    • 何が変わるか
      • ビデオとかオーディオタグなどによりリッチな表現力を持つ
  • 現状は?
    • ベンダー、ブラウザによってばらつきがある
    • モバイル分野で進んでいる
    • PCだと、IEのシェアが多く、IE10より前のバージョンではHTML5への対応が出来ていない
      • Chromeなどですごい表現力があるサイトもIEではダメ
      • IE10のシェアが増えれば巻き返すことも
    • 一方、iOS, AndroidWebKitレンダリングエンジンなので、元から対応が進んでいる
  • HTML5かネイティブか
    • Facebookザッカーバーグネタ
      • HTML5に賭けすぎて失敗した
    • 一方でNewsWeek?は問題ないよと言っている
    • HTML5で作るということは、Webサイトを進化させると言うこと
    • ネイティブは単体のアプリケーションを作ると言うこと
    • HTML5では超えられない壁もある
      • デバイスの機能の真髄まで入り込むようなところ
      • 写真を取る
      • Bluetoothで通信する
      • Push通知。サーバからプッシュしておくこと
      • AndoridのWidget
      • パフォーマンス的な問題がある
      • OpenGLでの3DレンダリングWebGLはまだまだ)
      • NFCの機能など
  • HTML5のメリット
  • ハイブリッドアプリ
  • 事例
  • 競合製品
    • TRIGGER.IO
  • PhoneGapとは
    • カナダの会社が作っていたもの
    • Adobeが買収
    • Apache Cordva:オープンソースバージョン
    • PhoneGapとCordvaは同じものと考えて良い(らしい)
  • なぜネイティブ機能が使えるのか?
    • ネイティブ部分のコードが含まれている
    • JavaScriptからネイティブのコードを呼び出している
    • 開発者はJavaScriptAPIを呼び出して実装する
      • 困った場合には、ネイティブの言語で開発することも出来る
  • 開発環境
    • HTML5ではあるが、ネイティブ言語の開発環境(SDK)が必要になる
  • メリット
    • オフライン対応
      • 通常のWebサイトだとオフライン時に見えない
      • ハイブリッドで作れば、HTMLが内部にあるので問題ない(データ以外は)
  • 他の製品は?
    • Titanium
    • Unity
      • GREEが買収している
      • JavaScript等で3Dのゲームを作るもの
      • 3Dゲームであれば、他の製品よりも強い
  • 何使えばいいの?
    • それぞれに得意、不得意や特化している分野がある
    • 技術や製品で選ぶのではなくて、作りたいもので製品を決めていく
  • JavaScriptライブラリ
    • jQuery/jQueryMobile
    • Sencha Touch
    • RATCHET
    • HTMLでネイティブっぽい画面を簡単に作るためのライブラリ
  • 実際にどう作るの?
    • EclipseXcodeで作るの
    • DreamWeaverなどのPhoneGapのビルドサービスを呼び出すことも可能
    • Monacaを使う
  • 構築事例
    • auのプリインアプリのauヘッドライン(PhoneGapではない)
    • 名刺管理(Eight)
    • テレ朝動画アプリ
    • シューズファインダー
  • EightのDEMO
    • 写真をサーバに送ってOCLでデータを作成する
      • 最終的には、人がチェックする
    • 8〜9割がHTML5/CSS/JavaScript
    • その他はネイティブ言語で実装している
  • 必要となる知識
  • Monaca
    • ローカルにインストールしなければならなかった開発環境が要らなくなる
    • ブラウザだけあればOKな開発環境
    • 現在はベータ版で無料で使える
  • 開発デモ
  • QA
    • 有料化へ考えていることは?
      • 夏ごろまでには何かしら発表しようと考えています
      • 今出ている機能については無料のままにしたい
      • チーム開発等の今より高度な仕組みについては有料化するような方針
      • 完全にフリーミアムです

HTML5/JavaScriptとPhoneGapで作るiPhoneアプリ開発入門

HTML5/JavaScriptとPhoneGapで作るiPhoneアプリ開発入門