- 1. 【Node.js】Node.jsのVersion管理
- 2. Socket.IOのクライアント用モジュールはなぜパス指定のみで読み込めるのか
- 3. CloudFront Lambda@Edge で新しい NodeJS ランタイムを利用する場合に Cannot find module ‘aws-sdk’ というエラーが発生する
- 4. 【Volumio3】β版JP_Radioプラグインのインストール方法
- 5. 【Node.js】インターネット上にある画像のURLを指定してローカルに画像を保存する
- 6. フロントからWebスクレイピング ( react, express 連携 )
- 7. CLIだけでCode EngineWebアプリの作成をしてみるメモ
- 8. 【Node.js】Pinata-SDKでファイルをIPFSへPINする
- 9. AIを活用した開発の基本
- 10. Oracle Linux 9 インスタンスへのnginx ＋Node jsアプリ作成 エラー 502 Bad Gateway
- 11. ts-nodeでサクッとWEBサイトのTypeScriptやNode.jsサンプルを動かすの巻
- 12. AWS CleanRoomsのクエリを定期的に実行するLambda関数
- 13. 草食系男子がChatGPTとLINE Notifyを使って本気で婚活する話
- 14. Kubernetes上のNode.jsアプリケーションのHeapdump
- 15. 手元のpackage.jsonに記載のversionを手軽に取得したい
- 16. Node.js, WebSocket 使った簡易チャットの作成
- 17. NodeCGのバンドルについての備忘録
- 18. 【Unity】自作ライブラリのパッケージ管理をやってみた【導入編】
- 19. OpenAI 画像生成API チュートリアル DALL-E3編(2/4)
- 20. OpenAI 画像生成API チュートリアル 環境構築編(1/4)
【Node.js】Node.jsのVersion管理
Node.jsのVersion管理ツールは色々あり、主なものは以下のもの。
– [nvm (Node Version Manager)](https://github.com/nvm-sh/nvm)
unix, macOSで動作可能。
Windows版は[nvm-windows](https://github.com/coreybutler/nvm-windows/releases)
– [fnm](https://github.com/Schniz/fnm)
unix, macOS, windowsで動作可能。
Rustで作られた高速管理ツール
– [Volta](https://github.com/volta-cli/volta)
unix, macOS, windowsで動作可能。
Rustで作られた高速管理ツール
– [n](https://github.com/tj/n)
unix, macOS, windows WSLで動作可能。
Windows版は無さそう。
非常にシンプルな仕様今回は、[Microsof
Socket.IOのクライアント用モジュールはなぜパス指定のみで読み込めるのか
[Socket.IO](https://socket.io/)のクライアント側のモジュールが、`node_modules`内に存在しているにも関わらず、`/socket.io/socket.io.js`というパス指定だけでクライアントサイドから読み込めることが非常にフシギに思った。
> The io method is bound to the global scope in the standalone build:
> “`html
>
>
> “`
（[Socket.IO公式ドキュメントより](https://socket.io/docs/v4/client-api/)）例えば、Bootstrapなどは[ここ](https://qiita.com/yutami/items/75d65de5d6f79143ee92)で解説したように、静的ファイルとして提供することをサーバーサイド側で定義
CloudFront Lambda@Edge で新しい NodeJS ランタイムを利用する場合に Cannot find module ‘aws-sdk’ というエラーが発生する
# 問題
れまで NodeJS 14 ランタイムで利用していた Lambda@Edge のコードでは以下のように aws-sdk を利用するコードを書いていた。
“`js
const aws = require(“aws-sdk”);
“`しかし、NodeJS 18 にランタイムを更新してデプロイすると、このコードがエラーになってしまったのでその原因と対処方法を調査した。
# 原因
NodeJS 18 ランタイムからは `require(‘aws-sck’)` によって利用される AWS SDK v2 ではなく、新たに AWS SDK v3 がデフォルトで同梱されるようになり、v2 を意味する `require(‘aws-sck’)` がデフォルトでは利用できなくなったため。
https://aws.amazon.com/jp/blogs/compute/node-js-18-x-runtime-now-available-in-aws-lambda/
v3 を利用する場合は、ドキュメントに従って適切なモジュールを利用することになる。
https://docs.a
【Volumio3】β版JP_Radioプラグインのインストール方法
https://fickle-it.net/2023/11/volumio3-install-plugin-bata-jp_radio/
こんにちは、mOqOmです。
少し前にVolumio3でRadikoを聴取できるプラグインのJP_Radioを作成しました。
2023/11/04現在、Volumio3のプラグイン検索にはリリースされていませんが。。。そこでVolumio3でRadikoを聴取できるJP_Radioの正式リリース前にプラグインを使用した方向けにインストール方法を紹介します。
### 動作環境(開発環境)
あまり気にしなくていいと思いますが、開発環境は以下になります。
以下のバージョン以上であれば動作すると思います。Raspberry Pi 4 Model B
Volumio3(Ver:3.546)
Node.js(Ver:14.15.4)
npm(Ver:6.14.10)
Python3(Ver:3.7.3)
Python2(Ver:2.7.16)
ffmpeg(Ver:4.1.11-0+deb10u1)### 初期設定
「
【Node.js】インターネット上にある画像のURLを指定してローカルに画像を保存する
インターネット上にある画像のURLを指定してローカルに画像を保存する方法です。
## 私の環境
– macOS Ventura
– Node.js: v20.0.0
– 開発環境： VSCode## 最初に
HTTPリクエストを行うためのライブラリ axios をインストールします。
“`
$ npm init
$ npm install axios
“`コード
“`index.js
const fs = require(‘fs’);
const axios = require(‘axios’);async function downloadImage(url, filePath) {
try {
const response = await axios({
url,
method: ‘GET’,
responseType: ‘stream’
});const writer = fs.createWriteStream(fil
フロントからWebスクレイピング ( react, express 連携 )
フロントからWebスクレイピンを行おうとするとCORSのエラーでだいたいはまる．．．
相手側の設定次第では回避できる時もあるがフロントのみだと解決できない．．．
そこで express で簡易にバックエンドのサーバ作って対応してみる
スクレイピングには jsdom 使ってますフロントのみで CORS のエラー解消する方法あったら教えてください！！
# 実施環境
– Windows11
– node (v18.17.1) ※インストール済
– react@18.2.0
– express@4.18.2# 手順
## react プロジェクト作成・移動 (create-react-app)
create-react-app を使ってプロジェクトを作成
プロジェクト名は任意でOK！
– プロジェクト作成
“`powershell
npx create-react-app project-name
“`
– プロジェクト移動
“`powershell
cd project-name
“`## express インストール（バックエンドサーバ）
express のインスト
CLIだけでCode EngineWebアプリの作成をしてみるメモ
GitHub Codespaces上でCode Engineを使って開発をしてみます。
いつも手順忘れる..
## 1. CLIツールの準備
### IBM CloudのCLIをインストール
通常のGitHub CodespacesだとLinux指定になります。
“`bash
$ curl -fsSL https://clis.cloud.ibm.com/install/linux | sh
“`これでOKです。
### Code Engineのプラグインインストール
“`bash
$ ibmcloud plugin install code-engine
“`確認してみます。
“`bash
$ ibmcloud plugin listibmcloud plugin list
Listing installed plug-ins…Plugin Name Version Status Private endpoints supported
code-engine[ce] 1.48.0 true
【Node.js】Pinata-SDKでファイルをIPFSへPINする
ここを見ながらやりました。
https://github.com/PinataCloud/Pinata-SDK
ファイルをアップロードするようなことを、IPFSではピンというらしいですね。
（違ったらごめんなさい）## 私の環境
– macOS Ventura
– Node.js: v20.9.0
– 開発環境： VSCode## 準備
### PINATA
https://www.pinata.cloud/APIキーを取得して、どこかに控えておく
### 環境変数の設定
ルートディレクトリで
Pinata のSDKと
環境変数設定のライブラリ dotenv をインストールする。“`
npm install –save @pinata/sdk
npm install –save dotenv
“`ルートディレクトリに .envファイルを作成し、
さっき控えたAPIキーなどを環境変数を設定する。“`.env
PINATA_API_KEY = “PINATAのAPIキー”
PINATA_API_SECRET = “PINATAのAPIシークレッ
AIを活用した開発の基本
# はじめに
最近、AIの進化がすごいですね。
私もスマホアプリの個人開発でAIを活用してみたところ、1/16の時間で完成しました。
（見積り 80h -> 実績 5h）この記事では、AI（ChatGPT）を開発に活用した例をご紹介します。
ただし、毎週のように様々なAIプロダクトが発表されており、これが正解ではありません。
基本的な考え方は変わらないと思うので、状況に応じて柔軟に工夫し、最適なツールおよび活用方法を見つけてください。# 前提知識
・AIは幅広い知識を持っているが、正解を教えてくれるわけではない。
・AIからの回答は提案であり、最終判断は人間が行う。
・前提条件とやりたいことを明確に伝えると、より正確な提案を得られやすい。
・イメージと違う方向に行ったら、それはプロンプト（質問や指示の仕方）が原因。プロンプトを繰り返し見直すべき。
・何度か再生成したり、プロンプトを微修正したりすると、より希望に沿った回答（提案）を得られることがある。# 事前準備
ChatGPTに依頼する前に、前提条件と要件を明確にしましょう。
相手はこちらのことを知らないので、でき
Oracle Linux 9 インスタンスへのnginx ＋Node jsアプリ作成 エラー 502 Bad Gateway
# 背景
Node jsでサーバアプリケーション作成します。Nginxでリバースプロキシします。
### Nginx install
– インストール
“`rb
$sudo yum update
$sudo yum install -y nginx
“`
– nginx起動
“`rb
$sudo systemctl start nginx
$sudo systemctl enable nginx
“`
– 状態チェック
“`rb
$sudo systemctl status nginx
“`
# 問題
https://xxxxx ウェブサイトアクセスするときに以下のエラー発生しました。:::note alert
502 Bad Gateway
nginx/1.20.x
:::# 調査
– curl でnodeアプリが動いてるのか確認します。http://localhost:3000はnodejsアプリが動いてるIPアドレス
“`rb
curl -v http://localhost:3000
“`
結果は、問題ない。– nginxのconfが正しいのか
ts-nodeでサクッとWEBサイトのTypeScriptやNode.jsサンプルを動かすの巻
# はじめに
以前、サイトに掲載されているサンプルJavaプログラムをサクっと動かせるとして[jshell](https://qiita.com/SP-ya/items/9449d29291f577889180)の記事を投稿しましたが、今回はTypeScriptをサクっと動かせるツールとしてts-nodeの記事を書きました。ts-nodeをREPLモードとtsファイル指定モードで設定を変えないといけないのがちょっと今一な記事となっています。だれか改善策を知っている方がいたら是非ご教示下さい。
独り言：ts-nodeをREPLで使う人って少ないのかなー。
# バージョン情報
– Nodejs:20.x
– TypeScript: 5.2.2
– ts-node: 10.9.1# 環境構築
## Node.js
### Node.jsインストール
[ここ](https://nodejs.org/en)からインストーラダウンロードしてインストール。### npm initコマンドでpackage.jsonを作成する
npm init実
AWS CleanRoomsのクエリを定期的に実行するLambda関数
## 記事の目的
AWS CleanRoomsのコラボレーションによるデータ共有は、共有する側/される側でCleanRoomsでクエリを実行できるレベルの知識やクエリ実行する手間が必要となるため、非エンジニアにデータ共有したいといった要件の場合は運用面でのハードルがある。
自動で定期的にクエリを実行するようにして、S3に保存されている結果ファイルだけを共有するようにしたいと思ったが、調べた限りCleanRooms自体にはクエリを自動的に定期実行する仕組みがない模様。
ということで、CleanRoomsのクエリを定期実行するLambda関数を作ってみた。## 前提
### ローカル
– mac（Windowsの場合はコマンド等を適宜読み替え）
– Node.js バージョン20.x がインストール済みであること
– AWSの認証情報が設定済みであること### AWS
– CleanRoomsのコラボレーションが作成済みであること
– 実行するクエリの分析テンプレートを登録済みであること
– 記事内のAWSマネコンのリンク東京リージョン—
## ソースコード
htt
草食系男子がChatGPTとLINE Notifyを使って本気で婚活する話
## 1. 意中のあの子をレストランに誘いたいけど、どうやって誘ったらいいかわからない！
ChatGPTにどうすればいいか聞けって？というわけで聞いてみたところ
丁寧に教えてもらった。ありがたい時代だ。
とにかく「レストランに誘え」と言いたいようだ。
ふむふむ、いけそうな気がしてきたぞ。***まだPCのモニターとしか向き合っていません。***
## 2. デートの場所としてレストランのリストを作る！
スマートに誘うためにLINEにあらかじめ候補となるレストランのリストを作りたい。
名古屋駅から500m圏内の個室のあるお店をリストアップしてLINE Notifyで自分に送るようにコードを作成した。作成したコード
“`js
// ホッ
Kubernetes上のNode.jsアプリケーションのHeapdump
Kubernetes上のnode.jsアプリケーションでメモリーリークをしている可能性があったので、Heapdumpを取って解析をすることにしました。
どのようにKubernetes上のnode.jsアプリケーションのHeapdumpを取得したか紹介したいと思います。
# Deploymentの変更
実際にある程度のロードがある状態でHeapdumpを取りたかったので、すでにデプロイされているDeploymentを少し変更して、そこからHeapdumpを取ることにしました。本来はPodでNode.jsがスタートするように設定しますが、スタートのパラメータを変更したいので、一時的に
“`bash
kubectl -n mynodejs edit deployment mynodejs
“`
で以下のように`tail -f /dev/null`とかしてPodはスタートしてもNode.jsはスタートしないようにします。“`yaml
apiVersion: apps/v1
kind: Deployment
metadata:
name: mynodejs
names
手元のpackage.jsonに記載のversionを手軽に取得したい
手元で触り始めた package.json に記載の version 文字列を、とにかく手軽に取得したい。
かと言って、[`npm version`](https://docs.npmjs.com/cli/v10/commands/npm-version) ではないんだよな〜、という時。## 取得方法
### jq
そこに `jq` があるなら。
“`console
cat package.json | jq -r ‘.version’
“`### jq (container)
そこに `jq` はないが、 `docker` があるなら。
“`console
cat package.json | docker run –rm -i ghcr.io/jqlang/jq -r ‘.version’
“`### node
そもそも package.json の話をしているくらいだから、`node` がありそうな予感。
“`console
node -p ‘require(“./package.json”).version’
“`
Node.js, WebSocket 使った簡易チャットの作成
Node.js, WebSocket（双方向通信） 使って簡易チャットを作ってみる
見た目は某〇INE風にしてます
実行した環境とかは以下です– Windwos11
– Node.js v18.17.1
– WebSocket v8.14.2 (ws@8.14.2)
– http (http@0.0.1-security)
– http-server (http-server@14.1.1)# プロジェクトフォルダ作成・移動
“`powershell
mkdir chat
cd chat
“`# node 初期化
“`powershell
npm init -y
“`# WebSocket インストール
“`powershell
npm i ws
“`# http インストール
“`powershell
npm i http
“`# http-server インストール
これだけグローバルにインストール
“`powershell
npm i -g http-server
“`# server.js (バックエンド) 作成
フォルダ分けても
NodeCGのバンドルについての備忘録
# 概要
* NodeCG のバンドルとはなにか
* `nodecg install` で何をやっているのか
* どうやってバンドルを作るのかについて書き残しておきます。
NodeCG の基本的なお話は書きません。いっぱい記事あるからね。# NodeCG のバンドルとはなにか
ざっくりいうと `nodecg/bundles/{bundleName}` 配下に配置されるコンテンツ。
基本的には下記のような構成でいろいろ入ってくる。“`
nodecg/bundles/{bundleName}/
dashboards/
graphics/
extensions/
package.json
“`# `nodecg install` で何をやっているのか
[NodeCG CLI](https://github.com/nodecg/nodecg-cli) のコマンドの一種である `install` でバンドルをインストールできる。やってることは非常に単純で
1. 下記いずれかの引数によりリポジトリをクローン
* Git リポジトリの
【Unity】自作ライブラリのパッケージ管理をやってみた【導入編】
こんにちは！
株式会社OGIXのエンジニアのH.N.です。
（弊社については最後に紹介があるのでぜひ見てください）エンジニアなら誰もが憧れる、オレオレライブラリ！
自分で作った便利ツールを、簡単に管理出来たら便利ですよね。自作ライブラリの管理において、以下の問題があると思います。
– バージョン管理
ライブラリを複数のプロジェクトで使っているとき、ライブラリをアップデートしたら使用中のプロジェクトも漏れなく更新したい
– 依存関係の管理
自作のライブラリどうしが依存している場合、片方を入れたらもう片方も自動的にインストールされてほしいなかなか頭の痛い問題ですね！
今回は、Unityでこのような自作ライブラリ管理を、お手軽に行える方法を試してみたいと思います！## アプローチ
Verdaccioという、オープンソー
OpenAI 画像生成API チュートリアル DALL-E3編(2/4)
# 📖 **Table of Contents: 目次**
– [📖 **Table of Contents: 目次**](#-table-of-contents-目次)
– [🤖 **OpenAI Image Generation API Tutorial: OpenAIの画像生成APIチュートリアル**](#-openai-image-generation-api-tutorial-openaiの画像生成apiチュートリアル)
– [📌 **Project Overview: プロジェクトの概要**](#-project-overview-プロジェクトの概要)
– [🚀 **Image Generation Implementation (DALL-E 3): 画像生成(DALL-E 3)の実装**](#-image-generation-implementation-dall-e-3-画像生成dall-e-3の実装)
– [📁 **Folder Structure: フォルダ構成**](#-folder-structure-フォルダ構成)
– [📝 **
OpenAI 画像生成API チュートリアル 環境構築編(1/4)
# 📖 **Table of Contents: 目次**
– [📖 **Table of Contents: 目次**](#-table-of-contents-目次)
– [🤖 **OpenAI Image Generation API Tutorial: OpenAIの画像生成APIチュートリアル**](#-openai-image-generation-api-tutorial-openaiの画像生成apiチュートリアル)
– [📌 **Project Overview: プロジェクトの概要**](#-project-overview-プロジェクトの概要)
– [🛠️ **Required Skill Set: 必要なスキルセット**](#️-required-skill-set-必要なスキルセット)
– [🔧 **Tools and Technologies Used: 使用するツールと技術**](#-tools-and-technologies-used-使用するツールと技術)
– [🖥️ VSCode](#️-vscode)
– [🟢 N
