WEBアプリ

お出かけ準備アプリ

HTML CSS JavaScript Claude Code Design
TARGET
ターゲット
・季節や天気に合わせた服装・持ち物選びに迷う人 ・出かける前の準備をまとめて済ませたい人
PURPOSE
目的
・天気・季節・お出かけのシーンを選ぶだけで、服装と持ち物を提案する ・自分が季節に合わせて服を選ぶのに毎回手間取っていたので、その負担を減らすために作成
DURATION
製作期間
3日
TECH
使用技術
HTML / CSS / JavaScript / Claude Code / Design
DESIGN
デザインの意図
迷わず使えることを優先し、天気・季節・シーンを順に選ぶだけで結果にたどり着く構成にした。 結果画面では服装と持ち物を一画面にまとめ、準備に必要な情報が分散しないようにしている。

制作エピソード

制作に関するエピソード

「興味を惹きつけられるデザイン」

デザインはChatGPT、コーディングはClaude Codeを使用しました。
自分が季節に合わせて服を選ぶのが毎回大変で、その手間を減らしたいと思い作りました。
家族も同じことを言っていたので、同じ悩みがある方は多いのではないでしょうか。

天気・季節・お出かけのシーンを選ぶと、それに合った服装と持ち物を出す仕組みにしています。提案の中身が薄くならないように、条件から結果を組み立てるルール用のJavaScriptを別に用意して、選んだ条件ごとに結果が細かく変わるようにしました。

「人それぞれ違う診断になるようにした」

シーンの選択肢はできるだけ具体的にして、その人の状況に近い提案が出るようにしました。服装だけで終わらせず持ち物も一緒に出すことで、出かける前の準備を一画面でまとめて済ませられるようにしています。

作品一覧へ戻る