見出し画像

ハンドドリップコーヒーのレシピを自動作成し、感想を記録できるアプリ「Collective」をリリースしました

Masaki Haruta

こんにちは。
freee株式会社でデザイナーをしているはるたんです。今日はデザイナー兼エンジニアとしてリリースブログを書いてます！わっしょい！

Collectiveとは

「Collective」はハンドドリップコーヒーのレシピを自動作成し、味の感想を6段階で評価できるアプリです。日々のコーヒーの味を安定させたい、ドリップの仕方を学んでみたいという方、コーヒーが好きな方にぴったりのアプリです。

実際に動いている動画はこんなかんじ

開発のきっかけ

3月頭から在宅勤務がはじまり、家で過ごす時間が増えてきて僕はコーヒーにとことんはまった。今では1日3杯飲むのが日課になった。

元々コーヒーが好きで週3くらいで飲んでいたものの、こんなに飲むようになったのは間違いなくLIGTH UP COFFEEの川野さんの影響だ。

今年の2月から副業として川野さんの仕事を手伝っており、打ち合わせのたびに美味しいコーヒーを淹れてくれていた。実はコーヒーが楽しみで毎回LIGTH UP COFFEEに足を運んでいた。

それから少しずつ自宅でハンドドリップをするようになった。そんな時に川野さんが公開した衝撃のnoteがこちら。

僕の中では革命が起きた。
今までなんとなくコーヒーを淹れていたが、こんなにロジカルにコーヒーを淹れることができるのか、と。それから彼が紹介するコーヒー器具を買い集め、日々ハンドドリップを楽しむようになった。

例えば1杯分で14gの粉で230gのお湯を注ぐ目標なら、蒸らしで35gかけて混ぜて30秒後に注ぎ始めて、1分の時点で半分の115gくらい。そこからちびちび注いで2分ジャストで230g注ぐようにしてる。本当に重さを測ることは大事。面倒だけど、毎回同じ味のバランスにできるから最高。

彼のnoteで何度も述べられていたのが「豆とお湯の量を安定させ、注ぐスピードを一定にすることで味が安定する」と。僕は忠実に従うことにした。

画像2

最初の頃は紙にレシピを書いて、きっちり時間を測っていた。ただ、豆の量が変わるたびに計算し直すのがとにかくめんどくさかった。コーヒーは美味しいけど、めんどくさいって気持ちがあったら続かないかもなぁ、と思いつつあった。

どうせならとことん美味しいコーヒーを淹れたいと思ったので、日記をつけ始めてみた。僕はこのツイート以来、一度も日記をつけていない。めんどくさかった。

せめてレシピの計算だけでも自動化したかった。noteを読むと彼のレシピには一定の法則があることに気づいた。

画像2

Numbersに数式を書いて、豆の量を入力するとレシピが自動で計算される関数を書いた。とってもシンプル。コーヒーを注ぐのが一気に楽になった。

画像3

その時、川野さんとしたやりとりがこちら。レシピの計算は良さそうだった。もちろんあのnoteを参考にしたからだ。

毎回、Numbersに豆の量を入力すれば、レシピは簡単にできるけど、作業的になっていることにも気づいた。それじゃ、つまらない。

プロトタイプの作成

思い切ってアプリのプロトタイプを作ってみた。
プロトタイプは2時間くらいでできた。たまたまfreee社でもデザイナーがReactを書く機運が高まっていたので、Reactを勉強するついでに実装してみることにした。

こんな感じで実装の過程を全てTweetしてみた。なぜツイートしたかはわからない。在宅勤務で心細かったから誰かの反応が欲しかったのかもしれない。

実装で困ったときはリモート飲みと称して同期のエンジニアに頼った。4日悩んでたエラーが15分で解決したとき、専門家に頼ることの大切さを改めて痛感した。

一番苦戦したのは作成したデータの保存をどうするか、という部分。エンジニアのバックグラウンドがない僕は、データの持ち方をベースに考えるのではなく、使いやすさ重視でデータベースを選んだ。

その結果、Firebase, AsyncStorage, Realmを使ってみたが全てだめだった。理由は様々。開発に利用しているExpoが対応していなかったり、実装が難しかったり。最終的にSQLiteに落ち着いた。

まずはqiitaの記事を読んでみて、困ったときは同期のエンジニアに相談し、一瞬で解決してくれた。ほんとにありがとう。

そして、全ての機能が揃ったのでApple Storeに申請することにした。

待っている間はかなりドキドキしたが、申請してから1.5日くらいで審査が通った。

朝一で審査が通ってるのをみたときは嬉しくて、午前6時にもかかわらずベッドから飛び起きた。

今日から、このアプリを使ってコーヒーを淹れていけると思うと、嬉しくて仕方ない。自分自身が一番最初のユーザーなので、気になった点はどんどん改善していこうと思う。

みなさんもフィードバックがあれば是非コメントいただけると。

最後に

このアプリのコードは全てGitHubにあげている。

デザインデータもFigmaにあげて公開しているので、機能を追加したかったり、汚すぎるコードをリファクタしても良いという方がいれば、是非！

(FigmaはView権限になっているので、DuplicateしてGitHubのissueで改善案をあげてもらえると嬉しいです)

最後までお読みいただき、ありがとうございました！

(完)


この記事が参加している募集

おうち時間を工夫で楽しく

95,578件

この記事が気に入ったらサポートをしてみませんか？