#169
UI設計パターン
#169そけつごう
疎結合 (Loose Coupling)
別名・表記:Loose CouplingDecoupling
UIXHERO Definition
「つかず離れずの関係」。相手の中身を知らなくても、決められたルール（インターフェース）さえ守れば連携できる状態。
概要
「良いソフトウェア設計」の基本原則の一つ。 「変更に強い」システムを作るための鍵となる。 UIコンポーネントにおいても、特定のデータ構造に依存せず、汎用的なPropsを受け取るように設計することで、再利用性が高まる。
UXでの活用
- 部分的な更新: マイクロフロントエンドのようにUIを疎結合にすることで、ヘッダー、サイドバー、メインコンテンツなどを別々のチームが独立して改善・リリースできるようになる。
- 耐障害性: バックエンドの一部（例：レコメンドエンジン）がダウンしても、その部分だけ非表示にしてメイン機能を提供し続けることができる（Graceful Degradation）。
💡 使いどころ
システムの保守性や拡張性を高めたい時。一部の機能が壊れても、全体を止めないようにしたい時。
⚠️ 注意点・誤用
疎結合にしすぎると、連携のための調整（オーバーヘッド）が増える。また、どこで何が起きているか（フロー全体の把握）が難しくなる。
具体例
- プラグインアーキテクチャ（ブラウザの拡張機能など）
- イベント駆動アーキテクチャ（Pub/Subメッセージング）
関連する解説記事
関連する記事詳細が見つかりませんでした。