クックパッドマートのアプリ開発について

Transcript

1. クックパッドマートのアプリ開発について 買物事業部 / 中山陽介
2. 本日はクックパッドマート アプリリリースまでの道のりを お話させていただきます
3. その前に自己紹介させてください
4. • iOS・Androidのアプリエンジニアです • 個人アプリ開発者 ( 累計110万DL )でもある • 価格比較アプリ、賞味期限管理アプリ　リミッターで検索 • subscription課金アプリを作るのが好き • FireBase / Kotlin / Swift が好き • ２児の父 ( 4歳男の子 1歳女の子 ) 自己紹介　中山陽介
5. 現在クックパッドマートの iOSアプリを作っています
6. クックパッドマートのiOSアプリ開発の進め方
7. Sprintで価値検証 (4月) デザインスプリントとは、デザイン上の問 題を解決するために、5日間という短い期 間で高速にプロトタイピングと検証を行う 方法論 （フレームワーク）のこと。
8. WebでECサイトを作り社内テストを運用 (2月ー6月)
9. 社内でiOSアプリリリース 社内で運用開始（ 7月 〜 9月 ）
10. クックパッドマートのiOSアプリは 9月20日にリリースしました
11. なぜアプリでなければならないのか？
12. パーソナライゼーション
13. ぱ、ぱーそならいぜーしょん？
14. ユーザーの好み、位置情報、利用状況など に基づいてサービスを提供したい
16. お腹が空いているタイミングに 通知したい
17. 注文はサクサクパフォーマンスが重要
18. 毎日使ってもらいたいので ヌルヌル買い物してほしい
19. ということでアプリの開発スタート
20. 序盤はこういう感じで作った 1. デザイナーが機能込みでSketch/ Marvel で画面を作る 機能部分は都度相談 2. 一旦実現できるかわからないが画面を実際に実装してみる　議論する 3. 壊してみる・なかったことにする　生かす部分と理想を追求 4. バイナリ配信 or prototypeツールで 使いやすさを試す / ユーザーテストを行う 5. 再デザイン 6. 以下ループ
21. 大切なことは
22. こまめに仲間へ実装を自慢しに行く頻度
23. お互いを褒め称える
24. そしてデザインと仕様は何度も変更
25. 楽しい！喜んで！
26. クックパッドマートアプリの デザインの歴史
27. phase1 シンプルでいいですね！ Top画面
28. phase2 お！ Top画面
29. phase3 おおっ！ Top画面
30. phase4 おおおっ！ Top画面
31. phase5 おおおおっ！ Top画面
32. どんどん良くなってる
33. デザイン変更は柔軟に
34. スケジュールの問題でデザインの表現が狭まるのは良くない
35. 実装して触ることが大切 • 細かいcommitで実際に作りながらチームへアプリを配信しデザイナーからフィードバックを受けコミュニ ケーションをとり良いものが作られる • 実装してから気がつくことがある • 実装してみて課題が生まれ、セレンディピティを起こしやすくする • デザインFix後に実装すると制約が生まれる。レビューをこまめに
36. 一度すべての画面を遷移付きで実装してみては？
38. 全ての画面をStoryboard上に一旦作る
39. 実装を本格的に始めたら
41. 1 Storyboard 1 ViewControllerへ
42. そのサイクルを出来るだけ早くしたい
43. 開発速度を上げる為具体的にやったこと
44. 開発方針 (序盤) • 何度でも壊せるような作りに • できるだけデザインはパーツ化。差し替えが容易な状態でパーツを俯瞰できるように • debugはbuildを極力せずLLDBを主に使う • ファイル数は少なく • ダミーのJSONを用意して一旦すべてのデザインを組み込んで見る • ディレクトリごと削除してもbuildできるくらいの疎結合 • 極力コードは書かない方針（SwiftGen, Snippetをフル活用）
45. 強くてニューゲーム
47. 常にプロジェクト開始前から道具を揃えておく • XcodeのProjectTemplateや自前のTemplateなど、ある程度作られている状態からスタート • CocoaPodsやCarthageなど予め自分用のAssetとして管理する どんなプロジェクトでも最低限入れる事が予測されているものを把握しておく • 過去の開発でコードレビューが通ったものは貪欲にXcodeのスニペットへ追加する
49. プロジェクトが終わるたびに強くなる
51. 画面をパーツ化
52. xibを俯瞰できるように（TableViewCell除く）※モック時点推奨
53. パーツの比較と変更・管理が楽になった
54. 自分がアプリを開発する上で最も 大切にしていること
55. 自分が開発しているアプリを普段使いする
56. 皆さん普段自分が開発している アプリ使っていますか？
57. 本当に毎日使ってますか？
58. なるほど！さすが皆さん 使っていらっしゃる
59. 普段使いしないと便利なのか 不便なのか欲しい機能すらわからない
60. 本当に自分がよく使うアプリを集めました
66. もちろん ボクは クックパッドマートをよく使ってます
67. 普段の生活において 食料の調達は高い頻度で行われる
68. お腹は誰でも空く
69. 土日は買い物だけで多くの時間を費やす
71. クックパッドマートは 買い物の時間を節約できる
72. しかも美味しい食材が手に入る！
74. ネットスーパーで良いのでは？
75. ネットスーパーは送料が高く送料無料 にするための最後1000円くらいはいら ないものを買う
76. 送料無料の金額までじっくり商品選定
77. 注文するだけで30分くらいかかる
78. 常に受け取る人が必要 働いている人は再配達必須
79. 今後配送ドライバーは更に不足
81. クックパッドマートは 商品1つから送料無料
82. 必要なものを都度注文すればいい
83. 商品は自分が好きなタイミングで 受け取りに行ける
84. だから毎日つかえる
85. よく使われているアプリは 生活に欠かせないものばかり 毎日使う
86. アプリはリテンション（維持率）がすべて
87. Martは生活に欠かせません
88. 今後Martは多くの人に使われるでしょう
89. まだまだ受け取れる店舗は少なく課題は多い
90. 700万人
91. 60歳以上の買い物弱者数 2015年の経済産業省調査
92. 買い物には課題がある
93. 今後のクックパッドマートにご期待下さい！