- 1. express routing
- 2. expressの備忘
- 3. express middleware
- 4. Node.jsまとめ
- 5. SQLLineageを作ってみた（ベータ版リリース🎁）
- 6. playwright Test generatorの使い方
- 7. Windows上Subline Text3 javascript実行させる
- 8. Node.js: 現在時刻を改ざんして、日時が絡むテストを簡単にする方法
- 9. GitHub ActionsでのJavaScriptヒープメモリエラーの解決方法
- 10. 【OpenSSL】localhost を https 化する 自己証明書の作成方法
- 11. Nodeのビルドインオブジェクトを拡張する
- 12. Reactに星評価UIを実装する
- 13. SequelizeのonUpdateはPostgreSQLで機能しない
- 14. Mongo リストの合計数、条件付き範囲のクエリー
- 15. Azure Static Web Apps(Node.js) で、ストリームなChatGPTを構築する
- 16. nvmコマンドでNodeのバージョンを簡単に切り替える方法
- 17. Next.jsをGitHub挟んでCloudflare Pagesにデプロイする
- 18. Node.jsとは何か
- 19. 【toio】toio.jsでサンプルプログラムを動かすまでの手順について
- 20. WSL Ubuntuにnodenvにinstallする方法
express routing
# express routing
## 基本
“`
app.METHOD(PATH, HANDLER)
“`– app : expressのインスタンス
– METHOD : post, get, put …（HTTPメソッドを小文字にしたもの）
– PATH : サーバ上のパス（URLのパス？）
– HANDLER: URLがPATHとマッチしたしたときに実行するメソッド## 基本サンプル
– 基本はHTTPメソッド毎に、処理（メソッド）を割り当てる
“`
// GET メソッドルート
app.get(‘/’, function (req, res) {
res.send(‘GET request to the homepage’)
})// POST メソッドルート
app.post(‘/’, function (req, res) {
res.send(‘POST request to the homepage’)
})
“`– すべてのHTTPメソッドを割り当てる
“`
// 共通処理を仕込んでメソッド毎の処理はnex
expressの備忘
# express
## 参考
– [Express](https://expressjs.com)
## インストール
“`
# package.jsonの作成
# entry point: (index.js) はお好みで。”app.js” もよくある。
npm init# –save でpackage.jsonに追加されるので、後で構築しやすくなる。
# これはモジュールのみnode_modulesにインストールされる
npm install express –save
“`## Hello Wolrd サンプル
– 000.HelloWolrd_index.js
“`
const express = require(‘express’)
const app = express()
const port = 3000app.get(‘/’, (req, res) => res.send(‘Hello World!’))
app.listen(port, () => console.log(`Example app list
express middleware
# express middleware
– [express middleware](http://expressjs.com/en/resources/middleware)
## [body-parser](http://expressjs.com/en/resources/middleware/body-parser.html)
各ハンドラを実行する前に、request ボディを解析して、req.body プロパティで使えるようにする
– 使い方
“`
var app = require(‘express’)();
var bodyParser = require(‘body-parser’);app.use(bodyParser.urlencoded({extended: false}));
app.use(bodyParser.json({type: “application/*+json”}));
“`– json parser
– リクエストされたデータがjson形式にする。req.body で参照可能。
– typeプロパティを指
Node.jsまとめ
# Node.js まとめ
## 参考
## リスト
– [Node.js本家](https://nodejs.org)
– [Node.js日本ユーザグループ](https://nodejs.jp/)
– [npm](https://www.npmjs.com/)
– Nodeのパッケージマネージャ“`bash
# Nodeで作成する前に実行してpacakge.jsonを作成しておく
npm init
# npm でパッケージを追加
npm install [package name] –save
npm install [package name] –save-dev# どこかから持ってきた環境でpacakge.jsonがあれば以下で必要なパッケージがインストールされる
npm install
“`– [NodeSchool](https://nodeschool.io/ja/)
– NodeでNodeを学習– [Express](http://expressjs.
SQLLineageを作ってみた（ベータ版リリース🎁）
# はじめに :writing_hand:
**SQL Lineage**という言葉をご存じでしょうか。“リネージュ”か”リネージ”か日本語特有の問題が出ますが、とりあえず私は”リネージ”でいきます。
英単語のlineageは、系統とか血統という意味です。ゲームで20年以上前から、リネージュというのがありますが、同じ単語です。
スペルが難しいので私は、”LINE”と”AGE”が組み合わさって、祖先にさかのぼる系統図の線をイメージして覚えてます。さてそのリネージですが、SQLと合わせて、**SQL Lineage**というものがあります。with句を使ったりした複雑なSQLで、最終的なselectで使う列って、おおもとはどこから来てるんだっけ？というのを図示するものです。
そのツールはいくつか出てるのですが、使い勝手とか、機能過多とか、見た目とかでしっくりこなさすぎるので、作ってみることにしました。有償のサービスもあるけど、これそんなに難しい話じゃなくない？という安易な考えもあり。
# 要件・技術 :point_up:
– クライアント
– 要件：ブラウザで動く
playwright Test generatorの使い方
# playwrightとは
Playwrightは、Microsoftによって開発されたオープンソースの自動化ライブラリで、Webアプリケーションのテストを支援します。複数のブラウザ（Chrome、Firefox、Safariなど）に対応していて
ヘッドレスモード（画面表示なし）とヘッドモード（画面表示あり）の両方で動作します。Playwrightを使用すると、Webページの自動操作やテストケースの作成が簡単になります。
# playwright の使い方
playwright codegenは、ユーザーがブラウザで行った操作を自動的にテストコードとして生成する機能です。このコマンドを使用すると、特定のWebサイトを開きながらユーザーのアクション（クリックや入力など）を記録し、そのアクションを模倣するPlaywrightのテストスクリプトを生成できます。
生成されたテストコードは、Playwrightのテストとしてそのまま利用することができます。
テストの作成を効率化ができます。## playwright のインストール
インストールにはnodejsが必要です。
Windows上Subline Text3 javascript実行させる
概要
—
Subline Text3上で、.jsファイルをビルド実行させる方法を説明します。Node.js を[インストール](https://nodejs.org/en/download)
—– Node.jsバージョンなど選択してダウンロードします。
– ダウンロードしたファイルをクリックして、インストールします。
– ライセンス同意して次のボタン押して、インストールまで進みます。
– 2048: 秘密鍵の長さ (ビット単位) (例: 2048ビット)## 2. 秘密鍵と識別情報から証明書署名要求 (CSR) の作成
このコマンドは、以下の情報を設定した CSR を生成し、`localCA.csr` というファイルに保存します。“`bash
$ openssl req -batch -new -key localCA.key -out localCA.csr \
-subj “/C=jp/ST=Osaka/L=Osaka-shi/O=\”Example Inc\”/OU=Foo/CN=
Nodeのビルドインオブジェクトを拡張する
## 目的
配列の`remove`メソッドなど、JSのビルトインオブジェクトには存在しないメソッドを拡張して定義したい## 問題点
こんな感じで関数を定義してもいいけど、
“`typescript
function remove(array: T[], removeElement: T): T[] {
return array.filter(element => element !== removeElement)
}remove([‘a’, ‘b’, ‘c’], ‘b’) // [‘a’, ‘c’]
“`
やっぱり配列のメソッドとして拡張ができた方が、使いやすいし読みやすい。
swiftなら`extension`で、Kotlinなら関数の前にレシーバータイプを記述することで拡張関数を定義できる。
しかしTypescriptにはそのような文法はない。## 解決策
まず配列のアンビエント宣言を追加し、型チェックができるようにする。
その後配列のprototypeオブジェクトに任意の名前で関数を代入する。
“`typescript
export {}d
Reactに星評価UIを実装する
## Reactに星評価UIを実装する
Reactで簡単に星評価UIを実装する方法を紹介します。この記事では、`react-icons`パッケージを使用して星のアイコンを表示し、`react-bootstrap`パッケージを使用してスタイリングを行います。
完成イメージ
#### ユーザによる星評価：
– ユーザが星をクリックして評価を変更できます
– 通常はクリック可能な星アイコンを表示します#### 星評価表示：
– ユーザの評価を表示するだけであり、評価を変更することはできません
– 通常はクリック不可能な星アイコンを表示します### 1. `react-icons`のインストール
まず、`react-icons`パッケージをインストールします。
“`bash
npm ins
SequelizeのonUpdateはPostgreSQLで機能しない
## 今回、罠にハマった問題
データベースがPostgreSQL、ORMにsequelizeを使った環境で、migrate機能を使ってテーブルを作成しました。
データの更新日時を記録したかったので、updated_atのカラムを追加したのですが、UPDATE文を発行してもupdated_atは更新されませんでした。“` migration.js
updated_at: {
allowNull: false,
type: Sequelize.DATE,
defaultValue: Sequelize.literal(‘CURRENT_TIMESTAMP’),
onUpdate: Sequelize.literal(‘CURRENT_TIMESTAMP’)
}
“`（onUpdateがあるので日時は自動更新されそうな雰囲気ですが）
## 原因
PostgreSQLには、データの変更時に日時を更新する機能が備わっていない為、Sequelizeのmigrationファイルで設定してもデータベースには何も反映されていないと考えられます。## 解決
Mongo リストの合計数、条件付き範囲のクエリー
“`javascript:user.js
$project: {
_id: 1,totalQuestClearCount: {
$reduce: {
input: { $ifNull: [“$quests”, []] },
initialValue: 0,
in: {
$cond: [{ $eq: [“$$this.storyId”, 0], $eq: [“$$this.totalClearCount”, 1] },
{ $add: [“$$value”, 1] },
“$$value”
]
}
Azure Static Web Apps(Node.js) で、ストリームなChatGPTを構築する
# はじめに
ChatGPTなシステムを作るときに、Azure Static Web Appsは最善の方法の１つですが、これまではストリームができないという課題がありました。(.NETならできるんですが）と、つい最近以下のアナウンスが出ました。
[Azure Functions: Support for HTTP Streams in Node.js is now in Preview](https://techcommunity.microsoft.com/t5/apps-on-azure-blog/azure-functions-support-for-http-streams-in-node-js-is-now-in/ba-p/4066575)
これで、Node.JSのFunctionでStreamが扱えるようになったので、その動作をざっくり検証してみます。（Pythonも早くできるようになるといいですよねぇ)上記ブログにもありますが、以下の前提条件が必要です。古い場合は適宜更新してください。
> – Version 4 of the Node.js programmin
nvmコマンドでNodeのバージョンを簡単に切り替える方法
## 概要
– nvm(Node version manager)とは、Node を複数バージョン管理するためのユーティリティです
– この記事では、nvm を使用して Node のバージョンを追加・切り替方法について記載します
– [nvm](https://github.com/nvm-sh/nvm?tab=readme-ov-file#installing-and-updating)の GitHub をベースに記載しています
– バージョンを簡単に切り替えられことによって、異なるバージョンでの動作確認や、異なるバージョンでの開発が可能になります## 手順
1. nvm をインストールする
“`bash
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.5/install.sh | bash
“`
2. 環境変数を設定する
– 下記コマンドをそのまま実行する
“`bash
export NVM_DIR=”$([ -z “${XDG_CONFIG_HO
Next.jsをGitHub挟んでCloudflare Pagesにデプロイする
# はじめに
色々詰まったので解決までかかった内容を全て書いておきます。Cloudflare C3を使ってプロジェクトを構築し、あとからGitHubを挟んだデプロイに変更してみます。
詳しくは理解していないので間違っている点あるかもしれないです。https://developers.cloudflare.com/pages/framework-guides/nextjs/deploy-a-nextjs-site/
# 環境
* Ubuntu 22.04
* VirtualBox（PC自体はWindows 11を使用）
まず最初にPowershellを試して、次にWSLを使ってみたがどちらも失敗してしまった。WSLについてはUbuntuを使ったが、“`npm create“`を行うとCMD.exeが起動してしまい、なんやかんやよくわからなかった。
ということでVirtualBoxにした。関連するエラーは以下のリンクに示す。https://stackoverflow.com/questions/77152589/cannot-find-npm-on-appdata-ro
Node.jsとは何か
Node.jsに関連する、npm、nvmが似たような言葉ばかりで理解しづらい。
大体の環境系トラブルはここに集約する（と思っている）ので、ほぼ自分用にまとめてみることにしました。## 環境
– WSL 2
– Ubuntsu 20.04.6 LTS## Node.jsとは
Javascriptをサーバーサイドでも使えるようにしたもの。ブラウザ側、サーバー側、双方で同じ言語が使えると効率が良いためよく使われている。
ただ、主に私がRuby on Railsを学習する中でよく出てくるNode.jsの役割とは、開発環境の補佐的な役割として使っていることが多いです。
– Node
JavaScriptを実行するためのエンジン。– npm
Node.jsのパッケージを管理するためのツール。Node Package Managerの略。
npmを介して様々なパッケージをインストールできる。RailsでいうところのGemと同じような役割。– nvm
バージョン切り替えツール。Node Version Managerの略。
【toio】toio.jsでサンプルプログラムを動かすまでの手順について
## はじめに
「Node.jsって何？」というレベルのプログラミング初心者がtoioのJavaScriptライブラリで開発を始めるまでに、時間がかかったので、手順を備忘録としてまとめておきます。参考にして頂ければ幸いです。## 動作環境
Windows11
Node.js：v20.11.0
npm：10.2.4
yarn：1.22.21## 必要なもの
– Bluetooth USBアダプタ
Windowsで環境構築する場合、toio.jsが使用している「noble」ライブラリの関係で、内蔵Bluetoothではなく、**別途Bluetooth4.0 USBアダプタが必要**になります。
今回は、エレコムのアダプタを使用しましたが、問題なく動作しました。
[Bluetooth(R) USBアダプター LBT-UAN05C2](https://www.elecom.co.jp/products/LBT-UAN05C2.html)詳細は[nobleの前提条件](https://github.com/noble/noble?tab=readme-ov-file#wind
WSL Ubuntuにnodenvにinstallする方法
# WSL Ubuntuにnodenvにinstallする方法
WSL Ubuntuに[nodenv](https://github.com/nodenv/nodenv)をinstallする方法
## updateとupgrade
“`bash
sudo apt update && sudo apt upgrade -y
“`## nodenvのinstall
“`bash
git clone https://github.com/nodenv/nodenv.git ~/.nodenv
cd ~/.nodenv && src/configure && make -C src
# 環境変数の設定
echo ‘export PATH=”$HOME/.nodenv/bin:$PATH”‘ >> ~/.bashrc
echo ‘export PATH=”$HOME/.nodenv/bin:$PATH”‘ >> ~/.bash_profile
echo ‘eval “$(nodenv init -)”‘ >> ~/.bashrc
“`## pluginのinstall
