Maruno's technical memo --まるのの技術な備忘録

やりたいこと下の記事でNodeJSでGeminiを使用できるようにしました。しかしGUIがなく実用性は皆無なのでGUIを実装します。おさらい前回作成したHTMLは以下の通りです。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Gemini</title> </head> <body> <script type="module" src="main.js"></script> </body></html>同様にJSは以下の通りです。let api_key = "Your API key"import { GoogleGener...

やりたいことGoogleの生成AIであるGeminiをNodeJSで使用します。実装API key の作成以下のページにアクセスしてAPI keyを取得しますプロジェクトの作成ここでは以下の記事を用いてNodeJS+Viteのプロジェクトを作成しました。続いて以下のコマンドを実行し、generative-aiをインストールします。npm install @google/generative-aiHTMLの作成Srcフォルダにindex.htmlを作成します。内容は以下のようにしました。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <ti...