記事(全 13 本)
ライブラリ別の実装ノート。category で絞り込めます。
言語 / 開発ツール
3 本-
大規模コードベースの Claude Code — モデルではなくハーネスを設計する
検証 2026-05-16 @anthropic-ai/claude-code 2.xAnthropic が「数百万行のモノレポ / レガシー / マイクロサービス分散」で Claude Code を回している企業を観察してまとめたベストプラクティスの日本語要約。CLAUDE.md / フック / スキル / プラグイン / LSP / MCP / サブエージェント の 7 層ハーネス、成功 3 共通パターン、そして同名スキルの優先順位(Enterprise > Personal > Project)の実用ルールまで。
-
Biome v2 で TypeScript / Astro / MDX を一本化する
検証 2026-05-10 @biomejs/biome 2.4.xBiome v2 系で lint + format を一本化する時の biome.json 設定、ESLint からの移行ポイント、Astro / MDX / monorepo での設定差分、よく詰まる点を実装観点で整理。
-
Vitest v3 で TypeScript / React / MSW のテスト基盤を組む
検証 2026-05-10 vitest 3.xVitest v3 系で unit / component / integration テストを 1 つの runner に集約する設定パターン — globals / projects 分割 / coverage / msw 併用 / vi.mock / fake timers / playwright との分業を実装メモ化。
データユーティリティ
4 本-
marked v17 で Markdown を HTML に変換する
検証 2026-05-10 marked 17.0.3marked v17 系で Markdown → HTML を最小コードでパースする方法、GFM 拡張、サニタイズの注意点を触れる demo で確認する実装メモ。
-
Papa Parse v5 で CSV をブラウザでパース・生成する
検証 2026-05-10 papaparse 5.5.3Papa Parse v5 系で CSV を header 自動検出 + dynamicTyping + ストリーム処理で扱うパターン、エスケープ周りの落とし穴を触れる demo で確認する実装メモ。
-
pptxgenjs でブラウザだけで .pptx を生成する
検証 2026-05-10 pptxgenjs 4.xPptxGenJS v4 を使った PowerPoint ファイル(.pptx)のクライアント生成パターン — addSlide / addText / addTable / addChart の最小構成、レイアウトサイズ(LAYOUT_WIDE)とテンプレ運用、ブラウザの writeFile / Node の writeFile / stream を出力先別に整理、画像/SVG 埋め込みの注意を触れる demo 付きで実装メモ化。
-
uuid v14 で v4 / v7 を生成して検証する
検証 2026-05-10 uuid 14.0.0uuid v14 系の API(v4 ランダム / v7 時刻 prefix / validate / version)を最小コードと触れる demo で確認する実装メモ。
可視化(チャート / 図 / 表)
3 本-
React Flow v12 を最小コードで動かす
検証 2026-05-10 @xyflow/react 12.10.1@xyflow/react v12 の最小サンプル + カスタムノード + コンテキストメニュー + 永続化までを、つまずいたポイントとともに記録した実装メモ。
-
beautiful-mermaid でゼロ依存の Mermaid 図を描く
検証 2026-05-10 beautiful-mermaid 1.1.3ゼロ依存・DOM 非依存の beautiful-mermaid を Astro + MDX に組み込み、build 時の静的レンダリングと runtime のインタラクティブエディタを共存させた実装メモ。
-
D3 で React の棒グラフに transition を載せる
検証 2026-05-11 d3 7.xD3 を React と組み合わせて、データ更新時に bar の高さ・軸ラベル・数値 text が同時に transition で動く棒グラフを組むパターン。selection / scale / generator の 3 概念、useRef + useEffect の協調、enter/update/exit の data join、tween による数値カウント、を動く demo で確認する実装メモ。
データ基盤(クライアント完結)
3 本-
DuckDB-Wasm でブラウザ内 SQL を動かす
検証 2026-05-10 @duckdb/duckdb-wasm 1.33.xDuckDB-Wasm をブラウザに埋め込み、SQL の DDL / INSERT / SELECT をクライアント完結で実行するパターン、Parquet / CSV 読み込み、WASM ロードの落とし穴を触れる demo で確認する実装メモ。
-
GrafeoDB の WASM ビルドでブラウザに組込みグラフ DB を載せる
検証 2026-05-10 @grafeo-db/wasm 0.5.x@grafeo-db/wasm を使って Cypher / GQL / SPARQL / SQL を 1 つの埋め込み DB で扱うブラウザ完結のグラフ DB パターン — importLpg でのデータ投入、executeCypher、textSearch / vectorSearch、exportSnapshot による zero-backend 配布、IndexedDB 永続化までを触れる demo 付きで整理する実装メモ。
-
ExcelJS で .xlsx をブラウザで生成・ダウンロードする
検証 2026-05-10 exceljs 4.4.0ExcelJS でブラウザ完結に Excel ファイルを作成し、ヘッダ装飾 / 数式 / 通貨書式 / 集計行を最小コードで組み立てるパターンを触れる demo で確認する実装メモ。