SlideShare a Scribd company logo
Adobe AIR開発事例ライトニングトーク & Meet Up
2011.9.9 at 六本木ラフォーレミュージアム




                                           株式会社hi-posi
                             Flash / AIR デベロッパー岡田昇三
自己紹介




        岡田 昇三
        Twitter: shozoxxx
http://www.facebook.com/hiposi


       ワイノット株式会社
             ↓
         楽天株式会社
             ↓
         フリーランス
             ↓
       株式会社hi-posi 代表
自己紹介


FlashLiteを使ったモバイルサイトばかり作っています


  「nike6.0mobile」「ナイキ モバロンドール」
        「H&M mobile」「ケートラ」
        「サンシャイン牧場モバイル」

              etc..
2009年にFlashLiteに関する本を出しました。

「 Flash Liteで作る携帯コンテンツ実践教科書」2009年
  東條 雅樹・岡田昇三・よしだゆたか (毎日コミュニケーションズ)
Adobe DeveNetでも連載してました。

「 Flash Lite入門講座   日本のFlashLiteの仕様」
ケータイのFlash大変でしたね。。
  てか、まだ大変っすよね。
時代はケータイからスマートフォンへ。
今までは、3キャリア共通の仕様の中で
  作らなければならなかった。
今度はiOSとAndroid共通で動くものを
  作らなきゃならなくなった。
■ブラウザ

■アプリ
■ブラウザの場合

iOS        Android


  HTML5(Webkit)

          FlashPlayer
           FlashLite4
■ブラウザの場合

 HTML5ベースだけだと
テキストベースだといいけど
 ゲームとか作るの大変!
■ブラウザの場合

Flashでコンテンツを作って
   HTML5に変換する。
・SWFをHTML5に変換するツール

 →Adobe Wallaby(Fla to HTML5)
  http://labs.adobe.com/technologies/wallaby/

 →Adobe Edge(変換ではない)
  http://labs.adobe.com/technologies/edge/

 →Google Swiffy(SWF(AS2) to HTML5)
  http://www.google.com/doubleclick/studio/swiffy/

 → Sothink SWF Decompiler(SWF(AS1) to HTML5)
  http://www.sothink.com/product/flashdecompiler/

 →DeNA ExGame(SWF(FlashLite1.1) to HTML5)
  http://developer.dena.jp/mbga/support/exgame.html
■ブラウザの場合

iOS        Android


  HTML5(Webkit)

          FlashPlayer
           FlashLite4
■ブラウザの場合

  iOS        Android


    HTML5(Webkit)

コンバート済      FlashPlayer
 みSWF        FlashLite4
HTML5 VS Flashとかじゃないから!
   だまされないように注意!
■アプリの場合

Objective-CとJavaで別々に開発する?
コストや別言語なので共通化しんどそう。
「AIR」
「AIR」って?




「AIR」とは、
「Adobe Integrated Runtime」の略。
アドビが開発した
デスクトップアプリケーションの実行環境。
HTML・JavaScript・Flash等を
組み合わせたアプリケーションを
OSのデスクトップで動かせる。
AIRのイメージ



           AIRランタイムのおか
           げでOSに依存せずアプ
           リを再生できる
AIR2.5からさまざまなデバイスに対応!
         その中にAndroidや、iOSも。




PC          Mobile                  TV
・Windows    ・Android                ・Smart TV
・Mac        ・iOS
・Linux      ・BlackBerry Tablet OS
AIR for Android
        AIR for iOS

Flashから直接アプリを書き出せるので、
     ゲーム等のインタラクティブな
       コンテンツが得意。
AIRってどんな事ができるの?

現在のバージョンAIR2.7の場合
マルチタッチ     TouchEvent GestureEvent

        加速度センサー       Accelerometer

       画面を回転させる       StageOrientation

         現在地を取得する       Geolocation

      ハードウェアキーを使用する           KeyEvent

  カメラを使う      Camera CameraUI CameraRoll

         マイクで録音する MicroPhone

         電話機能やメーラーを立ち上げる

  アプリの状態をコントロールする NativeApplication

 描画を早くする CacheAsBitmap CashAsBitmapMatrix

       ブラウザを呼びだす StageWebView

         ファイルの読み込み、書き込み

         通信状態を調べる NetworkInfo

URI スキーム(ブラウザからアプリを起動            引数を渡せる)
色々できていいけど、
作るの大変じゃないの?
ご安心ください!
これを見ればわかります!

「Flashで作るAndroidアプリ開発ガイドブック」
    岡田昇三・岡本真明 (毎日コミュニケーションズ)
先ほど紹介した機能は
本に載っております。
Flash/AIRの基本的な機能
モバイル特有の機能
サンプルアプリ
  ・ギャラリー
  ・お絵かき
  ・カメラ
AndroidMarketへのアップロード
  ・有料/無料の配信手順
  ・マルチデバイス対応(マーケットフィルター)
  ・マルチAPKアプリ作成方法
TIPS
  ・端末一覧表(サイズ,dpi,メモリ)
  ・異なる解像度への対策
  ・メモリ等                等々
iPhone版もでています。

「Flashで作るiPhoneアプリ開発ガイドブック」
     稲垣 智隆 (毎日コミュニケーションズ)
2011_9_9_AIR_LightningTalk
本日、泉ガーデンタワー1F
     書原(Books Shogen) 六本木店 にて
平積みされていますので、帰りに是非お手にとってみて下さい!
AIR3.0
RC(出荷候補)版が9月6日に公開
AIR3.0
NativeExtensions
AIRランタイム同梱
Stage Video
前面カメラ(Cameraクラスに新しいプロパティ追加)
iOSでバックグラウンドで音再生
暗号化ローカルストレージ
Androidのライセンスサービス
デバイススピーカー制御
AIR3.0
NativeExtensions
AIRランタイム同梱
Stage Video
前面カメラ(Cameraクラスに新しいプロパティ追加)
iOSでバックグラウンドで音再生
暗号化ローカルストレージ
Androidのライセンスサービス
デバイススピーカー制御
NativeExtensionsを使用する事により、
      3.0では、アプリ内課金、
  Push通知ができるようになった。
ブラウザ                 コンテンツ           HTMLコンテンツ
                     (Game等)        (Oauth認証/説明等)
          誘導
       URIスキーマ
                                        stageWebView


                               AIRアプリ



                 ここまではAIR2.7で可能
アプリ内課金等




                                        NativeExtensions




ブラウザ              コンテンツ           HTMLコンテンツ
                  (Game等)        (Oauth認証/説明等)
          誘導
       URIスキーマ
                                     stageWebView


                            AIRアプリ



                 AIR3.0になると
できない事が徐々に無くなってきている
       「AIR」
選択肢の一つと考えてみては
  いかがでしょうか?
てか、本買ってください。

   m(_ _)m
ありがとうございました!




株式会社hi-posi   岡田 昇三

Twitter: shozoxxx

shozoxxx@gmail.com
http://hi-posi.jp
http://www.facebook.com/hiposi

More Related Content

PDF
Unity,Cocos-2dx,AIRを徹底比較!最新クロスプラットフォーム事情、FLASHを使ってiPhone/Androidアプリを作ろう!【とのさまラボ】
PPT
2011_9_9_AIR_LightningTalk
PDF
Air for iOS について
PDF
iOSアプリ制作ツールアプリビルダーを支える技術
PDF
Kilimanjaro Event
PDF
Windows Phone / iOS / Android アプリ同時開発のススメ
PDF
Flash Professional CS6 の新機能のご紹介 AIR編
PDF
Firefox os hackathon
Unity,Cocos-2dx,AIRを徹底比較!最新クロスプラットフォーム事情、FLASHを使ってiPhone/Androidアプリを作ろう!【とのさまラボ】
2011_9_9_AIR_LightningTalk
Air for iOS について
iOSアプリ制作ツールアプリビルダーを支える技術
Kilimanjaro Event
Windows Phone / iOS / Android アプリ同時開発のススメ
Flash Professional CS6 の新機能のご紹介 AIR編
Firefox os hackathon

What's hot (20)

PDF
Try Firefox OS
PDF
Uicollectionview
PDF
Firefox OS - Blaze Your Own Path
PDF
Web is the OS (KDDI mugen Labo)
PDF
Firefox OS App Dev
PDF
Firefox OS 1.0 Application Development
PDF
Firefox Marketplace Reviewers
PDF
Firefox Marketplace and Payment
PDF
Firefox 3 と Web の変化
PDF
[社内向け]Titanium勉強会
PPTX
Androidをやっただけで iOSアプリもできればいいのに 〜MOEという選択〜
PDF
iOS 9 Overview - iOS 9 Bootcamp in Tokyo - 20150930
PDF
2016/11/21 社内LT Android TV
PPT
Iccw2010 sdk4 air
PPTX
受託開発のPhalcon
PPT
ESPer2008-FireMobileSimulatorについて
PDF
TestFlightみたいなのを自作する
PDF
tvOSでWebSocketを使う
PPTX
Phone gap+javascriptスマホアプリ開発(入門編)
PDF
Delphi のダメな所
Try Firefox OS
Uicollectionview
Firefox OS - Blaze Your Own Path
Web is the OS (KDDI mugen Labo)
Firefox OS App Dev
Firefox OS 1.0 Application Development
Firefox Marketplace Reviewers
Firefox Marketplace and Payment
Firefox 3 と Web の変化
[社内向け]Titanium勉強会
Androidをやっただけで iOSアプリもできればいいのに 〜MOEという選択〜
iOS 9 Overview - iOS 9 Bootcamp in Tokyo - 20150930
2016/11/21 社内LT Android TV
Iccw2010 sdk4 air
受託開発のPhalcon
ESPer2008-FireMobileSimulatorについて
TestFlightみたいなのを自作する
tvOSでWebSocketを使う
Phone gap+javascriptスマホアプリ開発(入門編)
Delphi のダメな所
Ad

Viewers also liked (8)

PPTX
Cloudbasierte Dienstleistungen in ihrem Unternehmen by Mario Meir-Huber
PDF
Im bb 165 - Servicio Tecnico Fagor
PPTX
Avant et Après
PDF
Valores de nuestros servicios
PPTX
Presentación 2 publicidad en internet Comercio Electrónico
PDF
Introducción a internet curso Empleartec
PDF
Periodico digital ramoncito_junio_2014.sandralealmolina
PDF
Sped6
Cloudbasierte Dienstleistungen in ihrem Unternehmen by Mario Meir-Huber
Im bb 165 - Servicio Tecnico Fagor
Avant et Après
Valores de nuestros servicios
Presentación 2 publicidad en internet Comercio Electrónico
Introducción a internet curso Empleartec
Periodico digital ramoncito_junio_2014.sandralealmolina
Sped6
Ad

Similar to 2011_9_9_AIR_LightningTalk (20)

PDF
HTML5でできるカメラアプリを実際に体験しよう
PDF
20110212 Silverlight から Bing Maps に触れる
PDF
Css nite(2010.09.23)
PDF
Adobe flash platform update 2010/11/17
PDF
スマホキャンプサマー2012:ANEとアプリ内課金に挑戦
PDF
C# を使い倒す!クロス プラットフォーム アプリ開発とクラウド連携の新潮流 - Xamarin セッション
PDF
今から始めよう!WordPressで作る女子ウケ★スマホサイト
PDF
Secret of Firefox
PDF
次世代プラットフォームでのHTML5アプリ開発 Firefox OS/Ubuntu Touch
PDF
Web制作で培ってきたFlashのリッチな表現力をモバイルアプリに
PDF
はじめてのモバイルウェブアプリ 1
PDF
C#でのクロスプラットフォーム モバイル開発環境 Xamarin のご紹介
ODP
Rubykaigi2010
PDF
20101127 Android Usability Seminar
PPTX
8th july2013 packaged_apps_codelab
PDF
Adobe Edge Inspectを利用してデバッグ
PDF
PUSH通知証明書作成ツールを作った
PPT
ネットワーク分散型フレームワークConView
PDF
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
KEY
みなさんがHtml5をやらなくていい3つの理由
HTML5でできるカメラアプリを実際に体験しよう
20110212 Silverlight から Bing Maps に触れる
Css nite(2010.09.23)
Adobe flash platform update 2010/11/17
スマホキャンプサマー2012:ANEとアプリ内課金に挑戦
C# を使い倒す!クロス プラットフォーム アプリ開発とクラウド連携の新潮流 - Xamarin セッション
今から始めよう!WordPressで作る女子ウケ★スマホサイト
Secret of Firefox
次世代プラットフォームでのHTML5アプリ開発 Firefox OS/Ubuntu Touch
Web制作で培ってきたFlashのリッチな表現力をモバイルアプリに
はじめてのモバイルウェブアプリ 1
C#でのクロスプラットフォーム モバイル開発環境 Xamarin のご紹介
Rubykaigi2010
20101127 Android Usability Seminar
8th july2013 packaged_apps_codelab
Adobe Edge Inspectを利用してデバッグ
PUSH通知証明書作成ツールを作った
ネットワーク分散型フレームワークConView
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
みなさんがHtml5をやらなくていい3つの理由

2011_9_9_AIR_LightningTalk