Weekly Module Research - 2026-04-05

調査対象期間: 2026-03-05 〜 2026-04-05

1. プロジェクト利用モジュールの最新情報

即時対応推奨（パッチ更新）

モジュール	現在	最新	影響度	変更内容	対応
next	16.1.7	16.2.2	高	マイナーバージョンアップ。|バグ修正・パフォーマンス改善	早期更新推奨
ws	8.18.2	8.20.0	中	8.19.0 + 8.20.0 の2段階更新。|WebSocket セキュリティ修正の可能性あり	changelog 確認の上更新
@tiptap/*（全13パッケージ）	3.20.0	3.22.2	高	3.20.1〜3.20.6（パッチ）+ 3.21.0（マイナー）+ 3.22.0〜3.22.2。|3月中に活発リリース	changelog 確認の上更新
katex	0.16.38	0.16.44	低	6パッチ分の蓄積。|数式レンダリングのバグ修正	次回定期更新
marked	17.0.3	17.0.6	低	パッチ修正	次回定期更新
diff	8.0.3	8.0.4	低	パッチ修正	次回定期更新
@serwist/next	9.5.6	9.5.7	低	パッチ修正	次回定期更新
hono	4.12.9	4.12.10	低	パッチ修正	次回定期更新

計画的対応推奨（メジャー更新・要調査）

モジュール	現在	最新	影響度	変更内容	対応
typescript	5.9.3	6.0.2	高	メジャーバージョンアップ（2026-03-23）。|Breaking changes 確認必須	移行計画を作成
mathjs	13.2.3	15.1.1	高	14.x + 15.x の2メジャー跨ぎ。|Breaking changes 確認必須	移行調査
@capacitor/*	7.2.0〜7.5.0	8.3.0	高	メジャーバージョンアップ。|Android/iOS ビルド互換性確認必須	移行調査
jsdom	26.1.0	29.0.1	中	27.x, 28.x, 29.x の3メジャー跨ぎ	テスト環境での互換性確認
dotenv	16.5.0	17.4.0	中	メジャーバージョンアップ	changelog 確認

要確認

モジュール	現在	最新	影響度	変更内容	対応
next-intl	4.8.3	4.9.0	低	マイナー更新	次回定期更新
@emotion/styled	11.14.0	11.14.1	低	パッチ修正	次回定期更新
@mui/material	7.3.7	7.3.9	低	パッチ修正	次回定期更新
@mui/icons-material	7.3.7	7.3.9	低	パッチ修正	次回定期更新
@mui/material-nextjs	7.3.8	7.3.9	低	パッチ修正	次回定期更新
mermaid	11.12.3	11.14.0	低	11.13.0（03-09）+ 11.14.0（04-01）。|新しい図種別・バグ修正の可能性	changelog 確認
plotly.js-gl3d-dist-min	3.4.0	3.5.0	低	マイナー更新	次回定期更新
@modelcontextprotocol/sdk	1.27.1	1.29.0	低	マイナー更新	次回定期更新
@aws-sdk/client-s3	3.1004.0	3.1024.0	低	パッチ更新	次回定期更新
zod（markdown-core 等）	3.25.76	4.3.6	低	web-app は 4.3.6 移行済み。|他パッケージは計画的に移行	計画的移行

[!NOTE] @auth/core（0.41.1）は next-auth beta と連携するプレリリース版。
npm latest（0.34.3）より新しいため変更不要。

変更なし

react, react-dom, next-auth（beta tag 最新）, tiptap-markdown, lowlight, @emotion/react, dompurify, encoding-japanese, @xmldom/xmldom, jsxgraph, plantuml-encoder, zod（web-app 4.3.6）, @dnd-kit/core, @dnd-kit/sortable, @dnd-kit/utilities, fetch-to-node

2. Claude Code 活用記事・知見

2.1 Claude Code Skillsで開発ワークフローを効率化している話

zenn.dev/berry_blog/articles/8d1b2c9216b4e9

• 著者 / 媒体: 浅沼敬（株式会社Berry）/ Zenn
• 情報源レベル: 一次情報（自社プロダクト「QMSmart」での実運用記録）
• 要約: 12種類の自作 Skills で開発フロー全体（起票 → E2E → QA → レビュー → コミット前チェック）をパイプライン化。
  各 Skill に「Voice（役割）」「Iron Law（不可侵ルール3点以内）」「Completion Status（完了判定プロトコル）」の3柱を設計し、ルールベース制御では安定しなかった判断基準の一貫性を実現。
  .qms/results/ に JSON 永続化して Skill 間連携、Claude Code + 別ペイン Codex によるクロスレビューでモデルバイアス排除、paths フロントマターによるコンテキスト圧迫回避など、実装レベルの工夫が多い。
• 当プロジェクトへの示唆: Skill 設計の3柱（Voice / Iron Law / Completion Status）はスキル設計に応用可能。
  paths によるルール条件ロードは editor-core / web-app / vscode 間でルールを分離する手法として参考になる。

2.2 CLAUDE.mdを設計するとClaude Codeの生産性が別物になる

qiita.com/nogataka/items/1ad4e4ccaf47816c63e0

• 著者 / 媒体: nogataka / Qiita
• 情報源レベル: 実践者の一次体験（複数プロジェクト並行管理での運用記録）
• 要約: CLAUDE.md の設計を「AI に何をさせたいか」ではなく「自分がどう仕事を進めたいか」の視点で再構築すべきと主張。
  200行超から最適化への移行過程を記録し、3つの失敗メカニズムと対策を実装レベルで開示。
  グローバル層（仕事の流儀）/ プロジェクト層（固有情報）/ ルール層（条件付き適用）の3層分離は著者独自の設計。
  6エージェント構成リサーチチーム（3視点並列+2段階ゲート）、decisions.md / preferences.md / context-log.md / case-judgment-framework.md によるメモリ分類システムを提案。
• 当プロジェクトへの示唆: 3層分離設計は現プロジェクトの ~/.claude/CLAUDE.md（グローバル）+ .claude/rules/*.md（ルール層）構成と整合。
  メモリ分類システムは MEMORY.md の構造化改善に応用可能。

2.3 Claude Codeを加速させる私の推しスキル・ツール・設定

zenn.dev/ubie_dev/articles/claude-code-tips-findy-2026

• 著者 / 媒体: 鹿野壮（Ubie株式会社）/ Zenn（Findy イベント登壇資料）
• 情報源レベル: 一次情報（全職種 Claude Code 導入環境での実践）
• 要約: 自作スキル「upload-image-to-pr」（Playwright MCP で GitHub API 代替）、Multi-Folder Git Clone（同一リポジトリ複数クローン自動採番）、feature-dev プラグイン（7フェーズ: Discovery → Codebase 探索 → 質問 → 設計 → 実装 → レビュー → サマリー）、RSSHub + Gemini + Obsidian による情報収集パイプラインなど、再現可能な具体的実装を多数公開。
  ステータスラインのカスタム設定やスキル発見手法（skillsmp.com + Grok でリアルタイム投稿から未ブログ化情報抽出）も独自性が高い。
• 当プロジェクトへの示唆: feature-dev の7フェーズワークフローはエディタ機能開発の品質向上に直接適用可能。
  upload-image-to-pr は PR レビュー時のスクリーンショット添付に有用。

2.4 Using spec-driven development with Claude Code

heeki.medium.com/using-spec-driven-development-with-claude-code-4a1ebe5d9f29

• 著者 / 媒体: Heeki Park（AWS Principal Solutions Architect）/ Medium
• 情報源レベル: 一次情報（AWS Bedrock AgentCore interceptors の実プロジェクト構築記録）
• 要約: 仕様駆動開発により「vibe coding」と技術的負債を防止すると主張。
  Bockeler の仕様駆動分類を Claude Code の制約（200k トークンコンテキスト上限、Opus vs Sonnet のクォータ差）と橋渡し。
  3フェーズ（ドキュメントレビュー → リソース計画+依存関係マッピング → 反復的仕様改善）の具体的サイクルを記録。
  コンテキストウィンドウ圧縮に3〜12分かかる実測値、サブエージェントによるコンテキスト汚染防止の実践知を提供。
• 当プロジェクトへの示唆: 本プロジェクトの「3ファイル以上変更する機能はプランモードで計画 → 承認 → 実装」ルールと直接対応。
  コンテキスト管理の実測値は WSL 環境でのメモリ制約下での運用計画に参考になる。

2.5 Collaborating with Agent Teams in Claude Code

heeki.medium.com/collaborating-with-agents-teams-in-claude-code-f64a465f3c11

• 著者 / 媒体: Heeki Park（AWS Principal Solutions Architect）/ Medium
• 情報源レベル: 一次情報（FastAPI + Vite アプリケーション構築での実運用記録）
• 要約: Agent Teams の並列開発を実践し、「仕様品質がボトルネックであり、チーム能力ではない」と結論。
  4エージェント並列起動時の初期化コンテキスト 40k トークン（単一セッション 10k の4倍）、15〜20分で初回実装完了後に UX 改善で数時間を費やす実態を報告。
  モノリシックコードベースでの3+並列チーム運用時のマージコンフリクト問題、パーミッション要求のボトルネック増幅を具体的に記録。
  git worktree による並列ブランチ管理、tmux 複数ウィンドウ管理の実装詳細あり。
• 当プロジェクトへの示唆: Agent Teams 運用時のマージコンフリクト問題は、editor-core / web-app / vscode のモノレポ構成での並列開発に直接関係する警告。

2.6 Claude Codeでひとりチーム開発を回すための設定とワークフロー

qiita.com/kei1-dev/items/c045233e1c4fb497c25d

• 著者 / 媒体: kei1（株式会社BeeX）/ Qiita
• 情報源レベル: 実践者の一次体験（単独開発での実運用設定）
• 要約: Research → Design → Implementation（Frontend / Backend / Infra / Unit QA）→ Integration QA の4フェーズワークフローを Agent Teams で構築。
  「AI への権限委譲」を体系化し、Effort Max（修正コスト > 高精度推論コスト）、Bypass Mode（確認ダイアログスキップ）、Auto Compact OFF（設計判断履歴保持）の設定戦略を根拠付きで説明。
  Obsidian / Pencil.dev / Chrome MCP の統合で作業完結環境を構築。
  親エージェントが統合を監督する構造を具体的に記述。
• 当プロジェクトへの示唆: 4フェーズワークフロー（特に Research → Design 分離）は本プロジェクトの「計画作成と実行は別セッションに分離」ルールの参考実装。

2.7 Claude Codeを使いこなすために意識している5つのこと

zenn.dev/sunagaku/articles/claude-code-usage-mindset

• 著者 / 媒体: スナガク（WEB エンジニア）/ Zenn
• 情報源レベル: 実践者の一次体験（個人開発での運用経験）
• 要約: ツール知識より「向き合い方」が重要と主張し、5つのマインドセット（公式ドキュメント精読、効率化視点、AI 処理の可視化、小規模検証優先、自作による深い理解）を体系化。
  「自分が先に手順を確認してから Skill 化」「プロンプトと結果の紐づけによる再現性確保」は、短期的効率より長期的な理解と制御を優先する一貫した哲学に基づく。
  他の記事が How に集中する中、Why のレイヤーで論じている点で差別化される。
• 当プロジェクトへの示唆: 「小規模検証 → 段階的複雑化」のアプローチは ProseMirror Plugin 開発に特に有効。

3. 同等機能を持つ代替モジュール

カテゴリ	現在使用中	代替モジュール	注目度	動向
認証	next-auth 5.0.0-beta.30	Better Auth 1.5 / 1.6.0-beta	高	Auth.js（NextAuth）は 2025-09 に Better Auth チームへ移管済み。|セキュリティパッチのみの保守モード。|Better Auth 1.5 は 600+ コミット・70 新機能の大型リリース。|公式移行ガイドが authjs.dev に掲載[^1]
UI	@mui/material 7.3.7	MUI 9.0.0-beta	高	3/25 に 9.0.0-beta.0、4/2 に beta.1 リリース。|RSC 対応、variants ベース API 刷新、Backdrop/Modal の Breaking Changes。|v8 スキップで v9 直行[^2]
フレームワーク	next 16.1.7	Astro 6.0	中	3/10 リリース。|Vite Environment API 統合、実験的 Rust コンパイラ、queued rendering で 2x 高速化。|コンテンツサイト指向のため本プロジェクトへの直接的脅威は低い[^3]
エディタ	@tiptap/core 3.20.0	Lexical / Plate / BlockNote	低	対象期間内に顕著な脅威となる動きなし
バリデーション	zod 3.25.76 / 4.3.6	Valibot / ArkType	低	対象期間内に顕著な脅威となる動きなし
AI 変更可視化	diff 8.0.3	diff2html / @git-diff-view/react / ast-grep	中	下記詳細参照

[!WARNING] Auth.js → Better Auth の移管は当プロジェクトに直接影響する。
next-auth 5.0.0-beta.30 は保守モードのため、Better Auth への移行計画を策定すべき。

[!NOTE] MUI 9.0 は現在ベータ段階。
RC リリース時点で移行の影響範囲を見積もるのが適切。

AI による修正箇所の「構造的」可視化技術と主要ツール

AI エージェントによるコード修正が日常化する中、テキスト行単位の diff では「何が変わったか」は見えても「なぜ・どう構造が変わったか」が伝わりにくい。
以下、2026年3〜4月時点の主要ツール・ライブラリを分類して報告する。

Diff 可視化ライブラリ（npm）

ツール	最新バージョン	特徴	活発度	当プロジェクトとの関連
diff	8.0.4	現在使用中。|テキスト行単位の diff 生成	活発	現行。|8.0.3 → 8.0.4 パッチ更新あり
diff2html[^4]	3.4.56	unified/side-by-side 表示、構文ハイライト付き HTML レンダリング。|diff 出力を視覚的にリッチに変換	活発	高。|Tiptap 内での diff 表示の高品質化に最有力
@git-diff-view/react[^5]	0.1.3	2026年3月新登場。|HAST AST ベースの構文ハイライト + Web Worker 対応。|React コンポーネントとして直接組み込み可能	新興・活発	高。|React ベースの Tiptap 拡張に直接統合可能
react-diff-viewer	3.1.1（fork 含む）	React 向け side-by-side diff コンポーネント	メンテナンス	中。|@git-diff-view/react の方が新しく高機能

AST ベース構造差分ツール

ツール	最新バージョン	特徴	活発度	当プロジェクトとの関連
ast-grep（@ast-grep/napi）[^6]	0.42.1	tree-sitter ベースの AST パターンマッチ・変換。|Node.js バインディングあり。|コード検索・lint・リファクタリングに対応	非常に活発	中。|AI 変更の構造的検証（変更前後の AST 比較）に利用可能
Difftastic[^7]	0.65.0	tree-sitter ベースの構造的 diff CLI。|30+ 言語対応。|移動・リネームを検出	活発	低。|CLI ツールのため直接組み込みは困難だが、Git difftool として開発フローに導入可能
GumTree	4.0.0-beta2	Java 実装の AST diff。|学術研究由来	低速更新	低。|Java 依存のため直接利用は非現実的

AI 変更トレース・レビュー支援

ツール	種別	特徴	当プロジェクトとの関連
code-review-graph[^8]	MCP ツール	tree-sitter で構造グラフを構築し MCP 経由で AI に提供。|レビュー時 6.8x トークン削減と報告	中。|MCP サーバーとして既存の MCP インフラに統合可能
Greptile	SaaS	PR ごとに Mermaid 図を自動生成。|影響範囲の構造的可視化	中。|本プロジェクトの Mermaid レンダリング機能との親和性が高い
difit / diffity	npm	AI プロンプト生成機能を内蔵した diff ビューア。|「この変更を説明して」機能	低。|新興ツール、成熟度は要観察

[!TIP] 当プロジェクトの diff 表示を強化する場合、最も現実的なパスは以下の順序:

1. diff 8.0.3 → 8.0.4 パッチ更新（即時）
2. diff2html 導入で視覚的リッチ化（短期）
3. @git-diff-view/react の評価・導入検討（中期、React 統合の優位性）
4. ast-grep による構造的変更検証の PoC（中長期）

推奨アクション

1. 今週中: next 16.1.7 → 16.2.2、ws 8.18.2 → 8.20.0 の更新・テスト
2. 今週中: @tiptap/* 3.20.0 → 3.22.2 の changelog 確認・更新
3. 来週: TypeScript 6.0.2 の Breaking Changes 調査・移行計画作成
4. 計画的: Better Auth 移行調査、mathjs（13 → 15）、@capacitor/*（7 → 8）の移行調査
5. 次回定期更新: Monitor カテゴリの一括更新

[^1]: Auth.js 公式サイト移行ガイド（参照日: 2026-04-05） [^2]: MUI GitHub Releases（参照日: 2026-04-05） [^3]: Astro 6.0 公式ブログ（参照日: 2026-04-05） [^4]: diff2html — https://github.com/rtfpessoa/diff2html（参照日: 2026-04-05） [^5]: @git-diff-view/react — https://github.com/nicholasgasior/git-diff-view（参照日: 2026-04-05） [^6]: ast-grep — https://github.com/ast-grep/ast-grep（参照日: 2026-04-05） [^7]: Difftastic — https://github.com/Wilfred/difftastic（参照日: 2026-04-05） [^8]: code-review-graph — tree-sitter ベース MCP コードレビューツール（参照日: 2026-04-05）