nodejs

JSONデータをClientからNode.jsのサーバに渡す

やりたいことClient側のJavaScriptのJsonデータをNode.jsのサーバに渡します。実装Client側の実装Client側の実装は以下のようになります。urlは送信先のURLです。必要に応じて変更してください。objは送信するJSON（Object）です。const Http = new XMLHttpRequest();const url='送信先Http.open("POST", url);////////POSTでオープン。GETではContentsを送信できません。let obj = {number:20, aaa:"ああああ"};////送信するJSONHttp.se...

2024.11.01

nodejs

VisualStudioCodeでNode.jsのサーバコードをデバッグする

やりたいことNode.jsでHTTPサーバを実装した際にVisualStudioCodeでデバッグします。環境Node.js　v20.16.0VisualStudioCode　1.94.2デバッグFileメニューから”Open Folder...”を選択して、プロジェクトのあるフォルダを開きます。画面左の"Run and Debug"をクリックして"Create a Launch.json file"をクリックします。画面上部に以下のプルダウンが表示されるのでNode.jsを選択します。しばらく待つと以下の内容でLaunch.jsonがプロジェクトフォルダ/.vscodeに作成されます。pro...

2024.10.31

nodejs

Windows上のNode.jsで80ポートを使用する

やりたいこと下の記事ではNode.jsを使用してHTTPサーバを起動しました。作業するに当たりUnix系のOS上でNode.jsを使用すると８０ポートで起動できない。という記事を見かけました。しかしWindows上で80ポートが使えるかどうかは明記されていません。気になったので試してみました。環境Node.js　v20.16.0使用したコード使用したのは以下のコードです。上記の記事のポートのみを変更しています。import http from 'node:http';const server = http.createServer((req, res) => { res.writeHead(2...

2024.10.31

nodejs

Node.jsでサーバーを立てる(module)

やりたいことNode.jsを使用してHTTPサーバーを立てます。CJS(require)ではなくESM(import)を使用した方法で実装します。環境準備Node.jsのインストール以下のリンクからNode.jsを環境にあったダウンロードしてインストールします。実装任意のフォルダを作成してserver.mjsファイルを作成します。中身は以下のようにします。import http from 'node:http';/////Serverを起動　リクエストに対してJsonを返却するconst server = http.createServer((req, res) => { res.writeH...

2024.10.31

nodejs

Gemini+NodeJSで遊ぶまとめ

やりたいことGoogleのAIであるGeminiをNodeJSで使用する記事のまとめです。オフィシャル記事まとめNodeJSで環境を作成してGeminiから回答を得るところまでHTMLで入力、Gemeniからの回答を出力するところまでフィルタ(SafetySetting)の設定方法

2024.10.26

nodejs

NodeJS+GeminiにGUIを実装する

やりたいこと下の記事で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...

2024.10.10

nodejs

NodeJSでGeminiの実装

やりたいこと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...

2024.10.09

nodejs

npm npxのコマンドで失敗する（errno -4058）

やりたいことnpm/npxのコマンドを実行した際にerrno -4058のエラーが表示され失敗しました。具体的にはnpx create-next-app@latestを実行したときに以下のエラーが表示されました。npm error code ENOENTnpm error syscall lstatnpm error path C:\Users\XXXXXXXXX\AppData\Roaming\npmnpm error errno -4058npm error enoent ENOENT: no such file or directory, lstat 'C:\Users\XXXXXXXX...

2024.09.22

nodejs

npmでのパッケージ管理の基本

やりたいことNode.jsやJavaScript/TypeScriptの調べ物をしているときなどによく出てくるnpmに関して簡単に説明します。ここではパッケージ管理に関しての基本をまとめます。NPMとはNPMはNode.jsで使用されるパッケージ管理システムです。(実際にはパッケージ管理だけでなくパッケージの実行などいろいろな機能があります)公式ページインストールNPMによるパッケージのインストールは以下のコマンドにより行います。npm install パッケージ名installはadd, i, in, ins, inst, insta, instal, isnt, isnta, isntal...

2024.08.24

nodejs