<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"><channel><title>tech-book-labs</title><description>ライブラリ別の実装ノートと触れる demo。tech-book.net の関連記事フィード。</description><link>https://labs.tech-book.net/</link><language>ja</language><item><title>大規模コードベースの Claude Code — モデルではなくハーネスを設計する</title><link>https://labs.tech-book.net/articles/claude-code-harness-for-large-codebases/</link><guid isPermaLink="true">https://labs.tech-book.net/articles/claude-code-harness-for-large-codebases/</guid><description>Anthropic が「数百万行のモノレポ / レガシー / マイクロサービス分散」で Claude Code を回している企業を観察してまとめたベストプラクティスの日本語要約。CLAUDE.md / フック / スキル / プラグイン / LSP / MCP / サブエージェント の 7 層ハーネス、成功 3 共通パターン、そして同名スキルの優先順位(Enterprise &gt; Personal &gt; Project)の実用ルールまで。</description><pubDate>Sat, 16 May 2026 00:00:00 GMT</pubDate><category>claude-code</category><category>ai-agents</category><category>harness</category><category>skills</category><category>monorepo</category><category>best-practices</category><category>anthropic</category></item><item><title>D3 で React の棒グラフに transition を載せる</title><link>https://labs.tech-book.net/articles/d3-react-bar-with-transitions/</link><guid isPermaLink="true">https://labs.tech-book.net/articles/d3-react-bar-with-transitions/</guid><description>D3 を React と組み合わせて、データ更新時に bar の高さ・軸ラベル・数値 text が同時に transition で動く棒グラフを組むパターン。selection / scale / generator の 3 概念、useRef + useEffect の協調、enter/update/exit の data join、tween による数値カウント、を動く demo で確認する実装メモ。</description><pubDate>Mon, 11 May 2026 00:00:00 GMT</pubDate><category>d3</category><category>svg</category><category>react</category><category>transition</category><category>data-visualization</category></item><item><title>DuckDB-Wasm でブラウザ内 SQL を動かす</title><link>https://labs.tech-book.net/articles/duckdb-wasm-browser-sql/</link><guid isPermaLink="true">https://labs.tech-book.net/articles/duckdb-wasm-browser-sql/</guid><description>DuckDB-Wasm をブラウザに埋め込み、SQL の DDL / INSERT / SELECT をクライアント完結で実行するパターン、Parquet / CSV 読み込み、WASM ロードの落とし穴を触れる demo で確認する実装メモ。</description><pubDate>Sun, 10 May 2026 00:00:00 GMT</pubDate><category>duckdb</category><category>wasm</category><category>sql</category><category>browser-analytics</category></item><item><title>ExcelJS で .xlsx をブラウザで生成・ダウンロードする</title><link>https://labs.tech-book.net/articles/exceljs-xlsx-generation/</link><guid isPermaLink="true">https://labs.tech-book.net/articles/exceljs-xlsx-generation/</guid><description>ExcelJS でブラウザ完結に Excel ファイルを作成し、ヘッダ装飾 / 数式 / 通貨書式 / 集計行を最小コードで組み立てるパターンを触れる demo で確認する実装メモ。</description><pubDate>Sun, 10 May 2026 00:00:00 GMT</pubDate><category>exceljs</category><category>xlsx</category><category>spreadsheet</category><category>browser</category></item><item><title>GrafeoDB の WASM ビルドでブラウザに組込みグラフ DB を載せる</title><link>https://labs.tech-book.net/articles/grafeodb-browser-graph-rag/</link><guid isPermaLink="true">https://labs.tech-book.net/articles/grafeodb-browser-graph-rag/</guid><description>@grafeo-db/wasm を使って Cypher / GQL / SPARQL / SQL を 1 つの埋め込み DB で扱うブラウザ完結のグラフ DB パターン — importLpg でのデータ投入、executeCypher、textSearch / vectorSearch、exportSnapshot による zero-backend 配布、IndexedDB 永続化までを触れる demo 付きで整理する実装メモ。</description><pubDate>Sun, 10 May 2026 00:00:00 GMT</pubDate><category>grafeodb</category><category>graph-database</category><category>wasm</category><category>cypher</category><category>rag</category><category>vector-search</category></item><item><title>pptxgenjs でブラウザだけで .pptx を生成する</title><link>https://labs.tech-book.net/articles/pptxgenjs-browser-powerpoint/</link><guid isPermaLink="true">https://labs.tech-book.net/articles/pptxgenjs-browser-powerpoint/</guid><description>PptxGenJS v4 を使った PowerPoint ファイル(.pptx)のクライアント生成パターン — addSlide / addText / addTable / addChart の最小構成、レイアウトサイズ(LAYOUT_WIDE)とテンプレ運用、ブラウザの writeFile / Node の writeFile / stream を出力先別に整理、画像/SVG 埋め込みの注意を触れる demo 付きで実装メモ化。</description><pubDate>Sun, 10 May 2026 00:00:00 GMT</pubDate><category>pptxgenjs</category><category>powerpoint</category><category>report-generation</category><category>browser</category></item><item><title>Vitest v3 で TypeScript / React / MSW のテスト基盤を組む</title><link>https://labs.tech-book.net/articles/vitest-v3-test-recipes/</link><guid isPermaLink="true">https://labs.tech-book.net/articles/vitest-v3-test-recipes/</guid><description>Vitest v3 系で unit / component / integration テストを 1 つの runner に集約する設定パターン — globals / projects 分割 / coverage / msw 併用 / vi.mock / fake timers / playwright との分業を実装メモ化。</description><pubDate>Sun, 10 May 2026 00:00:00 GMT</pubDate><category>vitest</category><category>testing</category><category>msw</category><category>typescript</category></item><item><title>beautiful-mermaid でゼロ依存の Mermaid 図を描く</title><link>https://labs.tech-book.net/articles/beautiful-mermaid-getting-started/</link><guid isPermaLink="true">https://labs.tech-book.net/articles/beautiful-mermaid-getting-started/</guid><description>ゼロ依存・DOM 非依存の beautiful-mermaid を Astro + MDX に組み込み、build 時の静的レンダリングと runtime のインタラクティブエディタを共存させた実装メモ。</description><pubDate>Sun, 10 May 2026 00:00:00 GMT</pubDate><category>mermaid</category><category>mdx</category><category>astro</category><category>diagram</category></item><item><title>Biome v2 で TypeScript / Astro / MDX を一本化する</title><link>https://labs.tech-book.net/articles/biome-v2-config-recipes/</link><guid isPermaLink="true">https://labs.tech-book.net/articles/biome-v2-config-recipes/</guid><description>Biome v2 系で lint + format を一本化する時の biome.json 設定、ESLint からの移行ポイント、Astro / MDX / monorepo での設定差分、よく詰まる点を実装観点で整理。</description><pubDate>Sun, 10 May 2026 00:00:00 GMT</pubDate><category>biome</category><category>lint</category><category>format</category><category>typescript</category></item><item><title>marked v17 で Markdown を HTML に変換する</title><link>https://labs.tech-book.net/articles/marked-v17-markdown-rendering/</link><guid isPermaLink="true">https://labs.tech-book.net/articles/marked-v17-markdown-rendering/</guid><description>marked v17 系で Markdown → HTML を最小コードでパースする方法、GFM 拡張、サニタイズの注意点を触れる demo で確認する実装メモ。</description><pubDate>Sun, 10 May 2026 00:00:00 GMT</pubDate><category>marked</category><category>markdown</category><category>javascript</category></item><item><title>Papa Parse v5 で CSV をブラウザでパース・生成する</title><link>https://labs.tech-book.net/articles/papaparse-csv-streaming/</link><guid isPermaLink="true">https://labs.tech-book.net/articles/papaparse-csv-streaming/</guid><description>Papa Parse v5 系で CSV を header 自動検出 + dynamicTyping + ストリーム処理で扱うパターン、エスケープ周りの落とし穴を触れる demo で確認する実装メモ。</description><pubDate>Sun, 10 May 2026 00:00:00 GMT</pubDate><category>papaparse</category><category>csv</category><category>browser</category><category>data</category></item><item><title>React Flow v12 を最小コードで動かす</title><link>https://labs.tech-book.net/articles/react-flow-getting-started/</link><guid isPermaLink="true">https://labs.tech-book.net/articles/react-flow-getting-started/</guid><description>@xyflow/react v12 の最小サンプル + カスタムノード + コンテキストメニュー + 永続化までを、つまずいたポイントとともに記録した実装メモ。</description><pubDate>Sun, 10 May 2026 00:00:00 GMT</pubDate><category>react</category><category>react-flow</category><category>typescript</category><category>ui</category></item><item><title>uuid v14 で v4 / v7 を生成して検証する</title><link>https://labs.tech-book.net/articles/uuid-v14-generate-and-validate/</link><guid isPermaLink="true">https://labs.tech-book.net/articles/uuid-v14-generate-and-validate/</guid><description>uuid v14 系の API(v4 ランダム / v7 時刻 prefix / validate / version)を最小コードと触れる demo で確認する実装メモ。</description><pubDate>Sun, 10 May 2026 00:00:00 GMT</pubDate><category>uuid</category><category>id-generation</category><category>javascript</category></item></channel></rss>