SlideShare a Scribd company logo
2012/06/03(日)
   山本ゆうご
スマホ以前のPC相手の方式
 PCというデバイスをターゲットにする
  際には、Webサイトとデスクトップア
  プリとでは明確に役割が分かれていた
 PCに向けたプロモ―ション提案では、
  HTMLをベースとしたWebサイトを起点
  として、Flashを使ってゲームや、デー
  タベースと連携した会員サービスを展開
  していた
スマホ以前のケータイの方
式
 フィーチャーフォン(普通の携帯)で
  は、HTMLブラウザとしての制約が大き
  いという観点から、1カラムのシンプル
  なHTMLでのサイト提案をしていた
 メールの送受信・個体識別IDなどを使っ
  たパーソナライズ機能でサービスの提案
  に深みを出していた
 制約は多いがFlashLiteを用いたミニ
  ゲームやアニメーションは使えた
それに対してスマホはどう
か
 画面容量が多く、CSSの対応が進んで
  いるため、プレーンなHTMLでも表現が
  豊か
 iPhoneではFlashが使えないため、アニ
  メーションやミニゲームがWebサイト
  上では難しい
 反対にダウンロード型のアプリがプロ
  モーション用途でも登場。これまで
  WebサイトやFlashの市場をアプリがカ
  バーし始めている
このあたりで用語整理
用語         解説
ネイティブアプリ   AppStoreやGooglePlayからダウンロードして利
           用するアプリのこと。単なるWebサイトもアプ
           リと呼ぶことがあるので、明示的にネイティブ
           と呼んでいる。
HTML5      HTMLの規格のバージョンの一つ。アニメー
           ションを含めたリッチな表現が可能。がんばれ
           ばネイティブアプリに近いこともできる。
開発方式の一覧
開発方式          説明                      iOS       Android
Objective-C   iPhoneのアプリ開発の基本系              ○
Android SDK   Androidアプリ開発の基本系                     ○
WebView       側をObjective-Cと
              AndoridSDKで個別に作り、             ○      ○
              中身をHTMLで作る
CoronaSDK     Luaという言語を使ったゲー
                                            ○      ○
              ムに特化した開発環境
Titanium      JavaScriptを利用                 ○   ○(△)
Unity         3Dゲームを作るのに便利                  ○      ○
Phonegap      WebViewの一つ。Objective-
              CとAndoroidSDKで主要な昨            ○      ○
              日を作ってくれている
WebViewに関するメリデメ
             画面はHTMLで表現できるため、Web制
  メリット       作体制が流用できる。
             HTMLの部分は、AndroidもiOSも共用で
             きる。



             通常のWebサイトとUIとして出来ること
  デメリット
             は変わらないため、レスポンスがちょっ
             と悪い。アニメーションも難しい。




  限りなくWebサイトに近いものをネイティブアプリとして
 マーケットからダウンロードしたいときにはWebViewでいい
Corona SDKに関するメリデ
メ
              物理演算に関するライブラリがあらかじ
  メリット        め入っているため、AngryBirdのようなア
              プリを作る時には開発効率が良い。
              iOSもAndroidもカバーしている



              フォームに関するUIのライブラリが少な
  デメリット
              い。
              Luaという開発言語の経験者が少ない。
              開発ツールとしては安いが有料。




      ぶつけたり、転がったりするゲームを
      iOSとAndroidの両方に出すのに最適
Objective-Cに関するメリデ
メ
           iOSをメインにするには、iPhoneのパ
  メリット     フォーマンスを一番引き出す。




           Cを知った上でのObjective-Cの学習に時
  デメリット
           間がかかる。
           コードの量が多く、開発に時間がかか
           る。
           Andoridは全くカバーできない。




     iPhone向けではまずこれが基本
Android SDKに関するメリ
デメ
          ライブラリが整備されており、少ない作
  メリット    業でアプリが作れる。
          開発言語としてはJavaなので、経験者が
          多い。



          開発環境の設定が大変(ミニマム3時
  デメリット
          間)
          iPhoneはターゲットにできない




   Andoridだけが相手ならこれで十分
Titaniumに関する基礎知識
            JavaScriptという経験者が多い開発言語で
  メリット      実装可能。
            iPhoneとAndroidの両方をカバーできる。




            Android向けの精度がいまいち(異常終了
  デメリット
            しがち)。
            Andoroidの元の開発効率が決して悪くな
            いのでメリットが見えにくい。




    Objective-Cがやってられない人向け
Unityに関する基礎知識
          JavaScriptやC#を使って開発できる。
  メリット    3Dゲームも作りやすい。
          iOS、Androidの両方をカバー。
          GREEやモバゲーへの接続も整備されて
          いる。


          フォーム系が作りにくい。開発ツールが
  デメリット
          ちょっと高い。




 スマホ×ソーシャルゲーム×ネイティブの本命
マーケットに関する基礎知
識
   iPhoneのAppStoreも、AndroidのGooglePlayも似た
    ようなマーケットだが、審査に関する厳しさが違う
   AppStoreは審査が厳しく、時間が取られた上に落と
    されるリスクも高い
   単純にWebサイトをそのままアプリにしただけのよ
    うな「読むだけ」ものは、審査時にリジェクトされ
    るリスクあり
   売上の3割もってかれるのは、AppStoreも
    GooglePlayも同じ
   マーケット上で無料アプリとして売っていながら、
    別ルートで課金するのはNG。(アプリ内課金のAPI
    があるのでそれを使う)
Webサイト?ネイティブアプ
リ?
 どちらでも目的が達成できるのなら
  Webサイトでいいはず(AppStoreでは
  Webサイトで済んでしまうアプリはNG
  とされている)
 オフラインでの利用やレスポンスのよい
  UIを求めるのなら、ネイティブアプリで
  の提供
 開発コストはネイティブアプリの方が高
  くなる
HTML5ってすごいんで
しょ?
 Flash代替技術として仕事で使うと辛い。
 PC上では動いても、スマートフォンの
  マシンパワーではアニメーションが動き
  にくい
 日経新聞などはスマホ側でDBを持つこ
  とができることを利用してオフラインで
  の閲覧ができるようにしている
スマホ×個人識別
   フィーチャーフォンの時には、guidやEZ番
    号で個人を識別していたが、スマホ向けの
    Webサイトではどうしたらいいか?
     案0.寿命長めのクッキー
       (これで済む範囲の要件は多い)
     案1.投票だけならFBの「いいね」で済ませる
     案2.TwitterやFaceBookアプリとして認証
     案3.独自にメールアドレス取得して最小限の
      会員登録

More Related Content

PPTX
勉強会用Swift授業2018-0126
PDF
The forefront of html5 implementation
PDF
Unity,Cocos-2dx,AIRを徹底比較!最新クロスプラットフォーム事情、FLASHを使ってiPhone/Androidアプリを作ろう!【とのさまラボ】
PDF
【社内LT】AdobeAIRでアプリ
PDF
Web制作で培ってきたFlashのリッチな表現力をモバイルアプリに
PDF
クロスプラットフォーム モバイルアプリ開発ツール Xamarin 概要
PPTX
Xamarinで作るiPhoneとwindowsストアアプリの共通コンポーネント
PDF
Universal Appとは? -デバイスに依存しないアプリケーション開発-
勉強会用Swift授業2018-0126
The forefront of html5 implementation
Unity,Cocos-2dx,AIRを徹底比較!最新クロスプラットフォーム事情、FLASHを使ってiPhone/Androidアプリを作ろう!【とのさまラボ】
【社内LT】AdobeAIRでアプリ
Web制作で培ってきたFlashのリッチな表現力をモバイルアプリに
クロスプラットフォーム モバイルアプリ開発ツール Xamarin 概要
Xamarinで作るiPhoneとwindowsストアアプリの共通コンポーネント
Universal Appとは? -デバイスに依存しないアプリケーション開発-

Similar to スマートフォンの方式検討に関する基礎知識 (20)

PDF
Androidとは。ちょっと変った視点から
PDF
デブサミ2013 【15-B-2】iOS/Android向け開発をビジュアルに!
PPTX
Windowsストアアプリ開発ハンズオントレーニングに行ってきました 2012-09-22-lt
PPTX
Phone gap+javascriptスマホアプリ開発(入門編)
PDF
モバイルコンテンツ制作を効 率化するツールを使いこなせ
PDF
C# を使い倒す!クロス プラットフォーム アプリ開発とクラウド連携の新潮流 - Xamarin セッション
PDF
Adobe Edge Inspectを利用してデバッグ
PPT
Android Push
PPT
アンドロイド勉強会第二回 080525 3
PDF
わんくま名古屋#25(20121201) 「Win8ストア・アプリ WP8アプリ、両面撃破作戦」
PDF
[社内向け]Titanium勉強会
PPTX
HTML5 クロスプラットフォームアプリ開発の現実解
PDF
改めて注目される2D アニメーションツール SpriteStudio ~国産2Dツールが(舶来ゲームエンジンの力を借りながら)世界へ~
PPTX
Androidが変えたもの
PDF
DEV-022_これから始める Xamarin ~環境構築から iOS/Android/UWP アプリのビルドまで~
PDF
Html5 seminar 1_pac
PDF
HTML5とマイクロソフト(東京)
PPTX
2014年メディア工房勉強会 第3章「Webアプリ制作」
PDF
HTML5 の Web制作を 確実に楽にする最新の アドビWeb制作ツール for HTML5 Carnival Fukuoka
Androidとは。ちょっと変った視点から
デブサミ2013 【15-B-2】iOS/Android向け開発をビジュアルに!
Windowsストアアプリ開発ハンズオントレーニングに行ってきました 2012-09-22-lt
Phone gap+javascriptスマホアプリ開発(入門編)
モバイルコンテンツ制作を効 率化するツールを使いこなせ
C# を使い倒す!クロス プラットフォーム アプリ開発とクラウド連携の新潮流 - Xamarin セッション
Adobe Edge Inspectを利用してデバッグ
Android Push
アンドロイド勉強会第二回 080525 3
わんくま名古屋#25(20121201) 「Win8ストア・アプリ WP8アプリ、両面撃破作戦」
[社内向け]Titanium勉強会
HTML5 クロスプラットフォームアプリ開発の現実解
改めて注目される2D アニメーションツール SpriteStudio ~国産2Dツールが(舶来ゲームエンジンの力を借りながら)世界へ~
Androidが変えたもの
DEV-022_これから始める Xamarin ~環境構築から iOS/Android/UWP アプリのビルドまで~
Html5 seminar 1_pac
HTML5とマイクロソフト(東京)
2014年メディア工房勉強会 第3章「Webアプリ制作」
HTML5 の Web制作を 確実に楽にする最新の アドビWeb制作ツール for HTML5 Carnival Fukuoka
Ad

スマートフォンの方式検討に関する基礎知識

  • 1. 2012/06/03(日) 山本ゆうご
  • 2. スマホ以前のPC相手の方式  PCというデバイスをターゲットにする 際には、Webサイトとデスクトップア プリとでは明確に役割が分かれていた  PCに向けたプロモ―ション提案では、 HTMLをベースとしたWebサイトを起点 として、Flashを使ってゲームや、デー タベースと連携した会員サービスを展開 していた
  • 3. スマホ以前のケータイの方 式  フィーチャーフォン(普通の携帯)で は、HTMLブラウザとしての制約が大き いという観点から、1カラムのシンプル なHTMLでのサイト提案をしていた  メールの送受信・個体識別IDなどを使っ たパーソナライズ機能でサービスの提案 に深みを出していた  制約は多いがFlashLiteを用いたミニ ゲームやアニメーションは使えた
  • 4. それに対してスマホはどう か  画面容量が多く、CSSの対応が進んで いるため、プレーンなHTMLでも表現が 豊か  iPhoneではFlashが使えないため、アニ メーションやミニゲームがWebサイト 上では難しい  反対にダウンロード型のアプリがプロ モーション用途でも登場。これまで WebサイトやFlashの市場をアプリがカ バーし始めている
  • 5. このあたりで用語整理 用語 解説 ネイティブアプリ AppStoreやGooglePlayからダウンロードして利 用するアプリのこと。単なるWebサイトもアプ リと呼ぶことがあるので、明示的にネイティブ と呼んでいる。 HTML5 HTMLの規格のバージョンの一つ。アニメー ションを含めたリッチな表現が可能。がんばれ ばネイティブアプリに近いこともできる。
  • 6. 開発方式の一覧 開発方式 説明 iOS Android Objective-C iPhoneのアプリ開発の基本系 ○ Android SDK Androidアプリ開発の基本系 ○ WebView 側をObjective-Cと AndoridSDKで個別に作り、 ○ ○ 中身をHTMLで作る CoronaSDK Luaという言語を使ったゲー ○ ○ ムに特化した開発環境 Titanium JavaScriptを利用 ○ ○(△) Unity 3Dゲームを作るのに便利 ○ ○ Phonegap WebViewの一つ。Objective- CとAndoroidSDKで主要な昨 ○ ○ 日を作ってくれている
  • 7. WebViewに関するメリデメ 画面はHTMLで表現できるため、Web制 メリット 作体制が流用できる。 HTMLの部分は、AndroidもiOSも共用で きる。 通常のWebサイトとUIとして出来ること デメリット は変わらないため、レスポンスがちょっ と悪い。アニメーションも難しい。 限りなくWebサイトに近いものをネイティブアプリとして マーケットからダウンロードしたいときにはWebViewでいい
  • 8. Corona SDKに関するメリデ メ 物理演算に関するライブラリがあらかじ メリット め入っているため、AngryBirdのようなア プリを作る時には開発効率が良い。 iOSもAndroidもカバーしている フォームに関するUIのライブラリが少な デメリット い。 Luaという開発言語の経験者が少ない。 開発ツールとしては安いが有料。 ぶつけたり、転がったりするゲームを iOSとAndroidの両方に出すのに最適
  • 9. Objective-Cに関するメリデ メ iOSをメインにするには、iPhoneのパ メリット フォーマンスを一番引き出す。 Cを知った上でのObjective-Cの学習に時 デメリット 間がかかる。 コードの量が多く、開発に時間がかか る。 Andoridは全くカバーできない。 iPhone向けではまずこれが基本
  • 10. Android SDKに関するメリ デメ ライブラリが整備されており、少ない作 メリット 業でアプリが作れる。 開発言語としてはJavaなので、経験者が 多い。 開発環境の設定が大変(ミニマム3時 デメリット 間) iPhoneはターゲットにできない Andoridだけが相手ならこれで十分
  • 11. Titaniumに関する基礎知識 JavaScriptという経験者が多い開発言語で メリット 実装可能。 iPhoneとAndroidの両方をカバーできる。 Android向けの精度がいまいち(異常終了 デメリット しがち)。 Andoroidの元の開発効率が決して悪くな いのでメリットが見えにくい。 Objective-Cがやってられない人向け
  • 12. Unityに関する基礎知識 JavaScriptやC#を使って開発できる。 メリット 3Dゲームも作りやすい。 iOS、Androidの両方をカバー。 GREEやモバゲーへの接続も整備されて いる。 フォーム系が作りにくい。開発ツールが デメリット ちょっと高い。 スマホ×ソーシャルゲーム×ネイティブの本命
  • 13. マーケットに関する基礎知 識  iPhoneのAppStoreも、AndroidのGooglePlayも似た ようなマーケットだが、審査に関する厳しさが違う  AppStoreは審査が厳しく、時間が取られた上に落と されるリスクも高い  単純にWebサイトをそのままアプリにしただけのよ うな「読むだけ」ものは、審査時にリジェクトされ るリスクあり  売上の3割もってかれるのは、AppStoreも GooglePlayも同じ  マーケット上で無料アプリとして売っていながら、 別ルートで課金するのはNG。(アプリ内課金のAPI があるのでそれを使う)
  • 14. Webサイト?ネイティブアプ リ?  どちらでも目的が達成できるのなら Webサイトでいいはず(AppStoreでは Webサイトで済んでしまうアプリはNG とされている)  オフラインでの利用やレスポンスのよい UIを求めるのなら、ネイティブアプリで の提供  開発コストはネイティブアプリの方が高 くなる
  • 15. HTML5ってすごいんで しょ?  Flash代替技術として仕事で使うと辛い。  PC上では動いても、スマートフォンの マシンパワーではアニメーションが動き にくい  日経新聞などはスマホ側でDBを持つこ とができることを利用してオフラインで の閲覧ができるようにしている
  • 16. スマホ×個人識別  フィーチャーフォンの時には、guidやEZ番 号で個人を識別していたが、スマホ向けの Webサイトではどうしたらいいか?  案0.寿命長めのクッキー (これで済む範囲の要件は多い)  案1.投票だけならFBの「いいね」で済ませる  案2.TwitterやFaceBookアプリとして認証  案3.独自にメールアドレス取得して最小限の 会員登録