Open1
DB連携。chatGPT, claude-3.5-sonnet, gemini-1.5 pro試す例
knaka Tech-Blog概要
前回の生成AI的な、bolt.new等でフロント生成の続編になります。
- 今回はバックエンド実装で、AI活用できるか。試す内容です
- chatGPT, claude, gemini 比較の為。使用します
- 前回のフロント生成後に、API追加
- DB: postgres
[ 公開 2024/10/18 ]
構成
- shadcn/ui
- React
- Bun
- Express.js
- esbuild
前回の記事
関連
- claude-3-5-sonnet
- https://www.anthropic.com/
- gemini-1.5 pro
- https://aistudio.google.com/app/prompts/new_chat
プロンプトの準備
- 追加
プロンプト
コード生成して欲しいです。
Typescript でpostgres にデータを追加する
npm は pg を使います
項目は、下記です
id：TODOを一意に識別するためのID。
title: TODOのタイトル。
content: TODOの詳細な説明。
userId: 数値型
completed： 数値型
createdAt: レコード作成日時。
updatedAt: レコード更新日時。
- 削除
プロンプト
コード生成して欲しいです。
Typescript でpostgres TODOデータを削除する
npm は pg を使います
下記の項目を使用して、削除したいです。
id：TODOを一意に識別するためのID。
- リスト
プロンプト
コード生成して欲しいです。
Typescript postgres で、一覧のデータを取得する
npm は、pg を使います
項目は、下記です
id: TODOを一意に識別するためのID。
title: TODOのタイトル。
content: TODOの詳細な説明。
userId: 数値型
completed： 数値型
createdAt: レコード作成日時。
updatedAt: レコード更新日時。
- 更新
プロンプト
コード生成して欲しいです。
Typescript でpostgres データ更新する
npm は pg を使います
id項目を使用して。更新したいです
id：TODOを一意に識別するためのID。
下記の項目を、更新したいです
title: TODOのタイトル。
updatedAt: レコード更新日時。
生成AI 出力
-
追加機能を、比較
-
chatgpt
-
https://gist.github.com/kuc-arc-f/5fa6b9ca0ad28b098a8999513083f3e9
-
claude-3-5-sonnet
-
https://gist.github.com/kuc-arc-f/d836e0540a09be5e4d4ff52affa7bc63
-
gemini-1.5 pro
-
https://gist.github.com/kuc-arc-f/a7d202d1cc237da4ecb9021b86dfe9d3
考察
- ３種類 コード確認したところ。あまり差がないようでした。。
- とりあえず、追加機能以外は。１種類AIを選択し、実装進める事にしました。
- API実装は、上記出力の使える部分を。各エンドポイント関数に貼り付けて実装
修正したコード
- https://github.com/kuc-arc-f/bolt_4example/tree/main/todo_3
- API file: todo_3/src/routes/todoRouter.ts