筑波2-注文の多い料理店『cookりさん』

Pages: 17 Cookりさん 筑波2：注文の多い料理店

自炊をする皆さんに質問です！ 1

こんなこと、ありませんか？ 2 献立決めはメンドクサイ・・・ 買った食材を使い切れない 悩んでいたら一時間。。。 気づいたらマンネリ化

でも結局自炊は必須。。。 3 ・外食やサブスクは高い。。。 価格改定のお知らせ 2023.01.06 日本マクドナルド株式会社(本社:東京都新宿区、代表取締役社長兼CEO:日色保)は、原材料価格の高騰や人件費、物流費、エネルギーコス トなどの上昇、および為替変動の影響を受け、慎重に検討した結果、2023年1月16日(月)より全体の約8割の品目の店頭価格を改定いたします。 改定幅(税込み)はバーガー類単品、バリューセット®、ひるまック®、ドリンク類は10円~50円、チキンマックナゲット®15ピースは120円、 ポテナゲ特大は150円などとなります。 https://www.mcdonalds.co.jp ROYAL News Release Hospitality Restaurant Royal Host 2023年1月6日 ロイヤルホールディングス株式会社 一部商品価格改定のお知らせ ロイヤルグループで外食事業を担うロイヤルフードサービス株式会社(本社:東京都世田谷区、代表取 締役社長:生田直己)が展開する「ロイヤルホスト」は、2023年3月8日(水)よりステーキ商品ならび に朝食メニューの一部商品において価格改定を実施いたします。 https://www.royalhost.jp

• https://www.royalhost.jp
• https://www.mcdonalds.co.jp

もっと楽して献立を決めたい！ 4

そんな悩みを解決するのが… 5 Cookりさん

Cookりさんは。。。 6 飽きずに冷蔵庫の食材を使い切りたい 自炊をするが、買い物に行くのが面倒 を解決するレシピ検索サービスです

使ってみよう！ 7 Cookりさん 食材から検索 使用したい主な食材ボタンを選択して、検索をクリ ックして下さい。 選択した食材をすべて含むレシピが表示されます。 肉 鶏もも肉 鶏むね肉 豚バラ肉 豚こま肉 野菜 ピーマン なす じゃがいも きゅうり 玉ねぎ 白菜 ほうれん草 にんじん キャベツ ああ cookrisan.deta.dev ・家にない食材を弾ける！ ・今ある食材で、 バリエーションに富んだレシピを提案

Cookりさんができるまでの 注文の多い料理店 の2つのオペレーション 8

注文の多い料理店では全員で一緒にアプリを作り上げます 1-1. チーム全員でモブプログラミング 1-2. できる人が解説する 9

1-1. チーム全員でモブプログラミング
10
・ドライバー1人+ナビゲーター4人で全部回す
・スーパーマンが1の進捗より全員で0.5の進捗を出す
→誰かが欠けても確実に進捗を出す仕組みを作る
→全員が進捗を出せば2.5の進捗が出せる
SESSION DETAILS
Participants (3)
O Jon W Chu Header.js:12
Amanda Silver GuestbookGrid.js:13
O PJ Meyer GuestbookGrid.js:9
Shared Servers (2)
localhost:3000
REST API
Shared Terminals (2)
bash (Read-only)
bash (Read/write)
Audio Participants (3)
Jon W Chu
Amanda Silver
PJ Meyer
1 import GridArrow from "./GridArrow";
2 import GridLegend from "./GridLegend";
3 import GuestbookGridCell from "./GuestbookGridCell";
4
5 export default class GuestbookGrid extends Component {
6 constructor(props) {
7 super(props)
8 this.state = PJ Meyer
9 signatures: signatures
10 }
11
12 Amanda Silver
13 render() {
14 const cells = this.state.signatures.map((signature, index) => (
15 <GuestbookGridCell key={index} {...signature} />
16 ));
17 }
18 }
https://visualstudio.microsoft.com

• https://visualstudio.microsoft.com

1-2. できる人が解説する
11
・全員が開発できる地力
1. コードの解説
ギルド 2023/01/06 16:14
ing = {1, 2, 3} #ユーザーが入
力した食材
tag1 = {0, 1, 2, 5, 6} #レシ
ピ1で使う食材 <- 表示する
tag2 = {100, 101, 102} #レシ
ピ2で使う食材 <- 表示しない
# 差集合を取る
## レシピ1はユーザが入力した食材
{1, 2} を使うので、{1, 2} が引か
れたSet(集合)が出てくる
ing - tag1
>>> {3}
## レシピ2はユーザーが入力した食
材を全く使わないので、ユーザーが
入力した食材集合ingの中身がその
まま出てくる
ing - tag2
>>> {1, 2, 3}
=> 差を取った集合がユーザーが入力
した食材集合と一致しなければ、その
レシピを表示する(編集済)
2. リンクの共有
Nakaya 2022/12/23 16:56
https://qiita.com/kikuchiTakuya/items/
c56c4b25e8b4d005dd8a
Qiita
【JavaScript】 getElementByIdで
nullが返ってきたときに確認する
こと - Qiita
はじめに
凡ミスで長い時間つまずいたのでメ
モ。
あと役に立ちそうなサイトもメモ。
jsのコードの場所を確認
外部ファイルを読み込むにしろ, html
の中に書くにしろ, 書くかは割
と重要ですね。
外部ファイルでつまずい...
理由は簡単ですが, <div
id="menu"></div>の前にjsファ
ギルド 2022/12/14 12:35
https://getbootstrap.jp/docs/5.0/comp
onents/button-group/
Button group (ボタン
グループ)
ボタンループは複数
のボタンを1行にまと
めます。ボタングルー
プの使い方の例を示し
ます。
https://www.delftstack.com/ja/howto/j
avascript/change-input-value-
javascript/
Delft スタック
JavaScriptで入力値
を変更する
JavaScript の value プ
ロパティまたは
setAttribute関数を使
用して、入力値を変更
できます。
https://www.javadrive.jp/javascript/eve
nt/index2.html

注文の多い料理店では小さくコツコツサービス提供します 1. 小さなPBI 2. 時間の設計 12

2-1. 小さなPBI 13 ・短時間のスプリントで最大限の成果を出す ・だしたタスクを分解できないかを毎回議論 ・意思決定もタスク化する フロントエンド (HTML)記述 全員の環境構築 detaに デプロイ GitHubリポジトリの 作成 .gitignore をはやす 導入します! CSS frameworkを 導入するか きめる bootstrapを 導入する サムネの 表示 template engineの導入 リンクとタイトルを 表示する レシピを 列挙する

2-1. 小さなPBI 14 ・進捗が出やすい ⇒価値検証⇔改善 のプロセスが素早く回せる！ ⇒「顧客が求めるもの」と 「自分たちが実現したいもの」を 常に意識できる フロントエンド (HTML)記述 全員の環境構築 detaに デプロイ GitHubリポジトリの 作成 .gitignore をはやす 導入します! CSS frameworkを 導入するか きめる bootstrapを 導入する サムネの 表示 template engineの導入 リンクとタイトルを 表示する レシピを 列挙する

2-2. 時間の設計 15 ・課題：休憩をよく忘れる ⇒休憩時間まで含めてプランニングする 時間配分 を決める 際に休憩 時間も決 める 時間計測 gitのtime stampを 見る タイム キーパ 休憩 忘れ 時間管理 理想:40 実際:50 and検索を タグからできるように 休憩 13:25~35 notとandの 表現を考える 15 button group? 予定:30 実際:25 not検索を タグからできるように 「-」ボタンを 追加する Inputに いれる 関数を 作る 休憩: 16:22~32 45 and検索で

最後に： Cookりさんはこんなアプリ！ ・一目でレシピを作れるかわかる！ ・豊富な検索 ・今ある食材だけで料理が決められる ・レパートリーを重視した検索 じゃがいも なす 鶏もも肉 豚こま肉 検索 ナスと厚揚げのオイスター炒め なす 厚揚げ おろしにんにく おろししょうが オイスターソース 醤油 砂糖 ごま油 16

今日の献立、Cookりさんで決めませんか？ アプリ チームボード プレゼンスライド 17