~/labs.tech-book.net · verified 2026-05-26
ライブラリの実装検証ノート
ライブラリを実際に動かして、設定・典型的な使い方・詰まりどころを記事にまとめています。各記事には触れる demo がついていて、関連する技術書を末尾に並べています。
● 最新更新 · 2026-05-26
DuckDB-Wasm でブラウザ内 SQL を動かす
DuckDB-Wasm をブラウザに埋め込み、SQL の DDL / INSERT / SELECT をクライアント完結で実行するパターン。getJsDelivrBundles の中身、SharedArrayBuffer + COOP/COEP ヘッダ、4GB の memory 上限、Parquet を URL 直読みする時の CORS 罠まで実装メモ。
● 編集ピックアップ
大規模コードベースの Claude Code — モデルではなくハーネスを設計する
Anthropic が「数百万行のモノレポ / レガシー / マイクロサービス分散」で Claude Code を回している企業を観察してまとめたベストプラクティスの日本語要約。CLAUDE.md / フック / スキル / プラグイン / LSP / MCP / サブエージェント の 7 層ハーネス、成功 3 共通パターン、そして同名スキルの優先順位(Enterprise > Personal > Project)の実用ルールまで。
カテゴリで探す
最新の記事
- ● 2026-05-23 · onnxruntime-web 1.21.xONNX Runtime Web + 蒸留 student でブラウザ完結 intent search を作るVertex AI Gemini embedding を教師に multilingual-e5-small へ蒸留した student を ONNX Runtime Web で動かし、 ユーザの自由文クエリから関連書籍を返す UI をサーバ推論ゼロで実装する。 2000 件で overlap@5=0.26 (random の 104 倍)、 WASM warm 28ms。 設計判断、 INT8 量子化の落とし穴、 Cloudflare Pages 25MB 制約の回避策まで。
- ● 2026-05-16 · @anthropic-ai/claude-code 2.x大規模コードベースの Claude Code — モデルではなくハーネスを設計するAnthropic が「数百万行のモノレポ / レガシー / マイクロサービス分散」で Claude Code を回している企業を観察してまとめたベストプラクティスの日本語要約。CLAUDE.md / フック / スキル / プラグイン / LSP / MCP / サブエージェント の 7 層ハーネス、成功 3 共通パターン、そして同名スキルの優先順位(Enterprise > Personal > Project)の実用ルールまで。
- ● 2026-05-11 · d3 7.xD3 で React の棒グラフに transition を載せるD3 を React と組み合わせて、データ更新時に bar の高さ・軸ラベル・数値 text が同時に transition で動く棒グラフを組むパターン。selection / scale / generator の 3 概念、useRef + useEffect の協調、enter/update/exit の data join、tween による数値カウント、を動く demo で確認する実装メモ。
- ● 2026-05-10 · @duckdb/duckdb-wasm 1.33.xDuckDB-Wasm でブラウザ内 SQL を動かすDuckDB-Wasm をブラウザに埋め込み、SQL の DDL / INSERT / SELECT をクライアント完結で実行するパターン。getJsDelivrBundles の中身、SharedArrayBuffer + COOP/COEP ヘッダ、4GB の memory 上限、Parquet を URL 直読みする時の CORS 罠まで実装メモ。
- ● 2026-05-10 · exceljs 4.4.0ExcelJS で .xlsx をブラウザで生成・ダウンロードするExcelJS でブラウザ完結に Excel ファイルを作成し、ヘッダ装飾 / 数式 / 通貨書式 / 集計行を最小コードで組み立てるパターン。ARGB の alpha 桁、writeBuffer の Browser/Node 差、numFmt の番号書式コード、mergeCells 後の値設定が無視される罠まで実装メモ。
- ● 2026-05-10 · @grafeo-db/wasm 0.5.xGrafeoDB の WASM ビルドでブラウザに組込みグラフ DB を載せる@grafeo-db/wasm を使って Cypher / GQL / SPARQL / SQL を 1 つの埋め込み DB で扱うブラウザ完結のグラフ DB パターン — importLpg でのデータ投入、executeCypher、textSearch / vectorSearch、exportSnapshot による zero-backend 配布、IndexedDB 永続化までを触れる demo 付きで整理する実装メモ。
Skills(AI agent 用ノウハウ)
Claude Code / Gemini CLI から呼び出せる skill。配布元: github.com/tech-book-net/skills
- beautiful-mermaid-render-recipes — **サーバーサイドで Mermaid 図を SVG 文字列として生成して静的サイトに埋め込みたい** 時に呼び出すべき skill(公式 `mermaid` は…
- react-flow-v12-setup — ワークフローエディタ / ER 図 / マインドマップ / DAG ビジュアライザ等の **ノードベース UI** を React で実装する時に呼び出すべき …
- zod-v4-schema-patterns — TypeScript プロジェクトで **「外部から来る値を信用する境界」**(API レスポンス / フォーム入力 / 環境変数 / LLM 構造化出力 / …
- mdx-shiki-code-rendering — **MDX 技術記事のコードブロックを「VS Code 同等の精度で / dark mode 対応で / ファイル名タブ付きで / diff が一目で / 行ハ…