SlideShare a Scribd company logo
Androidアプリ 開発秘話
                     株式会社エイチーム 塚田翔也
2011年11月12日 実例に学ぶスマートフォンアプリ開発【MeetUP】
自己紹介
@gabu
 株式会社エイチーム
      プログラマ
TSUKADA Shoya
つ部         Android 名古屋 つくる部




2011年6月18日 第2回名古屋Android勉強会 Titanium Mobileハンズオン
東海GTUG
Google
Technology
User
Group


2011年9月10日 Tokai GTUG Meetup #1 Google App Engine
「Camelog」Android開発秘話
おかげさまで
  5刷
「Camelog」Android開発秘話
おかげさまで
  2刷
※注意※
テクニカルライター
  ではなく
プログラマです。
アジェンダ
・Camelogとは
・開発秘話 ぶっちゃけトーク
Camelog
  とは
開発秘話
全ては数ページの
ゆるふわな企画書から
  はじまった。
「愛の告白的なメッ
セージを置いておいて
スマートフォンをかざ
して浮かんで見えたら
 ステキだよねー」
「うん、ステキ!ステキ!」
がぶ「それってセカイカメ...
「Camelog」Android開発秘話
がぶ「つ、作りましょう!」
体制
企画

企画   開発
開発期間
2ヶ月半でセカイカメ(ry
開発期間
1ヶ月ぐらいで写真の投稿と
ARだけだいたいできた
・・・けど間に合わ・・・
救世主
@o93
WBS
  Work Breakdown Structure



・UI設計 + 機能要件定義
・開発 + テスト
UI設計 + 機能要件
UI設計 + 機能要件
・いわゆる「企画」という人
には無理ゲな作業なのでエン
ジニアがリードすることが吉
UI設計 + 機能要件
・まず、ざっくりUIとインタ
ラクションとフローを書い
て、実装のイメージをしなが
ら企画の人と詰めていく。
UI設計 + 機能要件
・実装のイメージをしながら
設計しないと無理ゲなUIとイ
ンタラクションとフローが生
まれてしまうのでエンジニア
以外に任せるのは危険。
UI設計 + 機能要件
・さらに「Androidらし
さ」が重要。放っておくと
Androidアプリなのに
iPhoneアプリみたいなUIに
なる。
UI設計 + 機能要件
・iPhoneアプリのUIがうん
ぬんではなく、Androidア
プリならAndroidらしく、
iPhoneアプリならiPhone
らしくUI設計するべき。
「Androidらしさ」




 http://www.androidpatterns.com/
「Androidらしさ」




 http://www.androidpatterns.com/
企画やデザイナな人に
 穴が空くまで
 読んで欲しい資料
デザイナに知っていて欲しい
10個のAndroidのUIルール




http://greety.sakura.ne.jp/redo/2011/06/10androidui.html
プログラマとデザイナが共有すべき
UIに関するAndroidの10の機能




http://greety.sakura.ne.jp/redo/2011/08/uiandroid10.html
まとめ1
UI設計はエンジニアが
  リードするべき
もちろん
AndroidアプリのUIに
ついて熟知したデザイナ
がUI設計をリードする
 ことが理想だけど、
そんなデザイナさんがい
たら紹介してください。
    (切実)
これでUI設計
と、ついでに機能要件の
定義も終わったのでワー
 クフローが別れます。
体制
企画

企画   開発
体制
企画
       画像
企画 開発
      作る人
画像を実際に制作する人
には最低限以下の2点を
レクチャーしましょう。
   ・9patch
 ・ボタンのステータス
開発 + テスト
ちょっと休憩
「Camelog」Android開発秘話
「Camelog」Android開発秘話
「Camelog」Android開発秘話
休憩おわり
開発 + テスト
開発 + テスト
作るもの
・Androidアプリ
・Web API
開発 + テスト
Androidアプリ開発の参考
・(初心者本でベース学習)
・サンプルアプリ
・ググる/逆引き本
・公式リファレンス
API Demos
Android SDK
についてくる
サンプルアプリ
ある意味
逆引きアプリ
iosched
Googleの中の人が作った
Androidアプリ



  http://d.hatena.ne.jp/gabuchan/
      20111107/1320671329
逆引き本
公式リファレンス
ある程度Androidアプリ開
発になれてくると公式リファ
レンス最強。

   http://developer.android.com/
      reference/packages.html
開発 + テスト
Androidアプリの開発につ
いては特に裏技はありませ
ん。普通に作ります。
開発 + テスト
Web API
ぶっちゃけ、定義したイン
ターフェースのAPIが提供で
きるなら何で作っても良い。
開発 + テスト
つまり、一番慣れている言語
やWebフレームワーク、
それが動くサーバ環境を選ぶ
のがベター。
が
「できるだけサーバ費用を
  抑えたいんだよねぇ。
 どんだけユーザが集まるか
分からないサービスだしぃ」
がぶ「わ、わかりました」
開発 + テスト
なので、そんなに慣れていな
い言語やWebフレームワーク
でも、企画の人がコスト的な
意味で喜ぶサーバ環境を選ぶ
のが大人のマナー。
開発 + テスト
Google App Engine
スケールも自動だしね!
↑これ結構重要で、運用中の
インフラエンジニアのコスト
も浮くんですよ。
開発 + テスト
Google App Engine
ただし、プレビュー卒業で料
金が上がりました。でも、ま
だ某専用サーバを複数台借り
るより安いと思う。
開発 + テスト
でも、いいこともあって
Slim3が超いい感じ、一番嬉
しい点は初めからテスト
ファースト前提に設計されて
いること。
開発 + テスト
おかげでWeb APIは完全に
TDDで開発できました。
超楽しい、
超グリーン、
超安心
開発 + テスト
Androidアプリ
TDDできない
Androidアプリ=View層
View層のTDDって難しい
開発 + テスト
Androidアプリ
ということで組んではテスト
組んではテストを繰り返す
開発 + テスト
当時ひとりだったので以下の
フローで開発
・Slim3でTDD、1つAPI作る
・Androidで呼び出す部分作る
・繰り返す
開発 + テスト
で、何回か頑張ってるといつか完
成します。
あとは、もらった画像をはめ込ん
で、UIの最終調整やユーザテスト
をして本当に完成です。
できたー!
ということで
まとめ
由乃かわいい
以上です。
    僕と
(守ってくれない)由乃の
   開発秘話
 いかがでしたか?
ご清聴
ありがとう
ございました

More Related Content

PDF
Android Lintを覚えてベテラン開発者に追いつこう #ndsmeetup
PDF
ABC2016Spring Androidアプリ実装アンチパターン(暫定)
PDF
アプリリリース後に後悔しないための20のこと
KEY
App inventor for bussiness
PDF
兄弟アプリのロジック共通化とビルド高速化の実験
PDF
Google Play Developer APIを使ってみた
PPTX
Presentation1
PDF
最速でリリースするためのAndroidアプリデザイン
Android Lintを覚えてベテラン開発者に追いつこう #ndsmeetup
ABC2016Spring Androidアプリ実装アンチパターン(暫定)
アプリリリース後に後悔しないための20のこと
App inventor for bussiness
兄弟アプリのロジック共通化とビルド高速化の実験
Google Play Developer APIを使ってみた
Presentation1
最速でリリースするためのAndroidアプリデザイン

What's hot (20)

PDF
iアプリつくろうぜ!~20101020 DevLOVE Android勉強会~
PDF
Google I/O 2017 現地レポート VR、PWA風味をJAG運営委員が語る ~IoTやAIも隠し味でVRとAIの報告と I/Oに参加して思ったコ...
PDF
テストがあればなんとかなる〜効率化までの道程〜
PDF
Prott user meetup 16 効率よく、品質良く、アプリを育てよう。
PDF
Android Studio 2.2の紹介@Google I/O 2016東京報告会
PDF
デザイナーとエンジニアが話す、iOSアプリケーション開発
PDF
What's new in Android N at Google I/O extended in Fukuoka
PDF
Android StudioではじめるAndroidアプリケーション実践入門 先生:日高 正博
PDF
Whats's new in Android Studio at Google I/O extended in Fukuoka
PDF
Android再入門 〜Eclipseのことは忘れろ〜
KEY
App inventorで想いを形に
PDF
Alternative WebView
PDF
20150802 codeal androidアプリを作ろう(おみくじアプリ編)
PDF
Google I/O 2017超速報告~最新Google動向 ワイヤレスジャパン2017 AコースAndroid 資料公開
PDF
JUnit5とAndroidのテスト
PDF
[potatotips #18] Android M Developer Preview & Wear 最新トピック
PDF
Prottとsketchとzeplinのススメ
PDF
20170804 Builderscon Androidアプリ開発アンチパターン
PDF
フロントエンド開発者のためのJenkins
PDF
minneにおけるテスト〜リリース〜リリース後にやっている事の紹介
iアプリつくろうぜ!~20101020 DevLOVE Android勉強会~
Google I/O 2017 現地レポート VR、PWA風味をJAG運営委員が語る ~IoTやAIも隠し味でVRとAIの報告と I/Oに参加して思ったコ...
テストがあればなんとかなる〜効率化までの道程〜
Prott user meetup 16 効率よく、品質良く、アプリを育てよう。
Android Studio 2.2の紹介@Google I/O 2016東京報告会
デザイナーとエンジニアが話す、iOSアプリケーション開発
What's new in Android N at Google I/O extended in Fukuoka
Android StudioではじめるAndroidアプリケーション実践入門 先生:日高 正博
Whats's new in Android Studio at Google I/O extended in Fukuoka
Android再入門 〜Eclipseのことは忘れろ〜
App inventorで想いを形に
Alternative WebView
20150802 codeal androidアプリを作ろう(おみくじアプリ編)
Google I/O 2017超速報告~最新Google動向 ワイヤレスジャパン2017 AコースAndroid 資料公開
JUnit5とAndroidのテスト
[potatotips #18] Android M Developer Preview & Wear 最新トピック
Prottとsketchとzeplinのススメ
20170804 Builderscon Androidアプリ開発アンチパターン
フロントエンド開発者のためのJenkins
minneにおけるテスト〜リリース〜リリース後にやっている事の紹介
Ad

Viewers also liked (20)

PDF
「女子高生」を事例に学ぶ、ターゲット心理を捉えたサービス設計
PDF
Ageha_商品企画支援_201111ver
PDF
オリジナル商品の開発(ヒロハタ)20140607
PDF
分析のリアルがここに!現場で使えるデータ分析
PDF
分析のリアルがここに!現場で使えるデータ分析
PPTX
あんさんぶるガールズ!最初の企画書
PDF
常識を疑え ゲームの企画書に望まれるものと期待されるもの (HDIfes#3 2014-6-21)
PPTX
2分でわかる。「hasunoha」コンセプト資料 【企画書】
PPTX
スマートフォンゲーム企画書制作のポイント
PDF
【データアーティスト株式会社】5歳の娘でもわかるDMP
PDF
アドテク勉強会
PDF
お金をかけないランディングページのつくりかた
PDF
DMP勉強会
PPT
20111117 msp説明資料
PDF
絶対に描いてはいけないグラフ入りスライド24枚
PDF
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
PDF
Best Teacher_法人向けサービス説明資料
PDF
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
PDF
女子の心をつかむUIデザインポイント - MERY編 -
PDF
コンテンツ作りの三原則
「女子高生」を事例に学ぶ、ターゲット心理を捉えたサービス設計
Ageha_商品企画支援_201111ver
オリジナル商品の開発(ヒロハタ)20140607
分析のリアルがここに!現場で使えるデータ分析
分析のリアルがここに!現場で使えるデータ分析
あんさんぶるガールズ!最初の企画書
常識を疑え ゲームの企画書に望まれるものと期待されるもの (HDIfes#3 2014-6-21)
2分でわかる。「hasunoha」コンセプト資料 【企画書】
スマートフォンゲーム企画書制作のポイント
【データアーティスト株式会社】5歳の娘でもわかるDMP
アドテク勉強会
お金をかけないランディングページのつくりかた
DMP勉強会
20111117 msp説明資料
絶対に描いてはいけないグラフ入りスライド24枚
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
Best Teacher_法人向けサービス説明資料
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
女子の心をつかむUIデザインポイント - MERY編 -
コンテンツ作りの三原則
Ad

Similar to 「Camelog」Android開発秘話 (20)

PDF
Androidとは何か
KEY
プロ文.com 勉強会 Phase 1
PDF
Androidアプリ開発を楽にするために
PDF
[社内向け]Titanium勉強会
PDF
モブプロ導入で見えてきた効果
PDF
App shortcuts
PPTX
Leapmotionとp5.js:DEMOと解説
KEY
Androidリリース作業の効率化(2)
PPTX
Androidが起こしたオープン・イノベーション
PDF
Sansan Tech Meetup Androidエンジニアが振り返る Google I/O
PDF
Titanium Mobile ~本当にあったこわい話~
PDF
AndroidアプリのUI/UX改善例
PPTX
Jenkinsを使おうよ
PDF
Google mapとgps機能を使ってみた。
PDF
Approach of Prototyping for making Application User Interface about iOS
PDF
20140214_devsumi_ameba_native
PDF
Line Creators Studio Android With Kotlin
ODP
HTML5 のお話
PDF
受託案件を通じてみたWindows8ストアアプリ
PPTX
HTML5/JavaScriptで作るAndroidアプリ開発seminar
Androidとは何か
プロ文.com 勉強会 Phase 1
Androidアプリ開発を楽にするために
[社内向け]Titanium勉強会
モブプロ導入で見えてきた効果
App shortcuts
Leapmotionとp5.js:DEMOと解説
Androidリリース作業の効率化(2)
Androidが起こしたオープン・イノベーション
Sansan Tech Meetup Androidエンジニアが振り返る Google I/O
Titanium Mobile ~本当にあったこわい話~
AndroidアプリのUI/UX改善例
Jenkinsを使おうよ
Google mapとgps機能を使ってみた。
Approach of Prototyping for making Application User Interface about iOS
20140214_devsumi_ameba_native
Line Creators Studio Android With Kotlin
HTML5 のお話
受託案件を通じてみたWindows8ストアアプリ
HTML5/JavaScriptで作るAndroidアプリ開発seminar

More from Shoya Tsukada (8)

PDF
Google I/O 2013に行ったついでにラスベガス戦果報告
PDF
高専カンファレンス in 岐阜 基調講演2 @gabu
PDF
NGK2011B 昼の部 スマートフォンアプリ 開発とコミュニティと 勉強会と
PDF
OSCNagoya 2011「App inventor入門」
PDF
ABC 2011 Summer App Inventor入門ワークショップ
KEY
ABC2011S コミュニティトラック デ部+つ部(江川崇&がぶ) つ部プレゼンツ「いま名古屋が暑い!」
PDF
ARお絵描きツール「Feel Sketch」 at Gadget1
PDF
名古屋Ruby会議01 - Rubyでライフハッキング10連発♪
Google I/O 2013に行ったついでにラスベガス戦果報告
高専カンファレンス in 岐阜 基調講演2 @gabu
NGK2011B 昼の部 スマートフォンアプリ 開発とコミュニティと 勉強会と
OSCNagoya 2011「App inventor入門」
ABC 2011 Summer App Inventor入門ワークショップ
ABC2011S コミュニティトラック デ部+つ部(江川崇&がぶ) つ部プレゼンツ「いま名古屋が暑い!」
ARお絵描きツール「Feel Sketch」 at Gadget1
名古屋Ruby会議01 - Rubyでライフハッキング10連発♪

「Camelog」Android開発秘話