メインコンテンツまでスキップ

ADR TS版

TypeScript/Reactプロジェクトにおける
ADRの活用方法を学びます。
フロントエンド特有の設計判断の記録。

YAGNI TS版

TypeScriptで実践するYAGNI。
フロントエンド開発における
MVP思考とスコープ管理。

KISS TS版

TypeScript版KISS。
型安全性と単純さのバランス、
AIを活用したリファクタリング。

SOLID TS版

TypeScriptで学ぶSOLID原則。
React/Node.js開発に活かす設計の基礎。
型安全と柔軟性のバランス。

DRY TS版

TypeScriptで学ぶDRY。
関数抽出や型による重複排除。
保守性の高いフロントエンド開発の基礎。

SoC TS版

TypeScriptで学ぶSoC。
フロントエンドの複雑さを
責務の分離で解決する設計手法。

HC/LC TS版

TypeScriptで学ぶ高凝集・低結合。
変更に強い設計とモジュール分割。
フロントエンド開発での実践パターン。

MVC TS版

TypeScriptで学ぶMVCパターン。
フロントエンドにおけるMVCの適用と
状態管理・UI構築の分離。

DI TS版

TypeScriptで学ぶ依存性注入。
関数/クラスへの注入パターンと
IoC(制御の反転)の実践。

DIP TS版

TypeScriptで学ぶ依存性逆転。
インターフェース分離と依存注入。
結合度を下げ、変更に強い設計へ。

Is-a/Has-a TS版

TypeScriptで学ぶ合成(Composition)。
is-a関係からhas-a関係への転換と、
委譲(Delegation)を活用した柔軟な型設計。

依存関係ルール TS版

TypeScriptで学ぶ依存関係ルール。
importの方向制御とレイヤードアーキテクチャ。
Lintによる強制と循環参照の防止。

レイヤー TS版

TypeScriptで学ぶレイヤードアーキテクチャ。
フロントエンドの階層化設計。

Entity/VO TS版

TypeScriptで学ぶEntityとValue Object。
型システムを活用した不変性と
識別子の設計、バリデーションの実装。

ヘキサゴナル TS版

TypeScriptで学ぶヘキサゴナルアーキテクチャ。
Port/Adapterによる外部依存の分離と、
「中心」を汚さない設計思想を体感します。

エラーモデリング TS版

TypeScriptで学ぶエラーモデリング。
型安全なエラー処理とResult型の実装。
例外に頼らない堅牢な設計パターン。

Observer TS版

TypeScriptで学ぶObserverパターン。
RxJSやリスナー登録など、
非同期処理と状態監視の基礎。

クリーンアーキ TS版

TypeScriptで学ぶクリーンアーキテクチャ。
Port/AdapterパターンやDIを駆使し、
外部依存に振り回されない核を作ります。

CQS TS版

TypeScriptで学ぶCQS。
副作用の制御と型安全な参照の分離。
堅牢なアプリケーション設計の基礎を学びます。

CQRS TS版

TypeScriptで実践するCQRS。
CommandとQueryの分離から、
ドメインイベントを用いた非同期投影(Projection)まで。

不変条件 TS版

TypeScriptの型システムとバリデーションを組み合わせ、
「不正な値をドメイン層に入れない」
境界設計を学びます。

SemVer TS版

TypeScriptで学ぶセマンティックバージョニング。
npm依存管理、型の互換性判断、
プレリリースとリリース自動化の実践。

状態機械 TS版

TypeScriptの型システムを駆使して、
「型で守る」状態機械の構築を学びます。
副作用の分離、Reducerパターン、非同期処理の管理。