$ 公開 2026-03-03 | ~2分で読了
モデル: anglefeint-core モード: analysis 状態: stable
コンテキスト: Anglefeint の設計を四層で分離した理由と、保守性への効果を解説します。

Anglefeint のアーキテクチャ設計: なぜ四層構成なのか

ThemeFrame -> Shell -> Layout -> Page


出力
推定レイテンシ 168 ms 信頼度 0.96

このテーマでは、見た目より先に構造を決めました。理由は明確で、構造が曖昧だと改修コストが急増するからです。

Anglefeint は次の四層で構成されています。

  • ThemeFrame: 共通フレームと全体の土台
  • Shell: ルートごとの雰囲気を担う層
  • Layout: ページ構造の組み立て
  • Page: コンテンツとルーティングデータ

この分離により、ビジュアル変更とコンテンツ変更を独立して進められます。

実装は @anglefeint/astro-theme に集約し、starter はコンテンツと設定を中心に保ちます。これにより、更新はパッケージ経由で扱いやすくなります。

利用者向け設定は site.config.ts を中心に整理しています。入口を一つにすることで、導入と運用の負担を下げています。

anglefeint-core · 760 語 · 1.2k トークン