2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

【Claude×CodePen】あなたにぴったりのワイン教えます!

Posted at

お客さまからどれがおすすめ?って聞かれて困ったスーパー店員のためのアプリ

ClaudeとCodePen使用

完成品

作成方法

:one:spreadsheetを使って店舗の取り扱いワインの一覧の作成
:two:商品詳細を記入→味わい、産地、種類

スクリーンショット 2024-07-27 234959.png

:three:Claudeにプロンプト投げかけコードを作成→CodePenに添付

スクリーンショット 2024-07-13 191001.png

Claudeが書いてくれたコード
スクリーンショット 2024-07-13 004111.png

:four:理想形を求めてコードの修正
:five:完成!

完成品のトップページ
スクリーンショット 2024-07-18 115156.png

完成品とはいってはいるが…

実は全然完成していません…
まだまだ発展途上で、同僚や仲間たちからもらったフィードバックを全然生かせていません。
今後はもっと完成に近づけ、職場で使えるような状態にしていきたいです。

※今回はアイディアと自分の振り返りのために記事を書きました。
読んでいた方、内容ペラペラですみません…。

2
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?