![見出し画像](https://assets.st-note.com/production/uploads/images/141279095/rectangle_large_type_2_b7a2b18441bc66abdd9099dadb787748.png?width=1200)
ChatGPT4oとシステム開発をするぞ day3
昨日の記事
昨日はトップページが終了しました。
今日からは、それ以外のページを作成しようと思います。ここからはデザインだけでなく実際にユーザーが使用するページなのでUIとか機能要件も意識しながら作っていこうと思います。
![](https://assets.st-note.com/img/1716209404128-jVytq2KzpT.png?width=1200)
![](https://assets.st-note.com/img/1716209434561-EASg01B5Sv.png?width=1200)
デザインを画像でくださいというと、微妙な結果が出力されます。なのでWEBデザイン目的でChatGPTを使用する方は、HTMLかCSSで出力してもらい、それを使用するだと思います。まぁ今回はノーコードで作成しているので、その方法は無理なのですが。
ただ、WEBデザイン用のGPTsを使うともっとハイクオリティな画像が出てくるとは思います。
ログイン、サインアップページはシンプルなので飛ばしますね。
次はユーザーのダッシュボードを作りましょうと言われました。
![](https://assets.st-note.com/img/1716209603068-3tAc9Gli1w.png?width=1200)
![](https://assets.st-note.com/img/1716209620188-5gZ7scTQdc.png?width=1200)
![](https://assets.st-note.com/img/1716209644812-VsUqZF5eFg.png?width=1200)
![](https://assets.st-note.com/img/1716209657888-zqM0csfuHa.png?width=1200)
こんな感じで、物足りないなと思ったら、再度作り直してもらったり、要素を分解していくと良いと思います。というか、僕のプロンプトが下手だから、ChatGPTの能力が生かし切れていないのかも・・・
ここから、コースの詳細ページとコースの一覧ページを作成しました。正直、デザインの部分ではChatGPTの提案はあまり役に立ちませんでした。でも、作ったもののURLを送ると採点してくれてフィードバックを随時くれるので、結構ありがたかったです。文字のピクセル数とかまで教えてくれます。
僕は、そんなつもりはなかったのですが、ChatGPTのなかでは、今回のサービスに課題の提出という機能がついているようでした。
ユーザーに課題を提出させて、それに対するフィードバックを教える側が行うという機能です。でも、課題って文章をアップロードするですよね。文章を書くことのハードルって結構高いんだよな・・・と考えて、●×クイズにしました。
![](https://assets.st-note.com/img/1716209842160-eyFZshtjzt.png?width=1200)
![](https://assets.st-note.com/img/1716209954656-vRlRQDnz0x.png?width=1200)
クイズの作成も出題もChatGPTがやってくれるとのことです。
![](https://assets.st-note.com/img/1716210005587-fKapRtn14r.png?width=1200)
![](https://assets.st-note.com/img/1716210043052-XidyZX1rbR.png?width=1200)
![](https://assets.st-note.com/img/1716210087629-cGw1ICsjeN.png?width=1200)
フィードバックをお姉さん口調にするかは、置いておいて、ユーザーがフィードバックのキャラクターを選べるようにしたらおもしろいかもなって思いました。
とりあえずここまでで。
この記事が気に入ったらサポートをしてみませんか?