【デプロイ】ChatGPTでTODOリスト(WEBアプリ)のソースコードを生成する【4/4】
ブラウザで動くTODOリスト制作 with ChatGTP、全工程終了です。 --- <全体の流れ> 全体の流れと仕様を決める ChatGPTへの指示内容を作成する 生成されたソースをレビューする 完成したソースを使ってTODOリストを作成、デプロイする ←今ココ --- <成果物> URL(GitHub Pages で公開しました) https://yokotamanoko.github.io/chatgpt-webapp-todolist/ ChatGPT用プロンプト(指示書) https://github.com/yokotamanoko/chatgpt-webapp-todolist/blob/main/prompt.txt 最終版ソース https://github.com/yokotamanoko/chatgpt-webapp-todolist/tree/main/docs ChatGPTが最初に出力したソースとレビュー内容 https://github.com/yokotamanoko/chatgpt-webapp-todolist/pull/1/files --- エンジニア視点でChatGPTとの付き合い方を知ることを目的にはじめた本件、現時点での感想は「プロジェクトのひな型と、部品作りを担当してもらうなら便利」かな。 とは言え、プロンプトを「こんなんでええんかいな」と思いながら作るぐらいには素人なので、慣れてくればもっとシュババッとスゲーもん作れちゃうかもしれません。 やりながら困ったなと感じたのは画面設計およびデザインです。ChatGPTとは画像のやりとりが出来ないので(最新の有料版は出来るようです。すごすぎじゃん?)文字で会話しないといけない。が、その時点でま〜めんどくさい気持ちが勝ってしまい、今回はそこに時間かけるつもりもないしそれっぽく見えればOK!としました。 その他、どこまでChatGPTに依頼するかのイメージは予め持っておいたほうがいいなと思いました。今回、出てきたソースを修正するとしてどこまでChatGPTにやってもらうか?の判断で悩む瞬間がありました。役割分担の感覚を掴むことも今回の目的に含まれていましたが、ちょっとここはまだ、プロンプトの書き方と合わせて練習が必要そうです。 ばーっと思ったことを並べましたが、今後はデータベース