iphone、android両対応アプリ開発講座概論

iPhone・Android両対応アプリ開発講座

～概論～2012年8月2日

http://atnd.org/events/25502








古川隆邦��

Copyright © 2012 GLOBAL BRAINS CO.,LTD

会社紹介

4

�BA�>@EDD�?C�@�

+&

�$.F //%��-�2�"20!15�/'7�,8:6F ��.F //�� @�"9!15�/��8:5F Ruby4;5=1903.F //%��-�1�"17!1�/ /////////%��(��*%�#Ruby<2;7;6 ��)4;5=

��

5

679>/��C�� / 8;:230/ �C'� 679>�� C�� /679>5=D:� Web51:/��C��C%� /(��/!

�.��

,(-+,#�-+,%"-+,��-+,�$-+,��-�

'��&

*�0<A4D6?B'��*1B;@ �)��+%�5=D:�


実績紹介


‣ 導入が簡単‣ コンテンツの自動更新‣ 更新が簡単

デジタルサイネージCMS


街の情報基盤


イベント


受付管理


1. マルチプラットフォームの企画から事業展開


１）企画(シナリオ)


①企画書から要件ヒヤリング　・実証実験として、電子　　スタンプラリーサービス　　をしたい。


②具体的な内容に企画ブラッシュアップ【競合調査】　・コロプラ　・ケータイ国盗り合戦　・かんとうみんてつモバイルスタンプラリー


【ターゲティング】　・クライアント　「地方自治体や商工会などの　　公共的な団体向け」　・ユーザー　「スマホメインユーザーである　　３０代前後の男性サラリーマン」


【コンセプト】　・クライアント　「アナログのスタンプラリーをアプリ化　　して、マーケティング情報収集」　・ユーザー　「スマホ式カードラリー」


【ネーミング】　「る～ら」※商標登録済み【アプリの売り】　・ビッ◯リマンのカード収集的な　　コレクターズ魂をくすぐる　・キャラ、スポットの育成ゲーム要素　　（ゲーミフィケーション）


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


③シナリオ作成、デザイン　・ストーリー、設定


　・キャラデザイン


　・アプリデザイン


　・サイトデザイン


　・利用規約、プライバシーポリシーなども


④システム設計　・アプリ画面遷移


最終のワイヤフレームと画面遷移


　・サイト画面遷移　・サーバー設計


　・DB設計


　・API設計


　・API現在


２）ソーシャル連携・SNS連携を行い情報が　バイラルで広がる仕組みが必要


R+3.0FD�

S+,82AE�

T5.*78LC�

+3.0�@N!M :�� 6�)�!QE� ��

9(�1+�;<�� -$.%#8�QE��

�� FD!K�:�� 6�)�!QE� ��

�� FD!K�:�� 6�)�!QE� ��

U4�'/"8&FD�

O?=�6�)�FD!AE��6�)�PB�-$.%#8+3.0��>@B��4�'/"8&FD�HI�JG��


３）PR戦略


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


　②プレゼント企画　・もれなくマルチソーラーチャー　　ジャープレゼント


　・トラストカードプレゼント


　③メルマガ配信　・企業向け、個人向けに2,000社(人)以上


４）事業化


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


2. 開発


１）開発言語の選定


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


マルチプラットフォーム対応のアプリ開発フレームワーク


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


Rhodesの開発事例EIR

http://www.eir-note.com/




‣ Ruby‣ MVCモデル‣ ネイティブアプリ‣ ハード連携

(iPhone、Android、WindowsPhone、　BlackBerry、Symbianなど)

(GPS、カメラ、地図、バーコードリーダー、アドレス帳、　カレンダー、NFCなど)

Rhodesとは？


‣ MITライセンス‣ 有償サポートあり‣ Motorola社

Rhodesとは？


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

Rhodesの状況

https://github.com/rhomobile

https://github.com/rhomobile


‣ ディレクター：１名‣ アプリエンジニア：２名‣ サーバーエンジニア：１名‣ デザイナー：１名

開発メンバー


その他マルチプラットフォーム対応フレームワークは？


マルチプラットフォームのシェア


　　 HTML5、JavaScript、CSS　開発事例　　Tiny Terrors　　乾杯★サーチ

http://www.tinyterrorsapp.com/ http://www.sapporobeer.jp/gourmet/smartphone_apps/info/

http://www.tinyterrorsapp.com/

http://www.tinyterrorsapp.com/

http://www.sapporobeer.jp/gourmet/smartphone_apps/info/





　　 JavaScript　開発事例　　photoro　　　　　ココログ

http://www.photoro.me/ http://www.cocolog-nifty.com/

http://www.photoro.me/

http://www.photoro.me/

http://www.cocolog-nifty.com/

http://www.cocolog-nifty.com/


アーキテクトの違い

H/W

OS

Webブラウザ

WebAP

H/W

OS

ネイティブコード

WebView

WebAP

H/W

OS

ネイティブコード

H/W

OS

RubyVM

RhodesFW

WebServer

WebView

WebAP


②Rhodesのメリット、デメリット【メリット】　・Rubyでアプリ、サーバー構築可能　・複数OS対応時のコストダウン　・開発期間短縮【デメリット】　・機能制限がある　・レスポンス遅延　・アプリのデータ容量が増える


Rubyでは？


２）開発ツール


‣ RhoStudio(統合開発環境:IDE)


‣ SQLite Manager


‣ Xcode,iPhoneSimulator


‣ AndroidSDK,Simulator


‣ TestFlight(iPhoneアプリ配布)


３）UI設計とデザイン


　①アプリ開発に重要なことは　・直感的なユーザーインターフェース　・気持ちよさ（爽快感）


　②ボタン配置と画面遷移　・foursquare、Pathアプリを参考


　・UIパターン集　　⇒http://mobile-patterns.com/　　⇒http://pttrns.com/　　⇒http://design.web-hon.com/

http://mobile-patterns.com

http://mobile-patterns.com

http://pttrns.com

http://pttrns.com

http://design.web-hon.com

http://design.web-hon.com


　③iPhoneとAndroidの画面サイズ　・スマートフォンの端末仕様一覧サイト　　⇒http://www.smph.info/

http://www.smph.info

http://www.smph.info


４）アプリケーション設計と開発


５）サーバー設計と開発


サービスマップ


主要ライブラリunicornactionmaileractiveadmindelayed_jobomniauthpaperclip


カード合成機能設計


管理画面


６）iTunesConnect,GooglePlayの申請


①各ガイドラインを熟読・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

https://developer.apple.com/appstore/resources/approval/guidelines.html




http://wiki.livedoor.jp/iphonedev/d/App%20Store%a4%ce%bf%b3%ba%ba%b4%f0%bd%e0




http://play.google.com/about/developer-content-policy.html#showlanguages





②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


　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.


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


【プライバシー】　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


③リジェクトされたら根気よくリプライ

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

・日本語との併記もあり


④その他（ビルド注意事項）　署名ファイル、プロビジョニングファイルの　管理を忘れずに！！　※他のPCからアプリをアップデートできなく　　なります。。。


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

・ダウンロード数、アップデート数　評価ランキング、アクティブユー　ザー数などが重要

７）ASO（Appli Store Optimaization）


‣ 本家Rhomobileドキュメント　 http://docs.rhomobile.com/‣ 日本語訳　 http://docs.rhodes-jp.org/‣ RhodesJP　 http://rhodes-jp.org/‣ ACKCELLさん　 http://ackcell.blogspot.jp/

８）Rhodes参考サイト


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

その他Rhodes関連スライド

http://www.slideshare.net/purukyawa/rubyrbc-nightruby

http://www.slideshare.net/purukyawa/rubyrbc-nightruby


Rhodes技術講座のお知らせiPhone・Android両対応アプリ開発講座～入門～

日時：2012年８月３０日（木）１０：３０～１７：３０会場：福岡県Ruby・コンテンツ産業振興センター

講座では、Ruby言語でマルチプラットフォーム対応のアプリ開発が可能なフレームワーク「Rhodes」を使ってiPhone、Android

アプリケーション開発に必要な基礎知識の習得を行い、実際に環境構築、アプリケーション作成と進んでいきます。

iphone、android両対応アプリ開発講座 概論

Documents

iphone、android両対応アプリ開発講座概論