Donburi Diet

https://github.com/daihuku281/donnburidaietto

React

JavaScript

HTML

VSCode

入力したkcalをどんぶり換算してくれるDietwebアプリ

ナカウォーーン

daihuku281

藤本理来(katsudon)

こうちゃ

推しアイデア

全く繋がりのないどんぶり勘定とダイエットを繋げたこと

作った背景

テーマがDだったことと、このチームのメンバーの名前がナカウォーーン以外食べ物だったため、DietとDonburi(勘定)を想起

推し技術

それぞれの要素に小話やおふざけを入れたこと

プロジェクト詳細

DonburiDIetとは

カロリーと体重を入力し、食べ物や人物に変換するWebアプリ

「DonburiDIet」は、自分の摂取・消費カロリーや体重を、食べ物や人物などに“どんぶり勘定”で換算して表示するWebアプリである。

摂取したカロリー量を入力すると、「カツ丼○杯分」などのように食べ物へ換算して表示する。 また、体重を入力すると、自分の体重に近いキャラクターや人物を表示する。

正確な数値管理を目的とするのではなく、楽しみながら自分の状態を知ることをテーマとして制作した。


推しポイント

テーマからの展開

今回のアプリは、単なるダイエット管理アプリでは面白くないと考えた。

そこで、「細かく正確に管理する」のではなく、お金の管理で使われる“どんぶり勘定”という考え方をテーマに取り入れた。

カロリーや体重を、食べ物や人物などへ大まかに換算することで、数字だけではなく視覚的にも楽しめるアプリにしている。


開発体制

開発メンバーは以下の4名である。

  • 1年生:2名
  • 2年生:2名

4名全員がWebアプリ開発初心者だったため、まずは部室に集まり、

  • どのように開発を進めるか
  • 誰が何を担当するか
  • コミュニケーションを取りやすくするためのアイスブレイク

などを行い、チーム開発の土台作りから始めた。

また、Webアプリ開発にはフレームワークである React を使用し、主にJavaScriptとHTML、CSSを用いて制作した。


技術チャレンジ / 成長度

技術チャレンジ

今回、全員が初めてのWebアプリ開発、そして初めてのチーム開発だった。

その中で、

  • Git / GitHub の使い方
  • Reactによるコンポーネント開発
  • JavaScriptによる状態管理
  • GitHubを用いた共同開発
  • コンフリクト解消

など、多くの技術を実践的に学ぶことができた。


成長した点

特に2年生の2名は、

  • GitHubのチーム招待
  • 開発環境構築
  • ブランチ運用

などを初めて経験した。

また、チーム全体としても、

  • コンフリクトの発生
  • 誤ってmainブランチへmerge
  • エラーの原因が分からない

など、多くのトラブルが発生した。

しかし、その都度メンターの方々の助けを借りながら、

  • 原因を調べる
  • 試行錯誤する
  • チームで相談する

という経験を積むことで、技術面だけでなくチーム開発面でも大きく成長できた。

ナカウォーーン

@nakawoon