Clineで生成AIをつかって一行もコード書かずにアプリをつくる

ClineというVSCode拡張のAI対話型のプラグインを教えてもらったので、早速試す。

Cline自体はChatGPTなどのAIエンジンとの中継を担ってくれるやつで、設定したAIエンジンを使って、対話型でどんどんアプリを実装してくれる。ファイルアクセスやコマンド実行などの権限も有効にすると、環境構築やファイル生成も自動でやってくれる凄いやつ。

環境構築：

　こちらのサイトを参考にさせて頂きました

　


試したこと：

①AIと対話するチャットアプリ作ってって言う

　→index.html,script.js,style.cssを勝手に作ってくれて、AI部分がダミー(言葉反転だけ)のローカルWebアプリができる

②AIのバックエンドはChatGpt4oにしてって言う

　→API_KEYの指定がダミー状態で、OpenAIのAPIを叩く実装してくれる。モデルはgpt-3.5-turboを指定してた。

③AIは優しいお姉さんと面白い犬にしてって言う

　→チャット用のAPIリクエストのプロンプトにお姉さんと犬の人格設定してくれる

④お姉さんと犬の画像もつけて欲しいって言う

　→画像を格納するように言われるので適当に画像とってきて格納する

途中で何回かエラーになったけど、エラー画面のキャプチャを送り付けたら、画像解析して勝手にバグ内容認識して、勝手にバグ修正してくれた。

アプリ作成に使用した課金額も表示してくれてる。

一行もソース書かずに、優しいお姉さんと面白い犬とチャットできるWebアプリができた。これは物凄いツールだ。

今回のClineはChatGPTを使ったけど、ローカルLLMも指定できるらしく、PCが強かったらDeepSeekとlLamaとかで無料で使えそう。マジ凄い。