iPhone・Android
両対応アプリ開発講座
     ∼概論∼
    2012年8月2日
古川 隆邦
会社紹介


       Copyright © 2012 GLOBAL BRAINS CO.,LTD
2   20   15     7        6F

           9    15         5F
Ruby
       1   17   1
                Ruby




                                     4
/
          /
Web           /




                  5
実績紹介


       Copyright © 2012 GLOBAL BRAINS CO.,LTD
Copyright © 2012 GLOBAL BRAINS CO.,LTD
デジタルサイネージCMS
‣ 導入が簡単
‣ コンテンツの自動更新
‣ 更新が簡単
           Copyright © 2012 GLOBAL BRAINS CO.,LTD
Copyright © 2012 GLOBAL BRAINS CO.,LTD
街の情報基盤




   Copyright © 2012 GLOBAL BRAINS CO.,LTD
イベント




       Copyright © 2012 GLOBAL BRAINS CO.,LTD
Copyright © 2012 GLOBAL BRAINS CO.,LTD
受付管理




       Copyright © 2012 GLOBAL BRAINS CO.,LTD
1. マルチプラットフォームの
    企画から事業展開



          Copyright © 2012 GLOBAL BRAINS CO.,LTD
1)企画(シナリオ)


       Copyright © 2012 GLOBAL BRAINS CO.,LTD
①企画書から要件ヒヤリング

 ・実証実験として、電子
  スタンプラリーサービス
  をしたい。


          Copyright © 2012 GLOBAL BRAINS CO.,LTD
Copyright © 2012 GLOBAL BRAINS CO.,LTD
②具体的な内容に企画ブラッシュアップ

【競合調査】
 ・コロプラ
 ・ケータイ国盗り合戦
 ・かんとうみんてつモバイルスタンプラリー




               Copyright © 2012 GLOBAL BRAINS CO.,LTD
【ターゲティング】
 ・クライアント
 「地方自治体や商工会などの
  公共的な団体向け」

 ・ユーザー
 「スマホメインユーザーである
  30代前後の男性サラリーマン」


                 Copyright © 2012 GLOBAL BRAINS CO.,LTD
【コンセプト】
 ・クライアント
 「アナログのスタンプラリーをアプリ化
  して、マーケティング情報収集」

 ・ユーザー
 「スマホ式カードラリー」




                Copyright © 2012 GLOBAL BRAINS CO.,LTD
【ネーミング】
 「る∼ら」※商標登録済み

【アプリの売り】
 ・ビッ⃝リマンのカード収集的な
  コレクターズ魂をくすぐる

 ・キャラ、スポットの育成ゲーム要素
  (ゲーミフィケーション)

                Copyright © 2012 GLOBAL BRAINS CO.,LTD
Copyright © 2012 GLOBAL BRAINS CO.,LTD
【機能整理】
 ・対象デバイス
  ⇒iPhone、Android
 ・機能要件
  ⇒カメラ、位置情報、画像処理、
   ソーシャル連携
 ・予算、開発期間
  ⇒2ヶ月


              Copyright © 2012 GLOBAL BRAINS CO.,LTD
Copyright © 2012 GLOBAL BRAINS CO.,LTD
③シナリオ作成、デザイン
 ・ストーリー、設定




               Copyright © 2012 GLOBAL BRAINS CO.,LTD
 ・キャラデザイン




            Copyright © 2012 GLOBAL BRAINS CO.,LTD
 ・アプリデザイン




            Copyright © 2012 GLOBAL BRAINS CO.,LTD
 ・サイトデザイン




            Copyright © 2012 GLOBAL BRAINS CO.,LTD
 ・利用規約、プライバシーポリシーなども




              Copyright © 2012 GLOBAL BRAINS CO.,LTD
④システム設計
 ・アプリ画面遷移




            Copyright © 2012 GLOBAL BRAINS CO.,LTD
最終のワイヤフレーム
と画面遷移




             Copyright © 2012 GLOBAL BRAINS CO.,LTD
 ・サイト画面遷移
 ・サーバー設計




            Copyright © 2012 GLOBAL BRAINS CO.,LTD
 ・DB設計




         Copyright © 2012 GLOBAL BRAINS CO.,LTD
 ・API設計




          Copyright © 2012 GLOBAL BRAINS CO.,LTD
 ・API現在




          Copyright © 2012 GLOBAL BRAINS CO.,LTD
2)ソーシャル連携

・SNS連携を行い情報が
 バイラルで広がる仕組みが必要




            Copyright © 2012 GLOBAL BRAINS CO.,LTD
Copyright © 2012 GLOBAL BRAINS CO.,LTD
3)PR戦略


     Copyright © 2012 GLOBAL BRAINS CO.,LTD
 ①チラシ、ポスター配布
 ・福岡市内観光案内所や天神地下街、
  バスセンターなど公共施設に
  ポスターとチラシ配布




              Copyright © 2012 GLOBAL BRAINS CO.,LTD
Copyright © 2012 GLOBAL BRAINS CO.,LTD
 ②プレゼント企画
 ・もれなくマルチソーラーチャー
  ジャープレゼント




              Copyright © 2012 GLOBAL BRAINS CO.,LTD
 ・トラストカードプレゼント




                 Copyright © 2012 GLOBAL BRAINS CO.,LTD
 ③メルマガ配信
 ・企業向け、個人向けに2,000社(人)以上




                 Copyright © 2012 GLOBAL BRAINS CO.,LTD
4)事業化


    Copyright © 2012 GLOBAL BRAINS CO.,LTD
 ①ユーザー数を増やす
  ・無償でアルバム登録
  ・各種イベント、勉強会でPR
  ・ソーシャルでPR
  ・イベント、プレゼント企画
 ②プラットフォームビジネスとして
  「る∼ら」の横展開
 ③広告収益
 ④マーケティング情報収集、提供 

              Copyright © 2012 GLOBAL BRAINS CO.,LTD
2. 開発


        Copyright © 2012 GLOBAL BRAINS CO.,LTD
1)開発言語の選定


      Copyright © 2012 GLOBAL BRAINS CO.,LTD
 【機能整理】
  ・対象デバイス
   ⇒iPhone、Android
  ・機能要件
   ⇒カメラ、位置情報、画像処理
    ソーシャル連携
  ・予算、開発期間
   ⇒2ヶ月


               Copyright © 2012 GLOBAL BRAINS CO.,LTD
マルチプラットフォーム対応の
 アプリ開発フレームワーク



          Copyright © 2012 GLOBAL BRAINS CO.,LTD
①マルチプラットフォーム
【選択した背景】
 ・クライアントのリテラシー向上
  ↓
 ・要求が難しくでも予算縮小
  ↓
 ・マルチプラットフォームにより
  スモールスタート
  ↓
 ・事業採算が立てば、ネイティブで
  ↓
 ・直接的、間接的に売上向上
              Copyright © 2012 GLOBAL BRAINS CO.,LTD
Rhodesの開発事例
     EIR



  http://www.eir-note.com/
                             Copyright © 2012 GLOBAL BRAINS CO.,LTD
Rhodesとは?

‣ Ruby
‣ MVCモデル
‣ ネイティブアプリ
 (iPhone、Android、WindowsPhone、
  BlackBerry、Symbianなど)

‣ ハード連携
 (GPS、カメラ、地図、バーコードリーダー、アドレス帳、
  カレンダー、NFCなど)
                           Copyright © 2012 GLOBAL BRAINS CO.,LTD
Rhodesとは?


‣ MITライセンス
‣ 有償サポートあり
‣ Motorola社
          Copyright © 2012 GLOBAL BRAINS CO.,LTD
Rhodesの状況


‣ 最新バージョン:3.3.3
‣ Ruby1.9.3対応
‣ 最新資産とIssue管理はgithub
  https://github.com/rhomobile


                        Copyright © 2012 GLOBAL BRAINS CO.,LTD
開発メンバー

‣ ディレクター:1名
‣ アプリエンジニア:2名
‣ サーバーエンジニア:1名
‣ デザイナー:1名

             Copyright © 2012 GLOBAL BRAINS CO.,LTD
その他
マルチプラットフォーム対応
  フレームワークは?



         Copyright © 2012 GLOBAL BRAINS CO.,LTD
マルチプラットフォームのシェア




           Copyright © 2012 GLOBAL BRAINS CO.,LTD
   HTML5、JavaScript、CSS
 開発事例
  Tiny Terrors  乾杯★サーチ




http://www.tinyterrorsapp.com/   http://www.sapporobeer.jp/
                                 gourmet/smartphone_apps/info/
                                             Copyright © 2012 GLOBAL BRAINS CO.,LTD
         JavaScript
 開発事例
  photoro     ココログ




 http://www.photoro.me/   http://www.cocolog-nifty.com/
                                        Copyright © 2012 GLOBAL BRAINS CO.,LTD
アーキテクトの違い

                                              WebAP

                                            WebView

                      WebAP                WebServer

            WebAP    WebView               RhodesFW

ネイティブコード   Webブラウザ   ネイティブコード                  RubyVM


  OS         OS        OS                        OS

  H/W        H/W       H/W                     H/W
                                Copyright © 2012 GLOBAL BRAINS CO.,LTD
②Rhodesのメリット、デメリット
【メリット】
 ・Rubyでアプリ、サーバー構築可能
 ・複数OS対応時のコストダウン
 ・開発期間短縮

【デメリット】
 ・機能制限がある
 ・レスポンス遅延
 ・アプリのデータ容量が増える
               Copyright © 2012 GLOBAL BRAINS CO.,LTD
Rubyでは?




          Copyright © 2012 GLOBAL BRAINS CO.,LTD
2)開発ツール


     Copyright © 2012 GLOBAL BRAINS CO.,LTD
‣ RhoStudio(統合開発環境:IDE)




                Copyright © 2012 GLOBAL BRAINS CO.,LTD
‣ SQLite Manager




                   Copyright © 2012 GLOBAL BRAINS CO.,LTD
‣ Xcode,iPhoneSimulator




                  Copyright © 2012 GLOBAL BRAINS CO.,LTD
‣ AndroidSDK,Simulator




                  Copyright © 2012 GLOBAL BRAINS CO.,LTD
‣ TestFlight(iPhoneアプリ配布)




                 Copyright © 2012 GLOBAL BRAINS CO.,LTD
3)UI設計とデザイン


        Copyright © 2012 GLOBAL BRAINS CO.,LTD
 ①アプリ開発に重要なことは

 ・直感的なユーザーインターフェース

 ・気持ちよさ(爽快感)




                 Copyright © 2012 GLOBAL BRAINS CO.,LTD
 ②ボタン配置と画面遷移

 ・foursquare、Pathアプリを参考




                  Copyright © 2012 GLOBAL BRAINS CO.,LTD
 ・UIパターン集
  ⇒http://mobile-patterns.com/
  ⇒http://pttrns.com/
  ⇒http://design.web-hon.com/




                     Copyright © 2012 GLOBAL BRAINS CO.,LTD
 ③iPhoneとAndroidの画面サイズ

 ・スマートフォンの端末仕様一覧サイト
  ⇒http://www.smph.info/




                  Copyright © 2012 GLOBAL BRAINS CO.,LTD
4)アプリケーション
   設計と開発

       Copyright © 2012 GLOBAL BRAINS CO.,LTD
5)サーバー設計と開発


       Copyright © 2012 GLOBAL BRAINS CO.,LTD
サービスマップ




          Copyright © 2012 GLOBAL BRAINS CO.,LTD
主要ライブラリ
   unicorn
   actionmailer
   activeadmin
   delayed_job
   omniauth
   paperclip




                  Copyright © 2012 GLOBAL BRAINS CO.,LTD
カード合成機能設計




       Copyright © 2012 GLOBAL BRAINS CO.,LTD
管理画面




       Copyright © 2012 GLOBAL BRAINS CO.,LTD
6)iTunesConnect,GooglePlayの申請



                      Copyright © 2012 GLOBAL BRAINS CO.,LTD
①各ガイドラインを熟読
・iTunesConnectガイドライン
 ⇒https://developer.apple.com/appstore/resources/
approval/guidelines.html
・iTunesConnectガイドライン(日本語訳)
 ⇒http://wiki.livedoor.jp/iphonedev/d/App%20Store
%a4%ce%bf%b3%ba%ba%b4%f0%bd%e0
・GooglePlayガイドライン
 ⇒http://play.google.com/about/developer-content-
policy.html#showlanguages
                                       Copyright © 2012 GLOBAL BRAINS CO.,LTD
②iTunesConnectのガイドライン上の注意点
【機能性】
 2.12
 役に立たないアプリや、単純なウェブ
 サイトをバンドルしただけのアプリや
 継続的な楽しみを与えないアプリは
 リジェクト
 Apps that are not very useful, are simply web sites
 bundled as apps, or do not provide any lasting
 rtainment value may be rejected


                                         Copyright © 2012 GLOBAL BRAINS CO.,LTD
 2.21
 単に音楽や動画のアプリは、iTunes
 storeに提出する必要があります。
 単に書籍のアプリは、iBookstoreに
 提出する必要があります。
 Apps that are simply a song or movie should be
  submitted to the iTunes store. Apps that are simply
  a book should be submitted to the iBookstore.




                                          Copyright © 2012 GLOBAL BRAINS CO.,LTD
 2.22
 地域やキャリアなどによって、ユーザーの
 アプリ使用を制限するアプリはリジェクト
 Apps that arbitrarily restrict which users may use the
  app, such as by location or carrier, may be rejected




                                           Copyright © 2012 GLOBAL BRAINS CO.,LTD
【プライバシー】
 17.2
 メールアドレスや誕生日などの個人情報を
 共有するアプリはリジェクト
 Apps that require users to share personal information,
  such as email address and date of birth, in order to
  function will be rejected




                                           Copyright © 2012 GLOBAL BRAINS CO.,LTD
③リジェクトされたら根気よくリプライ

・分からなかったり、納得できなかったら
 「Please in Japanese」

・日本語との併記もあり



                Copyright © 2012 GLOBAL BRAINS CO.,LTD
④その他(ビルド注意事項)
 署名ファイル、プロビジョニングファイルの
 管理を忘れずに!!
 ※他のPCからアプリをアップデートできなく
  なります。。。




                 Copyright © 2012 GLOBAL BRAINS CO.,LTD
7)ASO(Appli Store Optimaization)

・タイトルとカテゴリ(ジャンル)
 検索キーワードだけではダメ

・ダウンロード数、アップデート数
 評価ランキング、アクティブユー
 ザー数などが重要
                       Copyright © 2012 GLOBAL BRAINS CO.,LTD
8)Rhodes参考サイト
‣ 本家Rhomobileドキュメント
  http://docs.rhomobile.com/
‣ 日本語訳
  http://docs.rhodes-jp.org/
‣ RhodesJP
  http://rhodes-jp.org/
‣ ACKCELLさん
  http://ackcell.blogspot.jp/
                           Copyright © 2012 GLOBAL BRAINS CO.,LTD
その他Rhodes関連スライド


‣ Rubyで作ったスマホアプリってどうなの?
  Rhodesの技術的なtipsもまとめています。
 http://www.slideshare.net/purukyawa/rubyrbc-nightruby




                                         Copyright © 2012 GLOBAL BRAINS CO.,LTD
Rhodes技術講座のお知らせ
 iPhone・Android両対応
   アプリ開発講座∼入門∼
日時:2012年8月30日(木)10:30∼17:30
  会場:福岡県Ruby・コンテンツ産業振興センター

講座では、Ruby言語でマルチプラットフォーム対応のアプリ開発が
可能なフレームワーク「Rhodes」を使ってiPhone、Android
   アプリケーション開発に必要な基礎知識の習得を行い、
  実際に環境構築、アプリケーション作成と進んでいきます。

                          Copyright © 2012 GLOBAL BRAINS CO.,LTD
ご清聴ありがとう
 ございました。

     Copyright © 2012 GLOBAL BRAINS CO.,LTD   13
iPhone、Android両対応アプリ開発講座 概論

iPhone、Android両対応アプリ開発講座 概論