1
0

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 3.7 sonnet を色々と試してみようということで
Claude 3.7 sonnet を使ってアプリ開発を行っております

今回は第4弾!クイズアプリです!

これまでの記事はこちら

クイズアプリを作っていく!

今回はデザインの部分まで振ってみようと思います!
オシャレなアプリになるかな

プロンプトはこちら

プロンプト
以下のアプリを作って
クイズアプリ
   * 基本機能: クイズの出題スコアの記録クイズの共有ランキング表示クイズの作成機能

【TOP】
image.png

【クイズ挑戦画面】
image.png

【結果画面】
image.png

【ランキング】
image.png

【クイズ作成】
image.png

シンプルなデザインのクイズアプリを作ってくれました!
資格勉強に使うとかなら十分なクオリティーですね
共有ボタンは動きませんが、他は動きます!

そういえば、名前入力するところが無いので点数を取ってもランキングに入りませんね、、、

機能は最低限満足したので、今回はデザインの少し負荷のあるものにしたいと思います

プロンプト
クイズをしたくなるようなデザインにしてアイコンも追加して

本当はこんなに抽象的なプロンプトは良くないんでしょうけど、、、
お願いします!
ChatGPTは画像も作ってくれるというし、Claudeは作れなかった気がするけど
無茶振りしてみました

image.png

エラーが発生しまくり、最初のアプリに戻ってしまいました、、

デザインと、アイコンという2つお願いしてしまったのが良くない気がしてきました!

次はアイコンのみにしたいと思います

プロンプト
アイコンを追加して

結果、エラーが発生し、生成されませんでした、、、
線と〇とかを組み合わせて作ってくれるかなと思いましたが、厳しいようです、、、

最後にデザインだけでもオシャレなのにしてほしい!

プロンプト
クイズをしたくなるようなデザインにして

、、、

こちらもエラーが出続けました

デザイン変更は苦手そうですね

クイズアプリはシンプルな形で終了することになりました

今回の気づき

・アイコンを入れることは厳しい
・ユーザ設計など少し踏み込んだデザインは苦手
・自分のためのアプリならClaudeだけで十分なものを作れそう

1
0
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
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?