Skip to content

Showcases

研究結果から抽出された実用的な知見を、テーマ別にまとめたドキュメント集です。

Pattern

Showcase概要
middleware-compositionファクトリ関数+名前付き関数式+クロージャ事前計算によるミドルウェア合成
self-rewriting-method初回実行でメソッドを差し替え、2回目以降の分岐コストをゼロにする遅延最適化
dynamic-argumentT | ((ctx) => T) で静的値と動的関数を統一する設定API設計パターン
self-filtering-strategy全ハンドラを常に呼び出し各自が自己選別する、switch/if 不要のプラグイン設計
options-or-falseOptions | false + filter(Boolean) で宣言的にプラグイン配列を構築
phantom-typeoptional プロパティへの型情報埋め込みでランタイムコストゼロの型推論を実現
escalating-escape-hatches段階的抽象度の拡張ポイントで安全性と柔軟性を両立するライブラリ設計
subscribable-observer30行のSubscribable基底クラスで6フレームワーク対応の最小購読パターン
consume-aware-resourceAbortSignalのgetter検出で消費有無を判定し適応的にキャンセルするリソース管理
register-declaration-merging空Registerインターフェース+declaration mergingでライブラリ型をグローバルカスタマイズ
promise-coalescing並行リクエストの重複排除+無効化タイムスタンプ検証でキャッシュ整合性を保証
weakmap-scoped-stateWeakMap+ファクトリ関数による環境スコープ状態管理でメモリリークを防止
dependency-injection関数引数DI→遅延プロキシ→プッシュ型Hub→型レベルLayer/Tagの4段階DIパターン体系
dual-apidual()でdata-first/data-last両スタイルを単一実装から自動導出する二重APIパターン
symbol-type-identitySymbol.for()+hasProperty型ガードでinstanceof代替の堅牢な型判定を実現
ast-interpreterAST tagged union+Match型でコンパイル時網羅性チェック付き拡張可能インタプリタ
composition-root単一クラス→関数+パイプライン→ビルド関数+コンテキスト→オーケストレーターの4形態Composition Root
scoped-resource-diLayer.scoped→using/Disposable→WeakMap→Observer連動→AbortControllerの5段階リソースDI
e2e-fixture-compositionPlaywright test.extendによる宣言的フィクスチャ設計と認証バイパス・自動クリーンアップ
capabilities-flagbooleanフラグでバリアント機能を宣言するインターフェース設計パターン
circuit-breaker外部サービスの連続失敗検知+自動遮断+復旧によるCircuit Breakerパターン
trait-composition$constructor+init()チェーンでクラス継承を排除しtree-shake可能なトレイト合成
adaptive-rate-limiterAIMD風3層適応的並列度制御でAPIレートリミットにゼロコンフィグ自動適応
zod-enum-handler-mapZod enum+Record型ハンドラマップで50種以上の処理分岐の網羅性をコンパイル時保証
type-state-builderセンチネル型+条件付き型+TypeError phantomによる型パラメータ状態マシンfluent builder
recursive-proxy-apiProxy+ファサード型キャストで型安全な動的APIを構築する二重構造パターン(3防御策込み)
structural-duck-typing-Esque構造型+ランタイムFeature Detectionで外部ライブラリをゼロ依存統合
idempotent-schema-migrationCREATE TABLE IF NOT EXISTS+ALTER TABLE ADD COLUMN duplicate無視による無停止スキーマ進化
resumable-stream-replaySQLiteバッファリング+3フェーズ再開プロトコルによる切断耐性ストリームリプレイ
single-alarm-multiplexing単一アラーム制約をSQLiteテーブルで多重化し任意数のスケジュールを統一管理
object-augmentationObject.defineProperty+交差型で継承なしに型安全な機能注入
bidirectional-state-sync対称メッセージ型+送信元除外ブロードキャスト+Serializable型制約の双方向ステート同期
transport-auto-fallbackautoモードでstreamable-httpを先に試行し404/405ならSSEにフォールバック
subsystem-stacking単一基盤クラスに独立サブシステムをSQLiteテーブルとして冪等に積層
disposable-event-hierarchyemit()単一メソッド+DisposableStore+3層バブルアップの階層的イベント伝搬
mixin-feature-injectionTypeScript mixinで継承チェーン変更なしにクロスカッティング機能を注入
exclusive-block-safe-rethrow排他制御ブロック内エラーを変数退避+状態リセット+ブロック外再スローでデッドロック防止
tri-value-hook-controlResponse|Request|voidの三値フック返却で拒否・変形・続行を単一型表現
mixin-preset-dual-apiwithFeature(Base) mixin+プリセットexportの二層APIで入門者と上級者を両立
custom-jsx-domain-dslReact非依存カスタムJSXランタイム+IntrinsicElements={}でドメインDSLを型安全に構築
ast-canonical-normalizationAST正規フォーマットでN:N変換をN+N化するクロスプラットフォーム正規化パターン
metadata-driven-architectureデコレータでメタデータ格納→ランタイム解釈のWrite/Read分離+キー集約+3層マージ
three-layer-platform-abstractionInterface→AbstractClass→Concreteの三層抽象化+型付き脱出口によるプラットフォーム交換
fs-driven-registrationファイル配置をレジストリとして使いproc macro/スキャンでコンポーネントを自動登録
ir-size-static-assertionホットデータ構造のサイズをstatic_assert!で固定しパフォーマンス回帰を防止

Practice

Showcase概要
type-safe-pipelineany フィルター付き型合成でチェーン全体の型崩壊を防ぐ防御的型設計
zero-dep-securityWeb Crypto API のみによるゼロ依存・マルチランタイム対応セキュリティ
test-suite-factorycreateTestSuite() + Capability フラグで20超実装に統一契約テストを適用
defensive-validationLLM出力の5段階フォールバック検証と制約ダウングレードによる防御的バリデーション
declarative-config-layeringdefu/ディープマージの引数順序で優先順位を表現する宣言的設定マージ
define-helper-patterndefineXxxConfig ヘルパーによるゼロコスト型補完パターン(横断的)
tree-shaking-libraryファクトリ関数+@__NO_SIDE_EFFECTS__+sideEffects:falseによる完全tree-shaking
dual-layer-testingランタイムテスト+型テストの1:1対応とドメイン固有ヘルパーによる統一テスト戦略
branded-domain-primitivesValibot brand()+ファクトリ関数+InferOutputでドメインプリミティブを型安全に構築
result-error-pipelinebyethrow Result.try/pipe/unwrapの3イディオムで関数型エラーハンドリングを統一
in-source-testingimport.meta.vitest+await using+createFixtureによるin-source testingパターン
supply-chain-defensepnpmの4層設定によるサプライチェーン多層防御(strictDepBuilds等)
structural-sharing構造的共有+Proxy追跡+バッチ通知の三重レンダリング最適化
monorepo-quality-gatespublint/attw/size-limit/sherif/knipの5ツールによる多層CI品質検証
devdeps-bundlingdevDepsバンドルでランタイムdependenciesを6個に極小化する配布軽量化戦略
api-lifecycleexperimental/future/legacy三層+getter trap非推奨警告によるAPI進化管理
tagged-error-hierarchy_tag+reason二層分類とcatchTagによる型安全エラーディスパッチ
test-di-strategies境界モック→環境変数スタブ→引数注入→コンテキスト注入→Layer差し替えの5段階テストDI
context-propagation明示的引数渡し・暗黙的コンテキスト・型パラメータ静的追跡の3分類コンテキスト伝播
test-db-isolationSQLiteファイルコピー+VITEST_POOL_IDによる並列テストDB分離パターン
msw-multi-env-mockMSWハンドラの開発・テスト・E2E三環境共用と環境変数によるMock/Real切り替え
test-guardrailsconsole.error throw化+カスタムマッチャーによるテスト品質ガードレール
error-normalization-pipeline4リポが独立実装したcatch→構造チェック→wrap→内部型変換のエラー正規化パイプライン
exhaustive-switch-guardsatisfies never/unreachable(never)によるswitch文の網羅性コンパイル時検査
subpath-exports-boundarypackage.json exportsによるAPI境界制御と内部モジュール隠蔽
atomic-file-write一時ファイル+fsync+renameによるアトミックファイル書き込みでデータ破損防止
explicit-resource-managementusing/await using+Symbol.disposeによるスコープ束縛型リソース管理
llm-mock-design3モード入力MockLanguageModel+忠実度別FakeChatModel+呼び出し記録によるLLMテスト設計
ai-fixture-management実APIレスポンスキャプチャ+SSEチャンクフィクスチャ+型安全テストサーバーによるAIテスト
provider-conformance-testingファクトリ関数vsクラス継承の2アプローチによるAIプロバイダー横断適合テスト
llm-test-optimizationAIエージェント向けテスト出力最適化+バージョン横断テスト+統合テストキャッシュ戦略
streaming-leak-preventionsubscribe/unsubscribeペア+null解放+WeakMap+bind()による長寿命Promiseメモリリーク防止
exports-trinity-verificationpackage.json exports/ビルドエントリ/CIスクリプトの三位一体によるAPI整合性自動検証
eager-retry-validationリトライ設定の登録時即座バリデーション+tryN単一リトライ基盤+二重try-catch
multi-runtime-test-isolationvitest projectsによるWorkers/ブラウザ/Node.js/型テストの4層ランタイム分離
single-point-access-controlアクセス制御を共通パスの単一ポイントに集約しチェック漏れを構造的に排除
stability-tier-workspaces安定度ティアによるワークスペース分類とchangeset/CI/依存方向のティア別制御
hibernation-safe-stateWebSocket attachment+ネームスペース分離によるHibernation/eviction対応状態管理
peer-deps-dual-declarationpeerDependencies広レンジ+devDependencies具体バージョン二重宣言+sherif一貫性検証
progressive-disclosure-api引数なし→プリミティブ→オプションオブジェクトの段階的オーバーロードAPI設計
optional-peer-lazy-loadoptional peerDependencies+統一遅延ローダーでinstall-what-you-useを実現(4リポ横断)
nursery-incubationnurseryステージで試験的公開→段階的stable昇格によるAPI安定化リリース戦略

Claude

Showcase概要
multi-ai-tool-configClaude Code/Cursor/Copilot 3ツール並行管理とカスタムMCPサーバーの実践パターン
progressive-context-loadingCLAUDE.md/AGENTS.md/.claude/の階層設計によるAIへの段階的コンテキストロード
agent-command-guardrails禁止コマンド列挙+scratchpadサンドボックス+ホワイトリスト権限によるAIガードレール
prompt-injection-defense外部データ処理時のプロンプトインジェクション防御の多層設計
llms-txt-mcp-integrationllms.txt/llms-full.txt/MCPサーバー3段階のAI向けドキュメント提供パターン
hierarchical-agents-mdCLAUDE.md委任+ディレクトリ別AGENTS.md+PostToolUseフックによる階層的AIコンテキスト管理
always-ask-never-boundariesAlways/Ask first/Neverの3段階行動境界でAIツールの行動を明示的に制御
skills-npm-bundled-docsSKILL.md+docsをnpmパッケージに同梱しAIエージェントがnode_modules/から直接参照
agents-md-style-enforcementAGENTS.mdでAI生成コードのスタイルを強制する4リポ横断パターン比較と規模別構成ガイド
domain-specialized-agentsドメイン専門agents+skillsカタログで大規模OSSのAI開発支援を設計する手法

Tool

Showcase概要
pnpm-catalogscatalog:プロトコル+catalogMode:strictによるモノレポ依存バージョン一元管理
publint-attw-validationpublint+attwによるnpmパッケージexports/types設定の自動検証
oxide-toolchainoxlint+oxfmt Oxideツールチェーンによる高速lint/format+単一checkコマンド集約

Workflow

Showcase概要
codegen-diff-ciコード生成→git diff --exit-codeによる生成コード一貫性のCI検証
loc-limit-enforcementCIスクリプト+AIルール二層でファイル行数上限を強制し巨大ファイル化を防止
e2e-parallel-isolationリソース複製によるE2Eテスト並列実行時のテスト間干渉排除
lint-enforced-architectureBiome/ESLintのnoRestrictedGlobals等でアーキテクチャ制約を機械的に強制するワークフロー
self-consuming-api公開APIのみでファーストパーティadapterを実装しlintで境界強制する自己消費テスト運用
pkg-pr-new-previewpkg-pr-newによるPRプレビューパッケージ公開+changesets+Playwright3層キャッシュCI/CD
recording-replay-testing本番webhookをRedis録画→JSONフィクスチャ化→リプレイテストのワークフロー