Skip to content

Dressca のディレクトリ構造をレイヤー本位から業務ドメイン本位に変更する #4476

Description

@KentaHizume

2026/5/13

機能単位の分割では粒度が細かすぎるため、ユースケースの概念を導入したい。
UI・ロジック∈コンポーネント∈機能∈ユースケース
という構成関係を想定する。
詳細は下記の図を参照のこと。

概要

現在のフロントエンドアプリケーションのディレクトリは、 create-vue の初期状態をベースにしています。
src 直下に component 、store 、 router といったプログラム目線でのレイヤー名をディレクトリとして作成し、その配下に各機能のディレクトリを作成しています。

一方で、大規模アプリケーションでは機能単位で開発チームが分かれるため、ディレクトリについても src 直下を先に機能単位で分割し、その後レイヤーでディレクトリを切り出したほうが作業がしやすく、機能を追加する際にスケールしやすいと考えられます。

Dressca の規模感では現在の規模感で十分ですが、
AlesInfiny Maia/Maris のブランクプロジェクトは大規模エンタープライズ向けに作成するので、src 直下は機能本位でディレクトリが切られていた方がベターだと考えられます。

Tasks

  • アイデア出し・フィージビリティ確認
  • 設計について合意
  • アプリを更新
  • ドキュメントを更新

完了条件

ここにこの Issue の完了条件を箇条書きで記載します。

Metadata

Metadata

Assignees

Labels

not triaged精緻化、分析がされていない

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions