プロジェクト構成の設定
メニューを表示するにはスワイプしてください
この章では、プロジェクトの構成について詳しく説明します。アプリケーション全体を構築する際、整理された構成を維持することが重要となります。以下に、プロジェクトで使用する主なディレクトリとファイルを示します。
プロジェクト初期ファイル
初期プロジェクトのファイルやフォルダは、 Github からアクセスできます。GitHubを初めて利用する場合は、下記の簡単な2ステップの手順に従ってプロジェクトをダウンロードしてください。
プロジェクト構成の概要
各ディレクトリおよびファイルの目的について説明します。下の画像はプロジェクト構成の視覚的なイメージです。
次に、各ディレクトリおよびファイルの目的について詳しく見ていきます。
-
index.js: アプリケーションのメインエントリーポイント。Expressサーバーのセットアップ、ミドルウェアの設定、ルートの定義、サーバーの起動を行う。
- Expressアプリケーションの初期化
express.json()などのミドルウェア設定によるJSONリクエストのパース- ルート定義およびエラーハンドリングミドルウェア
- 指定したポート(例:
3000)でのExpressサーバーの起動
-
routes/: 各APIエンドポイントのルート定義を格納するディレクトリ。ルートを個別のモジュールに分割することで、コードベースの整理を促進。
- 機能ごと(例:ユーザー管理、ツイート、投稿、認証)にルートファイルを作成
- ルート処理コードの整理とモジュール化
-
routes/postsRoutes.js: アプリケーション内の投稿(ツイート)に関連するルートを担当。
- 投稿(ツイート)の作成、取得、更新、削除のルート定義
posts.jsonデータファイルとの連携管理
-
middlewares/: バリデーション、認証、認可などの各種タスクに必要なミドルウェア関数を格納するディレクトリ。コードの再利用性を高める。
- ミドルウェア関数を個別のモジュールに分割
- データバリデーション、ユーザー認証、エラーハンドリングなどのタスクにミドルウェアを使用
-
middlewares/validateData.js: リクエスト内のデータバリデーションに特化したミドルウェア関数。送信されたデータが必要な条件を満たしているかを確認。
- 処理前に受信データの正当性を検証
- 無効または不足データの場合の適切なエラーレスポンス
-
database/: アプリケーションのデータストレージを格納するディレクトリ。
-
database/posts.json: データ(この場合は投稿)をJSON形式で保存するファイル。
-
node_modules/:
npm i expressを実行した際に自動生成されるディレクトリで、プロジェクトで利用する外部ライブラリやモジュールが格納される。 -
package.json および package-lock.json: プロジェクトが依存するすべてのパッケージを一覧化したファイル。
フィードバックありがとうございます!
AIに質問する
AIに質問する
何でも質問するか、提案された質問の1つを試してチャットを始めてください