実例に学ぶスマートフォンアプリ開発【MeetUP】 : ATND http://atnd.org/events/20951

1. Androidアプリ 開発秘話
株式会社エイチーム 塚田翔也
2011年11月12日 実例に学ぶスマートフォンアプリ開発【MeetUP】

2. 自己紹介

3. @gabu
株式会社エイチーム
プログラマ
TSUKADA Shoya

4. つ部 Android 名古屋 つくる部
2011年6月18日 第2回名古屋Android勉強会 Titanium Mobileハンズオン

5. 東海GTUG
Google
Technology
User
Group
2011年9月10日 Tokai GTUG Meetup #1 Google App Engine

7. おかげさまで
5刷

9. おかげさまで
2刷

10. ※注意※
テクニカルライター
ではなく
プログラマです。

11. アジェンダ
・Camelogとは
・開発秘話 ぶっちゃけトーク

12. Camelog
とは

13. 開発秘話

14. 全ては数ページの
ゆるふわな企画書から
はじまった。

15. 「愛の告白的なメッ
セージを置いておいて
スマートフォンをかざ
して浮かんで見えたら
ステキだよねー」

16. 「うん、ステキ！ステキ！」

17. がぶ「それってセカイカメ...

19. がぶ「つ、作りましょう！」

20. 体制
企画
企画 開発

21. 開発期間
2ヶ月半でセカイカメ（ｒｙ

22. 開発期間
1ヶ月ぐらいで写真の投稿と
ARだけだいたいできた
・・・けど間に合わ・・・

23. 救世主
@o93

24. WBS
Work Breakdown Structure
・UI設計 + 機能要件定義
・開発 + テスト

25. UI設計 + 機能要件

26. UI設計 + 機能要件
・いわゆる「企画」という人
には無理ゲな作業なのでエン
ジニアがリードすることが吉

27. UI設計 + 機能要件
・まず、ざっくりUIとインタ
ラクションとフローを書い
て、実装のイメージをしなが
ら企画の人と詰めていく。

28. UI設計 + 機能要件
・実装のイメージをしながら
設計しないと無理ゲなUIとイ
ンタラクションとフローが生
まれてしまうのでエンジニア
以外に任せるのは危険。

29. UI設計 + 機能要件
・さらに「Androidらし
さ」が重要。放っておくと
Androidアプリなのに
iPhoneアプリみたいなUIに
なる。

30. UI設計 + 機能要件
・iPhoneアプリのUIがうん
ぬんではなく、Androidア
プリならAndroidらしく、
iPhoneアプリならiPhone
らしくUI設計するべき。

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

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

33. 企画やデザイナな人に
穴が空くまで
読んで欲しい資料

34. デザイナに知っていて欲しい
10個のAndroidのUIルール
http://greety.sakura.ne.jp/redo/2011/06/10androidui.html

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

36. まとめ1
UI設計はエンジニアが
リードするべき

37. もちろん
AndroidアプリのUIに
ついて熟知したデザイナ
がUI設計をリードする
ことが理想だけど、

38. そんなデザイナさんがい
たら紹介してください。
（切実）

39. これでUI設計
と、ついでに機能要件の
定義も終わったのでワー
クフローが別れます。

40. 体制
企画
企画 開発

41. 体制
企画
画像
企画 開発
作る人

42. 画像を実際に制作する人
には最低限以下の２点を
レクチャーしましょう。
・9patch
・ボタンのステータス

43. 開発 + テスト

44. ちょっと休憩

48. 休憩おわり

49. 開発 + テスト

50. 開発 + テスト
作るもの
・Androidアプリ
・Web API

51. 開発 + テスト
Androidアプリ開発の参考
・（初心者本でベース学習）
・サンプルアプリ
・ググる/逆引き本
・公式リファレンス

52. API Demos
Android SDK
についてくる
サンプルアプリ
ある意味
逆引きアプリ

53. iosched
Googleの中の人が作った
Androidアプリ
http://d.hatena.ne.jp/gabuchan/
20111107/1320671329

54. 逆引き本

55. 公式リファレンス
ある程度Androidアプリ開
発になれてくると公式リファ
レンス最強。
http://developer.android.com/
reference/packages.html

56. 開発 + テスト
Androidアプリの開発につ
いては特に裏技はありませ
ん。普通に作ります。

57. 開発 + テスト
Web API
ぶっちゃけ、定義したイン
ターフェースのAPIが提供で
きるなら何で作っても良い。

58. 開発 + テスト
つまり、一番慣れている言語
やWebフレームワーク、
それが動くサーバ環境を選ぶ
のがベター。

59. が

60. 「できるだけサーバ費用を
抑えたいんだよねぇ。
どんだけユーザが集まるか
分からないサービスだしぃ」

61. がぶ「わ、わかりました」

62. 開発 + テスト
なので、そんなに慣れていな
い言語やWebフレームワーク
でも、企画の人がコスト的な
意味で喜ぶサーバ環境を選ぶ
のが大人のマナー。

63. 開発 + テスト
Google App Engine
スケールも自動だしね！
↑これ結構重要で、運用中の
インフラエンジニアのコスト
も浮くんですよ。

64. 開発 + テスト
Google App Engine
ただし、プレビュー卒業で料
金が上がりました。でも、ま
だ某専用サーバを複数台借り
るより安いと思う。

65. 開発 + テスト
でも、いいこともあって
Slim3が超いい感じ、一番嬉
しい点は初めからテスト
ファースト前提に設計されて
いること。

66. 開発 + テスト
おかげでWeb APIは完全に
TDDで開発できました。
超楽しい、
超グリーン、
超安心

67. 開発 + テスト
Androidアプリ
TDDできない
Androidアプリ=View層
View層のTDDって難しい

68. 開発 + テスト
Androidアプリ
ということで組んではテスト
組んではテストを繰り返す

69. 開発 + テスト
当時ひとりだったので以下の
フローで開発
・Slim3でTDD、1つAPI作る
・Androidで呼び出す部分作る
・繰り返す

70. 開発 + テスト
で、何回か頑張ってるといつか完
成します。
あとは、もらった画像をはめ込ん
で、UIの最終調整やユーザテスト
をして本当に完成です。

71. できたー！

72. ということで

73. まとめ

74. 由乃かわいい

75. 以上です。
僕と
(守ってくれない)由乃の
開発秘話
いかがでしたか？

76. ご清聴
ありがとう
ございました