買物メモアプリを15分で作る。そうGPT-4ならね

話題のGPT-4を使って、買物メモのWEBアプリを作ってみました。

作り方(?)

①ChatGPTに以下の感じで聞いていきます

・あなたは優秀なエンジニアです
・主婦が買い物メモするアプリを作るときに、必要な機能はなんですか
・買い物アプリで優先される3機能について、WEBで動くJava scriptベースでコードを書いてください

②HTMLとJava Scriptを記載してくれるので

・HTMLをテキストエディタに貼って”index.html”の名前で保存する。

・JavaScriptコードをコピーして、index.html内の<script>タグ内に追加する。

・上書き保存する。

③ありません。もう完成してます。

指示がこれだけだと英語アプリになるので、私はHTMLを一部日本語に書き換えましたが、直さなくても動きますし、指示に日本語表記してくださいと言えばできると思います。

アプリ(ほとんどのブラウザで動くかと)

https://retaildx.net/shopping-list.html

コード

以下にコードを画像で貼っておきます。

お読みいただき、ありがとうございました。
記事をお読みいただいた方に最適化された広告です。

最新情報をチェックしよう!