マガジンのカバー画像

Cookpad Design Magazine

186
毎日の料理を楽しみにするために、クックパッドで取り組んでいるデザイン事例をお届けしていきます
運営しているクリエイター

#たべドリ

定番料理の味つけに使う調味料と割合が一覧できる、味つけ便利表をつくりました

こんにちは。クックパッドで「たべドリ」というサービスをつくっている、すどうといいます。 いちいちレシピを見なくても、あるものでパパッと料理をつくれたらいいよなぁと思っていて、どうやったらできるようになるかな?というのを日々考えています。 突然ですが普段夕飯をつくってるとき、 「あれ?きんぴらの味つけってなんだっけ?」(スマホでレシピを調べて、材料の欄を3秒くらい確認)「あ〜、そうそう、みりんね!」 みたいなこと、やってませんか? 作り方はだいたいわかってるんだけど、

GarageBandでpodcast用のジングルをつくってみた

こんにちは。クックパッドで「たべドリ」というアプリをつくっている、すどうといいます。 いちいちレシピを見なくても、あるものでパパッと料理をつくれたらいいよなぁと思っていて、どうやったらできるようになるかな?というのを日々考えています。 9月からたべドリのpodcastをスタートさせたのですが、今回は、そのpodcast用のジングルを作ったよというお話です。 ジングルというのは、ラジオ番組などでオープニングや番組中に繰り返し挿入される短い音楽のことなんですが、最近では、一

簡単3ステップ!レシピに頼らない味つけのやりかた

こんにちは。たべドリというアプリをつくっている、すどうといいます。 みなさんの中には、つくり方はだいたい頭に入ってるんだけど、細かい味つけまで覚えられない!って人、いませんか? ちょっとした確認のためにいちいちレシピを見るのって、面倒ですよね。できれば味見をしながら「こんな感じかな?」でやれるようになりたいところ。 じつはこれ、味つけのやりかたを覚えるだけで、誰でもできるようになります。 というわけで今回は、いちいちレシピを確認しなくても、なんとなくで味つけができるよ

いい感じのUIアニメーションを実装する技術

こんにちは。UXエンジニアのしげたです。クックパッドでたべドリをつくっています。 UIの実装が好きで色々つくってきました。その経験から、いい感じのUIアニメーションを実装する技術を書いてみます。主にiOSアプリをつくってきましたが、他のプラットフォームでも使える知識だと思います。 ※以下、gifアニメを多く貼っていますが、アプリをインストールして実機で見た方がよりわかりやすいのでオススメです。 どうやってアニメーションを考えているかProtopieなどのツールを使うのが

副菜づくりに便利な「あえもの」チートシートをつくりました

こんにちは。たべドリというアプリをつくっている、すどうといいます。 あるものでパパッと料理をつくれたらいいよなぁと思っていて、どうやったらできるようになるかな?というのを日々考えています。 先日「料理のチートシートをつくりました」というnoteを書いたところ、多くの方から反響をいただけたので、今回は「あえもの」版のチートシートをつくってみました。 あえものって? 「メインのおかずは決まった。あともう一品、簡単にできる小さな副菜があるといいんだけどなぁ」と思ったことありま

料理のチートシートをつくりました

こんにちは。たべドリというアプリをつくっている、すどうといいます。 あるものでパパッと料理をつくれたらいいよなぁと思っていて、どうやったらできるようになるかな?というのを日々考えています。 そんな中で、料理のチートシートというのをつくりました。 チートシートというのは耳慣れない言葉ですが、いわゆるカンペみたいなものです。プログラミングをする人は、忘れがちな文法とか書き方のルールを1枚のシートにまとめておいて、「あれなんだっけな?」と思ったときにチラっと見たりするのですが

料理のスキルアップサービス「たべドリ」のイラスト作成の話

こんにちは、クックパッドのデザイン戦略部コーポレートGのデザイナーせみ(@saemimon)です。 新型コロナウイルス(COVID-19)の影響により、以前の生活が懐かしくなってる日々の中で皆さんはどのような生活をお過ごしですか。 弊社では在宅勤務を基本とした業務体制へ切り替えて仕事に携わっているところです。 さて、今回はたべドリの新機能に使用するイラスト作成を担当するにあたって、どんな手順を踏んで作成していったかを紹介します! まず「たべドリ」というサービスは料理のス

料理とOOUI

みなさん、料理するときにレシピを見てますか? おそらく多くの人が見ているのではないでしょうか。では、スマホやPCを使うときに説明書を見ますか? おそらく多くの人は見ないですよね。 なぜスマホやPCは説明書なしで使えるのに、料理はレシピが必要なのでしょうか。本稿ではOOUIをはじめとするデザインの考え方を用いながら、その疑問を深堀りしてみます。 使いやすいソフトウェアはOOUIでできているOOUIとはObject Oriented User Interfaceの略で、オブ

巣篭もり生活と毎日の料理 [後編]

自分たちがつくっている料理のトレーニングアプリ、たべドリ を使うと、本当に料理が上達するのかを、この在宅勤務の期間で試してみました。 最終回の後編では、たべドリを日々どんな風に使って、どんなことを思ったかを、中の人が使ってみた的なノリで書いてみようと思います。(前編、中編はこちら) この3ヶ月を振り返る まずはこの在宅期間で、どれだけやったかを公開します。 たべドリでは、日々のチャレンジの成果をカレンダー形式で振り返ることができるようになっています。 青く塗られた日は

巣篭もり生活と毎日の料理 [中編]

あるものでぱぱっと料理ができるスキルを最短で身につけるには?という問いに向き合い続けて、見えてきたことがいくつかあるので、今回はそれを書きたいと思います。(前編はコチラ) 料理の捉え方を変える 毎日の料理は、そんなにちゃんとしたものをつくる必要はないと思っています。実家の食卓に並んでいたような、茶色くて甘辛い味のおかずが1~2品と、白いごはんに味噌汁があればそれで十分です。 今日はハンバーグ、明日はオムライス、その次の日はロールキャベツなんてやってたら、とてもじゃないけど

巣篭もり生活と毎日の料理 [前編]

夕方5時になったらピタッと仕事をやめ、自転車でスーパーに買い物に行く。急いで帰って夕飯の支度をして、家族で食卓を囲む。 2月の末頃からずっとこの生活を続けていますが、すごく本来的だなぁと感じています。 あぁ、家族っていうのは、こうやってひとつ屋根の下に暮らし、他愛もない雑談を通してお互いの状況を把握し、一人ひとりでは出来ないことをサポートし合いながら、それぞれが充実した日々を送れるようにするための機能のようなものなんだなと、不意に訪れた巣篭もり生活は、そんな当たり前の大事な

1日1プロトタイプって具体的にどうやってるの? - スープスロットの場合

こんにちは、クックパッドでUXエンジニアをしている重田です。 以前書いた「20ものプロトタイプと言語化の両輪でアプリをリニューアルしました」をご覧いただいた方から、1日でプロトタイプつくるって実際どうやってるの?という質問を頂きました。 少し前につくったスープスロットを例に、具体的なプロセスを紹介します。 スープスロットとは自炊料理家の山口さんが考案された、スープの組み合わせを考えるキットです。 組み合わせ無限大のスープ作り。一汁一菜料理ワークショップのレポート|山口

20ものプロトタイプと言語化の両輪でアプリをリニューアルしました

こんにちは、クックパッドでUXエンジニアをしている重田です。 Cookpad DESIGN MAGAZINEの一記事として、最近行った「おいしいたべかた学習ドリル - たべドリ -」のリニューアルプロセスを紹介します。 新規事業における難題たべドリはクックパッドの新規事業です。新規事業では往々にして正解がわからない、解き方もわからないような難題に取り組みます。 たべドリは「自分の感覚で料理ができることの楽しさを一人でも多くの人に伝えたい」という想いでデザイン・開発してい

クックパッドの新サービス、おいしいたべかた学習ドリル - たべドリ - をつくったワケ

はじめまして、クックパッドの須藤と申します。 今回は、私達が現在開発しているアプリ、おいしいたべかた学習ドリル - たべドリ - について書かかせて頂こうと思います。noteは初投稿となりますが、よろしくおねがいします。 はじめにクックパッドでは、レシピサービス以外にもいくつかのサービスや事業を展開していることをご存知でしょうか?私達が開発しているアプリ「たべドリ」もそのうちのひとつです。 私達のチームでは、「料理ができる!を楽しもう」をスローガンに、少しでも多くの人に料