- 1. nodeコマンドのオプションと環境変数
- 2. 複数ページをまとめてLighthouseで検証する
- 3. Webサイト刷新(ヘッダ編)
- 4. Node.jsのインストールコマンドメモ
- 5. WSL2ディレクトリ コマンドプロンプト アクセス方法
- 6. [eslint] EACCES: permission denied, mkdir ‘/Users/xxxxx’の解決法
- 7. Node.jsのexpress(TypeScript版)でc言語のプログラムをRenderで実行
- 8. Node.jsのexpressでc言語のプログラムをRenderで実行
- 9. Node.js と ws でシンプルな WebSocketサーバー ＋ Node.js v22 でフラグなしで使える WebSocket
- 10. Node.js を使うときには、使用するライブラリのバージョンをピン留めしておきましょう
- 11. Node.js で Readline をシンプルに使う（1桁の数字の入力を扱う）
- 12. cached-providerを作ってみた
- 13. ヴァージョン指定してnpm i libxmljs2 でエラーになる
- 14. 【TypeScript】実はクロージャ外で型ガードしてもクロージャ内部では型判定の結果が無効化されていた
- 15. AmplifyのNodeのVersionを自動で指定する方法について解説
- 16. 【JavaScript】ESMとCJSの違い
- 17. 自作 Cisco Unified IP Phone Services Application を Apache Bench にかけながら改良する
- 18. 【Node.js】Tailwind CSS の最も簡単な始め方
- 19. Cisco Unified IP Phone Services Application でエオルゼア時計を作る
- 20. そもそもNode.jsってなに？
nodeコマンドのオプションと環境変数
## コマンドのオプションと環境変数
nodeコマンドにはさまざまなコマンドラインオプションが用意されています。
コマンドラインオプション一覧は **-h** や **–help** をつけてnodeコマンドを実行することで表示できます。
### ヘルプ
“`javascript
node — help
“`
### バージョン確認をする
nodeコマンドのバージョンは **-v** オプションで確認できます。
“`javascript
node -v
“`### ワンライナーコードを実行をする
**-e** オプション似続けてJavaScriptのコードを記述すると、そのコードを実行させることが可能です。
ワンライナーコードを実行させる場合に便利です。“`javascript
node -e ‘cons
複数ページをまとめてLighthouseで検証する
## Lighthouseについて
皆さん、Lighthouseは使っていますか？
Google Chrome上で簡単に実行できて、SEOやパフォーマンス、ユーザビリティのチェックまで出来て便利ですね。
Lighthouseで検出できる課題や改善点をどこまで追求するか、スコアを追い求めるかは案件によって答えが異なると思います。
内部向け業務システムであれば、よっぽどパフォーマンスが悪く、使い勝手に影響しているなどではなければ、それほど注意深くみる必要はないと思いますし、一般的なWebサイトでのレイアウトシフト対応も修正にかかるコストと効果のバランスがとれるのか、というのは意思決定時に注意すべきです。
一方で、案件によってはLighthouseのスコアありきの要求もあるでしょう。
例えば、全ページにおいて、Lighthouseの
Webサイト刷新(ヘッダ編)
こんにちは。Webサイトの刷新と銘打ってシリーズで続けていきたいと思っています！
今回はヘッダ編となります。一番簡単に進められそうなところをチョイスしています。(モチベーション上げるために)現サイトは以下で、当時は頑張って作りましたけど、デザインセンスの欠片が少しだけ感じたい。
https://penta-d-system.com/
# 環境
– nodejs: 16系
– nuxt: 2.15.6
– @nuxtjs/vuetify: 1.11.2nuxt2系で、vuetifyでコンポーネントを作成しています。
いまはnuxt3系が主流で、3.11.2が最新バージョンとなっています。技術の進歩は凄まじい。# 現状
1,2どちらでもWSL2のUbuntuを起動させることができる。
## 参考にした記事
[Windows11 WSL2 Ubuntu の超基本的な使い方]
⇒https://note.com/hiro20180901/n/neb8fdd56f961
[eslint] EACCES: permission denied, mkdir ‘/Users/xxxxx’の解決法
#はじめに
あるreactのプロジェクトでローカルのサーバーを起動させようとすると、見慣れないエラーになりました。。。“`console
$ npm start
[eslint] EACCES: permission denied, mkdir ‘/Users/xxxxx/node_modules/.cache’
ERROR in [eslint] EACCES: permission denied, mkdir ‘/Users/xxxxx/node_modules/.cache’
“``node_modules/.cache`ディレクトリを作成するためのアクセス権が無いようです。
PCを乗り換えた後などにおそらく起こりやすい問題かと、、、。
# 権限を与えるコマンドを実行
Macで権限付与の時にはお馴染みの`chown`コマンドを使います。（`change owner`の意味）
UNIX系のOSでは個々のファイルごとにオーナーが存在し、初期状態ではファイルを作成したユーザーがオーナーとなり、その他のユーザーはファイルを書き換えられないようにモードが設定されています
Node.jsのexpress(TypeScript版)でc言語のプログラムをRenderで実行
# はじめに
さきほど、JavaScript版のexpressでc言語のプログラムを実行するのを書いたばかりですがその続編で、TypeScript版をお届けします。https://qiita.com/yo16/items/108de9889c79313df005
この記事は、c言語とかRenderとかはあまり書かず、JavaScriptでexpressを作ったのと同じことをTypeScriptでやるにはどうするかっていう、基礎に立ち戻った感じになりそうです。
c言語のコンパイルは、JavaScriptのままとします。（そこをTypeScriptにこだわる必要性を感じなかったので）
githubのリポジトリは、JavaScriptと同じで、フォルダを「app-c-lang2-ts」にしました。こちらもRenderで動作確認済み。
https://github.com/yo16/gcc_render_prac/tree/main
# 手順
## 1. 初期処理
“`sh
mkdir app-c-lang2-ts
cd app-c-lang2-ts
npm init -y
Node.jsのexpressでc言語のプログラムをRenderで実行
# はじめに
とあるプログラムがC言語で書かれていて、それをwebシステムとしてnodeで実行したいと思ったのでやり方を調べました。整理すると、大したことはないです。## 概要
準備
1. c言語のソースをコンパイルして、モジュールを作成
1. Webサーバーとして`express`を起動するアクセス時
1. `express`のサーバー処理がモジュールをキックし、標準出力を得る
1. 標準出力を元にクライアントへ返す## 作ったソース
https://github.com/yo16/gcc_render_prac結果を一応貼っておくと、↓こういう文字を返すだけのwebシステムですｗ
# 詳細
## 全体
フォルダ構成
### Node.js v22 で WebSocket利用
Node.js v22 でフラグなしで使える WebSocket は、以下に書かれているものです。●Node.js — Node.js 22 is now available!
https://nodejs.org/en/blog/announcements/v22-release-announce#websocketいらないけど、大した問題じゃないしそのままでいいか〜）
“express”: “^4.19.0”
}
}
“`私はわりと最近まで、スルーしてきました ///
そんな過去の私を含め、package.json の外部ライブラリを固定化する方法がわからない（もしくは、調べるのをサボっている）方向けに、T
Node.js で Readline をシンプルに使う（1桁の数字の入力を扱う）
Node.js でキー入力をシンプルに取得したい、という状況があり、以下の標準モジュールを使った簡素なプログラムを作ってみました。
●Readline | Node.js v22.3.0 Documentation
https://nodejs.org/api/readline.html## 今回の内容の元にするサンプルプログラム
今回の内容の元にするプログラムは、上記の公式ページ内に書かれているものを使います。具体的には、以下のものです。
“`javascript
const readline = require(‘node:readline’);
const { stdin: input, stdout: output } = require(‘node:process’);const rl = readline.crea
cached-providerを作ってみた
# はじめに
キャッシュとは、一度取得したデータを一時的に保存しておき、次回同じデータが必要になったときに再取得せずに素早く提供する仕組みです。例えばAPIからデータを取得する場合、最初のリクエスト時にそのデータをキャッシュに保存しておき、次回からはキャッシュからデータを返すようにすると、処理が速くなります。しかし、初回のデータを取得している間にも次のリクエストが来るかもしれません。ロックを取得して待たせるという選択肢がないTypeScript/JavaScriptの場合、このようなケースを綺麗に扱うのは意外と難しいものです。
その問題を解消するために書いた自作ライブラリの紹介です。
[cached-provider on npm](https://www.npmjs.com/package/cached-provider)
# 基本的な構成
## ObjectIdMapper
JavaScriptのObjectには固有のIDがありません。そのため、Objectに対してロック処理をするためには、Objectを一意に識別する仕組みが必要になります。ObjectIdMapperは
ヴァージョン指定してnpm i libxmljs2 でエラーになる
## libxmljs2のinstallでエラー
Node v20.9.0の環境で“`
npm i libxmljs2@0.29.0
“`をすると、以下のようなエラーが出て詰まったのでメモ。
“`
~ 前略 ~
npm error node-pre-gyp http GET https://github.com/marudor/libxmljs2/releases/download/v0.29.0/node-v115-darwin-arm64-unknown.tar.gz
npm error node-pre-gyp ERR! install response status 404 Not Found on https://github.com/marudor/libxmljs2/releases/download/v0.29.0/node-v115-darwin-arm64-unknown.tar.gz
npm error node-pre-gyp WARN Pre-built binaries not installable for libxmljs2@0.29.
【TypeScript】実はクロージャ外で型ガードしてもクロージャ内部では型判定の結果が無効化されていた
# 問題！！
以下コードを実行すると何が出るでしょうか！？
“`tsx
function getUrls(url: string | URL, names: string[]) {
if (typeof url === “string”) {
url = new URL(url);
}return names.map(name => {
url.searchParams.set(“name”, name)
return url.toString();
});
}console.log(getUrls(“http://localhost:8080”, [“test”]))
“`## 答え！！
クロージャ内で引数urlの型が分からないのにURL型のメソッドを使おうとしてエラーになります。
つまり型判定の結果が無効化されちゃっています…..
_
# ざっくりと
ESM（Ecma Script Module）：モダン（新しい）。ブラウザはこちらのみ。Node.jsも対応済み。
CJS（Common JS Module）：Node.jsの伝統的なモジュールシステム。
# Node.js においてファイル名
– `.mjs` ファイル
– 常にESM（Ecma Script Module）として扱われる
– `.cjs` ファイル
– 常にCJS（Common JS Module）として扱われる`package.json`の`”type”`フィールド
– `”type”: “module”`
– そのディレクトリ内の`.js`ファイルがESMとして扱われる
– `”type”: “commonjs”`
– そのディレクトリ内の`.js`ファイルがCJSとして扱われるモジュールの読み込みメソッド
– `import`
– 非同期的
– 拡張子を明示する（`import ‘./module.js’`）
– ESM・CJSともに読
自作 Cisco Unified IP Phone Services Application を Apache Bench にかけながら改良する
# はじめに
これは[前回の記事](https://qiita.com/CIB-MC/items/b046c23014203b704655)からの続きです。とりあえずやっつけで Cisco Unified IP Phone Services Application (長い) を作ってみましたが、アクセスがあるたびに Node.js で表示用の画像を作ってるのでパフォーマンスが気になります。
ほら、もしかしたら数百人いる環境で使われるかもしれないし。(などと)# テスト先環境
– ProLiant TM200 (Intel(R) Xeon(R) CPU D-1518) から 仮想2コア
– Debian 12.4
– Node.js v18.19.0# Apache Bench で計測してみる
– リクエスト総数: 10000
– 同時リクエスト数: 200
– Lengthエラー報告: 無効※ すなわちコマンドとしては `ab -n 10000 -c 200 -l テスト先URL`
※ Lengthエラー報告を無効にしているのは、アクセスするタイミングでエオルゼア時間
【Node.js】Tailwind CSS の最も簡単な始め方
# 完成イメージ
| |
| :-: |
|  |
| Node.js のサーバーから
Tailwind CSS クラスを使用した静的ファイルを表示できる |
# この記事について備忘録です。なるべく簡潔に書こうと思います。
# 環境
| サービス名称 | バージョン | 種別等 |
| ——- | ——- | :————: |
| VSCode | 1.90.0 | エディタ |
| macOS | 14.5 | OS |
| Node.js | 20.13.1 | JavaScript実行環境 |
| npm | 10.5.2 | パッケー
Cisco Unified IP Phone Services Application でエオルゼア時計を作る
# はじめに
唐突ですが Cisco IP Phone 7965 を買いました。
調べてみると、XMLアプリケーションを開発すればIdle画面をカスタマイズできるとのこと。
これはエオルゼア時計を作るしかないですね！(またか)# 下調べ
まずは下記の公式資料を見てみましょう。
Cisco Unified IP Phone Services Application Development Notes
https://www.voipinfo.net/docs/cisco/xsi_dev_guide.pdf……思ってたより実装の自由度が低いですね。
(個人の感想です)表示にこだわりたいのでサーバ側で動的に画像を生成して、公式資料の中にある「CiscoIPPhoneImageFile: 3-9」を使って表示するのがよさそうです。
# 開発
次のものを用意しましょう。
– Linux環境
– Node.js + Express
– nginx## Node.js+Expressで時計画像を作る
まずは簡単にラベルとエオルゼア時間表示だけで作ってみましょう。IP Ph
そもそもNode.jsってなに？
JavascriptをPC内で動かすためには
node.jsをinstallする必要があります。そうすることで`npm run start`を使えば
Webサーバーが立ちあがるという。…**Webサーバーが立ち上がる**って冷静にどういう意味？
意味は分かっているつもりでも、
ざっくり「こんな感じか」で今まで澄ましていたので
今回GPT先生と一緒に深堀していこうかと思います。# Node.jsってなに？
### Node.js
…JavaScriptをサーバーサイドで実行するためのランタイム環境### 主な特徴
– 非同期I/O:
– 多くのリクエストを同時に処理することができる
– イベント駆動
– イベントが発生すると対応するコールバック関数が実行される。
– リアクティブでレスポンスの良いアプリケーションを構築することができる
– シングルスレッド
– ？
– npm
– 豊富なパッケージ管理システムnpm# なんでWebサーバーが立ち上がるの？
Webサーバーが立ち上がる理由は、プログラムが特定のネット
