- 1. Node.jsでCSVをJSONに変換する【csvtojson】
- 2. Node.jsとgulpをアップデートして、Dart Sassにしたお話
- 3. REST API Caching (忘備録)
- 4. OpenAI 画像生成API チュートリアル gpt-4-vision編(3/4)
- 5. WebSocket調べてみた。
- 6. 【超入門】Node.js(Express)を使ってCRUD操作が出来るAPIを作成
- 7. 【Node.js】Node.jsのVersion管理
- 8. Socket.IOのクライアント用モジュールはなぜパス指定のみで読み込めるのか
- 9. CloudFront Lambda@Edge で新しい NodeJS ランタイムを利用する場合に Cannot find module ‘aws-sdk’ というエラーが発生する
- 10. 【Volumio3】β版JP_Radioプラグインのインストール方法
- 11. 【Node.js】インターネット上にある画像のURLを指定してローカルに画像を保存する
- 12. フロントからWebスクレイピング ( react, express 連携 )
- 13. CLIだけでCode EngineWebアプリの作成をしてみるメモ
- 14. 【Node.js】Pinata-SDKでファイルをIPFSへPINする
- 15. AIを活用した開発の基本
- 16. Oracle Linux 9 インスタンスへのnginx +Node jsアプリ作成 エラー 502 Bad Gateway
- 17. ts-nodeでサクッとWEBサイトのTypeScriptやNode.jsサンプルを動かすの巻
- 18. AWS CleanRoomsのクエリを定期的に実行するLambda関数
- 19. 草食系男子がChatGPTとLINE Notifyを使って本気で婚活する話
- 20. Kubernetes上のNode.jsアプリケーションのHeapdump
Node.jsでCSVをJSONに変換する【csvtojson】
[csvtojson](https://www.npmjs.com/package/csvtojson)というモジュールを使えばできるのだが、使い方について調べると古い情報が多かったり複雑なことをしていたりと、**CSVをJSONに変換する**というただそれだけのことの情報が見つからないので、備忘として残しておく。
# やり方
CSVファイルを読み込んでJSONの配列にするモジュールなので、あとはそれを好きに修正してファイル出力すれば良い。
## 環境
||version|
|—|—|
|[Node.js](https://nodejs.org/en)|20.9.0|
|[npm](https://docs.npmjs.com/cli/v10)|10.0.0|
|[csvtojson](https://www.npmjs.com/package/csvtojson)|2.0.10|
## コード(使用例)
“`javascript
// モジュール読み込み
const fs = require(‘fs’);
const csv = require(‘csvtojson’);
Node.jsとgulpをアップデートして、Dart Sassにしたお話
# はじめに
私が担当している弊社サービスでは、大きな問題がなかったため、長い間Node.jsをアップデートしないまま開発を行っていました。(Node.jsは、gulpを使用(Sassをコンパイル・画像圧縮など)するために入れています)
そんな中、新メンバーが加入することになり、PCのセットアップをする際、旧バージョンのNode.jsはさすがに入れられないということが発覚し、急遽アップデートしないといけない事態になってしまいました :sweat_drops:
今回は急いで対応を迫られ、ようやく重い腰を上げて対応したアップデートのお話になります。
(ちなみに、対応した私は黒画面が苦手な部類の人間です:skull:)![nimotsu_hakobu_woman.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/54595/802e5f1c-747a-173f-3f66-ef63c475b55a.png)
# チャレンジ :one:
| | before | after |
|:-:|:-:|:-:
REST API Caching (忘備録)
# キャッシング
キャッシング(caching)は、特定のリソースのコピーを保存し、要求された時にそれを提供する技術である。
キャッシングを使用してネットワークを最適化することで、以下のようにサービスの品質全体を向上させる。
– バンド幅の削減
– レイテンシーの削減
– サーバーへの負荷の削減
– ネットワークの障害を隠す# REST apiのキャッシング
GETリクエストは、デフォルトでキャッシュ可能であるべきである。ブラウザは、通常全てのGETリクエストをキャッシュ可能として扱う。
POSTリクエストは、デフォルトでキャッシュ不可である。Expiresヘッダ又はCache-Controlヘッダを設定すると、キャッシュ可能になる。
PUT及びDELETEリクエストはキャッシュ不可である。
# キャッシングヘッダ
キャッシングヘッダ(Cache Headers)は、RESP APIにおけるキャッシングの重要な部分である。キャッシングヘッダはクライアントに対してリソースのキャッシュ可能性の情報を提供する。最も一般的なキャッシュヘッダ:
– Cache-Contro
OpenAI 画像生成API チュートリアル gpt-4-vision編(3/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-プロジェクトの概要)
– [🚀 **Implementation with gpt-4-vision-preview: gpt-4-vision-previewを利用した実装**](#-implementation-with-gpt-4-vision-preview-gpt-4-vision-previewを利用した実装)
– [📁 **Folder Structure: フォルダ構成**](#-folder-structure-フォルダ構成)
– [📝 **Imple
WebSocket調べてみた。
## はじめに
WebSocketは、リアルタイムの双方向通信を可能にする技術です。WebSocketの基本的な概念とその発展の歴史について紹介します。## WebSocketとは
WebSocketは、リアルタイムの双方向通信を実現するための先進的な技術です。これは、ウェブアプリケーションがサーバーとの間で即時的にデータを交換できるようにするプロトコルです。### WebSocketとHTTPの違い
WebSocketと従来のHTTPの最も大きな違いは、通信の持続性にあります。HTTPプロトコルは基本的に「リクエスト-レスポンス」モデルに基づいており、クライアントがリクエストを送信し、サーバーが応答を返すという形で通信が行われます。このモデルでは、クライアントが新たなデータを要求するたびに新しいリクエストを送る必要があります。一方、WebSocketは「フルデュプレックス」通信を提供します。これは、一度のハンドシェイク(接続確立)後、クライアントとサーバー間で持続的な接続が維持されることを意味します。この接続を通じて、クライアントとサーバーは互いにリアルタイムでデータを
【超入門】Node.js(Express)を使ってCRUD操作が出来るAPIを作成
# 本記事について
本記事は、Node.jsを使ったAPI作成に関して、自身の忘備録としての側面が強いです。
基本的なCRUD操作が可能なAPIを作成する過程をまとめたので、誰かの参考になればと公開してみます。
# はじめに
### 利用するツール
Postman : APIの動作を確認するために利用します。https://qiita.com/otohusan/items/43cbb61cfd177049d638
本記事で必要な操作は、こちらの記事でカバーしています。
## 実装
### コードを書く下準備
まずターミナルにて、ディレクトリ・ファイル作成とライブラリのインストールを行います。
はじめに、作業を行うディレクトリを作成します
“`bash
mkdir 任意のディレクトリ名
cd 任意のディレクトリ名
“`
次にnpm init を行い、pacakage.jsonを作成します“`bash
npm init -y
“`続いて、必要なライブラリをインストールします。
“`bash
npm install –save nodemon e
【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 使ってます
サンプルでは yahoo news の画像を適当にとってきてますフロントのみで 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
“`## expres
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にどうすればいいか聞けって?というわけで聞いてみたところ
![スクリーンショット 2023-11-14 003059.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3554996/8a2326f3-d0df-3cd6-35d7-4828546eb4ad.png)
丁寧に教えてもらった。ありがたい時代だ。
とにかく「レストランに誘え」と言いたいようだ。
ふむふむ、いけそうな気がしてきたぞ。***まだ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