2025-04-27のJS: Node v22.15.0、Reactの実験的な機能、Node.jsとV8 GC
JSer.info #733 - Node.js v22.15.0がリリースされました。 Node.js — Node v22.15.0 (LTS) assert.partialDeepStrictEqual()やmodule.registerHooks()などの新しいAPIが追加されました。また、util.diff()の追加やzstdのサポートなども含まれています。 Reactチームが実験的な機能について紹介する記事を公開しました。 React Labs: View Transitions, Activity, and more – React <ViewTransition>、addTransitionType()、<Activity>などの新しい実験的なAPIの紹介が含まれています。 また、DevToolsでのPerformance Profilerの改善や依存のないuseEffec
PGlite + pgvector で100行で実装するベクトル検索 (node/deno/drizzle)
pglite + pgvector で文章の類似度検索を実装します。 動機 とにかく手っ取り早くローカルにデータを突っ込んでおいて検索する RAG の雛形がほしかったんですが、調べても大規模ストレージを前提とした大掛かりな実装が多いです。 スクリプトを書いたらポンと実行できるセットアップ不要なものがあると、色々と実験ができます。 mastra/rag を読んでたら、簡単にできる気がしたのでやりました。ただ、chunk のドキュメント分割相当のものはまだ作ってません。そこまで難しい概念でもないので、雑に作れそうではあります。 qrdrant も検討しましたが、サーバーを建てるのが面倒でした 準備: ベクトル化用の関数 今回は @ai-sdk/openai を使ってベクトル化をします // OPENAI_API_KEY= import { openai } from "@ai-sdk/open
5分で再入門する npm dependencies - 空の箱
最近pnpmのドキュメントを眺めていたんだけど、そこでよく知らない依存関係の種類が出てきた。なので、理解したことをまとめてアウトプットしておく。 そもそも依存関係とは？ package-lock.jsonとは？ といった話は理解できている前提で書く。 dependencies 最も基本となる依存関係。npm installするとdependenciesに書かれたものは全てインストールされることになる。 なので、本番環境で使うものしかここには入れてはいけない。 devDependencies 「dependenciesには本番環境で使うものしかいれてはいけない」と上で話した。「ではそれ以外のものはどこにいれるのか？」となるが、その答えがここ。 繰り返しだがこの話自体はいろんな記事やカンファレンスのトークで擦られ続けているので、もうお腹いっぱい感がある。 一応書くと、devDependenci
【Socket.IO】Next.js + Node.js + Express で WebSocket通信 を試してみる - Qiita
Next.js と Node.js で構成するWebアプリケーションにて、リアルタイムの双方向通信を行う必要があり、Socket.IO の利用を検討しています。 今回カウントアップアプリの作成を通じて、実際に Socket.IO を試してみたので、その内容をまとめます。 目次 1. はじめに 2. クライアントサイドの実装 2-1. socket.io-clientのインストール 2-2. page.tsxの作成 3. サーバサイドの実装 3-1. socket.ioのインストール 3-2. index.tsの作成 4. Socket通信のテスト 参考資料 1. はじめに 今回は以下の構成で実施しました。 クライアントサイド next.js 15.2.1 socket.io-client 4.8.1 サーバサイド node.js 22.13.1 express 4.21.2 socket.
2025-03-25のJS: Node.js v20.19.0、Valibot v1、CSS Relative Colors
JSer.info #729 - Node.js v20.19.0(LTS)がリリースされました。 Node.js — Node v20.19.0 (LTS) このリリースでは、Node.js 20.xにrequire(esm)機能がバックポートされ、ES ModulesをCommonJSから直接インポートできるようになりました。 また、あいまいなJavaScriptファイルをCommonJSとES Modulesのどちらとして扱うかを自動的に判定する--experimental-detect-moduleフラグがデフォルトで有効化されるようになりました。 バリデーションライブラリのValibot v1.0がリリースされました。 Valibot v1 - The 1 kB schema library | Valibot Valibotは、ZodやArkTypeなどと同じようにスキーマを定
Hono + Deno で住所分割APIサーバーを2日で爆速実装する - inSmartBank
はじめに サーバーサイドエンジニアの mokuo です。普段はカード決済やあとばらいチャージに関連する機能の開発や運用を行っております。 本記事でお話すること 日本の住所を都道府県、市区町村、丁目番地、それ以降などに分割する方法の検討から技術選定、実際に動いているコード（ほぼそのまま）をお見せします。 想定読者 サーバーサイドエンジニアを主な読者として想定しています。 日本の住所を分割する機能の実装方法を知りたい方 Deno*1や Hono*2 の採用事例、実装例を知りたい方 はじめに 本記事でお話すること 想定読者 🤔 背景と課題 🎯 住所分割の方針検討 ✂️ 住所分割方法: normalize-japanese-addresses に決定 🧩 npm ライブラリの組み込み: Hono + Deno に決定 🏠️ インフラ構成: ECS + EFS に決定 💪 2日で実装する
Deno で browser-use を自作してみた (勉強用)
AI 経由でブラウザを操作する browser-use を deno で実装してみました。 元は python ですが、コア部分を自分で作れるように書き直しました。 注意: 勉強用の作例であって、本番で使えるものではないです。 以下の記事を読みながら実装しました tl;dr アクセシビリティ要素を列挙 各要素にブラウザ上でオーバーレイで操作用インデックスを書き込みつつ、インデックスに対応する xpath を作っておく claude のスクリーンショットと xpath を渡す claude に対応する xpath の操作方法を教える ツールとして対話的に実行 ステップ Tool Runner Puppeteer BrowesrTool Tool Runner まず、Tools を使って AI と対話する部分を作ります。 import { anthropic } from "@ai-sdk/a
How to use EJS to template your Node.js application - LogRocket Blog
Samuel Olusola Software engineer (JS stack, GoLang incoming…) and student of computer science at the University of Lagos. Introduction If you are writing a backend application in Node.js and you want to send HTML back to the clients interacting with it, then you must find a way to “mix in,” or interpolate, the processed data into the HTML files you are sending. For simple data interpolation and te
【海外記事紹介】Node.jsにおけるUUID完全ガイド
3月4日、LogRocket Blogが「Understanding UUIDs in Node.js」と題した記事を公開した。 この記事では、Node.jsにおけるUUID（Universally Unique Identifier）について詳しく紹介されている。以下に、その内容を紹介する。 UUIDとは何か UUID（Universally Unique Identifier）は、非常に低い重複確率で生成される一意の識別子だ。IETF (Internet Engineering Task Force) がRFC 4122で提案したUUIDの仕様によると、「 空間と時間にわたって一意であることを保証できる128ビット長の識別子 」と定義されている。 今日では、UUIDはデータを一意にラベル付けする際に信頼性が高く便利であるため、多くの開発者に利用されている。IETFはUUIDのさまざまな
【海外記事紹介】Node.jsにおけるUUID完全ガイド
3月4日、LogRocket Blogが「Understanding UUIDs in Node.js」と題した記事を公開した。この記事では、Node.jsにおけるUUID（Universally Unique Identifier）について詳しく紹介されている。以下に、その内容を紹介する。 3月4日、LogRocket Blogが「Understanding UUIDs in Node.js」と題した記事を公開した。 この記事では、Node.jsにおけるUUID（Universally Unique Identifier）について詳しく紹介されている。以下に、その内容を紹介する。 UUIDとは何か UUID（Universally Unique Identifier）は、非常に低い重複確率で生成される一意の識別子だ。IETF (Internet Engineering Task Forc
Bunのバンドル処理がMacで60％高速化。Webサーバ機能ではホットリロードによりコード変更が自動的に反映
Bunのバンドル処理がMacで60％高速化。Webサーバ機能ではホットリロードによりコード変更が自動的に反映 JavaScriptランタイムのBunは、最近のアップデートでバンドラ機能の高速化やホットリロード機能を備えたWebサーバなどの新機能などが追加されました。 ホットリロードによるフロントエンド開発支援 先月（2025年2月）22日に公開されたBun v1.2.3では、フロントエンド開発に便利なホットリロード機能がWebサーバ機能（Bun.serve()）に搭載されました。 ホットリロードにより、BunのWebサーバ機能で表示しているWebページのコードを変更すると、自動的にその変更がWebページの表示に反映されます。 In the next version of Bun Bun.serve() gets builtin support for hot reloading front
Deno + Pglite + Drizzle で依存の少ないDBアプリを作る
CI まで一式動いてるのがここ pglite は postgres を wasm コンパイルしたもの。 これを deno + drizzle からマイグレーションして叩く。 なぜこの組み合わせか ローカルにAIエージェント用の簡単なDBツールを量産したかった。deno でスクリプトを書きまくってるので、 deno を前提に色々試した。 色々試したのだが、最終的に Pglite で Postgres を叩くことにした。インストールが不要で、DB周りのセットアップが一番手数が少ない。手数の少なさを最重要とした。 最低限これだけでいい。 import { PGlite } from "npm:@electric-sql/pglite"; const db = new PGlite(); // `{dataDir: ...}` で初期化パスを渡せる await db.exec("create ta
Bun v1.2.3リリース — HTMLファイルを直接実行可能に、新たなインタプリタによるWebAssembly起動の高速化など変更点多数
2月23日、BunチームはBun v1.2.3をリリースした。 今回のリリースは、サーバーサイド機能の充実、Node.js互換性の向上、WebAssemblyの高速起動など、多岐にわたる改善が盛り込まれたアップデートである。 以下に、今回のリリースにおける変更点をポイントを絞って紹介する。 フロントエンド開発環境の改善 Bunは、従来のJavaScriptランタイムとしての機能に加え、.htmlファイルを直接実行できるようになった（そもそもBunは、フロントエンド開発用のサーバーとして開発された経緯があり、原点に立ち戻ったとも言える）。 これにより、ホットリローディングやバンドリングの高速処理が実現され、開発者は設定の手間を省きつつ最新の開発ツールチェーンを活用できるようになった。 シングルページアプリケーションの起動例は以下の通りである。 マルチページアプリケーションの場合は、コマンドに
UnJS製のライブラリ・cittyを使ってNode.jsでさくっとCLIを作る - 空の箱
cittyを使ってみたところめっちゃ良かったのでメモがてらエントリを書く。 citty unjs.io Nitroとかh3とかいろいろいい感じのライブラリを作ってるUnJSのライブラリの一つ。いい感じにCLIツールを作れる。 準備 npm install citty 公式のサンプルソースを拝借。 import { defineCommand, runMain } from "citty"; const main = defineCommand({ meta: { name: "hello", version: "1.0.0", description: "My Awesome CLI App", }, args: { name: { type: "positional", description: "Your name", required: true, }, friendly: { ty
Deno v2.2 で追加されたビルドイン OpenTelemetry サポートを試してみる
Deno v2.2 で追加されたビルドイン OpenTelemetry サポートを試してみる 2025.02.22 Deno v2.2 でビルドインの OpenTelemetry サポートが追加されました。アプリケーションのコードに変更を加えることなく、Deno のビルトイン API から自動的にテレメトリーデータを計装できるようになります。 Deno v2.2 でビルドインの OpenTelemetry サポートが追加されました。OpenTelemetry は分散トレーシングのためのオープンソースの規格です。OpenTelemetry の規格に従うことで、トレース・メトリクス・ログなどのテレメトリーデータをベンダーやツールにとらわれずに収集・エクスポートできるようになります。 一般的に OpenTelemetry を使用してテレメトリーデータを計装するにはプログラミング言語ごとに用意され
[入門] Next.js+Hono+Bunのモノレポ構成で型安全なWebアプリ開発をする
こんにちは、やせです。 普段はゆるく個人開発をしている学生です。 はじめに 本記事では、Next.js+Hono+Bunを用いて、型安全にWebアプリ開発を行う方法を入門者向けに説明していきます。 また、本記事では以下の内容も扱います。ZodやDrizzleを用いて、データベースからフロントエンドまでを型安全に開発することができます。 Bun Workspacesを使用したモノレポ構成 HonoのRPC機能 Zodによる型安全なバリデーション Supabase DB + Drizzle ORMによるDB操作・マイグレーション TanStack Queryを使用したデータフェッチ Next.jsで作成したSPAをCloudflare Pagesへデプロイ Honoで作成したAPIサーバーをCloudflare Workersへデプロイ 各章の最後には、実際に手を動かして学びたい人向けにハンズ
![[入門] Next.js+Hono+Bunのモノレポ構成で型安全なWebアプリ開発をする](https://cdn-ak-scissors.b.st-hatena.com/image/square/4861b0c071b28dedef074a905a5dead4b112575f/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--HEpCXXfD--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%25255B%2525E5%252585%2525A5%2525E9%252596%252580%25255D%252520Next.js%25252BHono%25252BBun%2525E3%252581%2525AE%2525E3%252583%2525A2%2525E3%252583%25258E%2525E3%252583%2525AC%2525E3%252583%25259D%2525E6%2525A7%25258B%2525E6%252588%252590%2525E3%252581%2525A7%2525E5%25259E%25258B%2525E5%2525AE%252589%2525E5%252585%2525A8%2525E3%252581%2525AAWeb%2525E3%252582%2525A2%2525E3%252583%252597%2525E3%252583%2525AA%2525E9%252596%25258B%2525E7%252599%2525BA%2525E3%252582%252592%2525E3%252581%252599%2525E3%252582%25258B%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3A%2525E3%252582%252584%2525E3%252581%25259B%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyL2E5MGI0Mjk5NDcuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)
Deno2.2リリース！OpenTelemetryを統合やLintの大幅拡張、node:sqliteも利用可能に
2月20日、Deno 2.2がリリースされた。Deno 2.2では、バンドルされたOpenTelemetryのサポートやLintプラグインの追加、node:sqliteの対応など、多岐にわたる改善と新機能が含まれている。 2月20日、Deno 2.2がリリースされた。 Deno 2.2では、バンドルされたOpenTelemetryのサポートやLintプラグインの追加、node:sqliteの対応など、多岐にわたる改善と新機能が含まれている。 以下では主な項目について簡潔に紹介する。 OpenTelemetryを統合 Deno 2.2から、ログやメトリクス、トレースをモニタリングするためのOpenTelemetryがビルトインされた。Denoはデフォルトでconsole.logやDeno.serve、fetchなどを自動でインストルメントする。また、npm:@opentelemetry/ap
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
EOLを迎えた古い「Node.js」へのCVE付番、MITREに却下されてしまう／開発チームが新方針発表、EOL版は便宜上「今後の新たな脆弱性全てが該当する」原則に
How to switch Node.js versions: A cross-platform guide for NVM and alternatives - LogRocket Blog
Understanding UUIDs in Node.js - LogRocket Blog