開発を始めましょう

Git の操作について

WESEEK Rule

ブランチ操作、reset, rebase 操作に慣れていない人は必ず Git Graph を利用し、樹形図を常に確認しながら開発を進めるようにしてください。

GROWI-Dev devcontainer 内のターミナルで作業します。

npx を用いて lerna bootstrap を実行します。

npx lerna bootstrap

WARNING

monorepo を採用しているため、依存関係の管理には lerna (opens new window) を使います。 yarn install または、npm install は利用しないでください

新たに2つのターミナルを作成し、それぞれフロントエンドビルドのサーバー、バックエンドのサーバーを起動します。
それぞれ、Ctrl-Cで終了できます。

cd packages/app
yarn dev:client
- クライアントコードをビルドし、webpack-dev-server を起動します
- クライアント用ファイル群の変更を検知し、リビルドします

cd packages/app
yarn dev:server
- Express サーバーを起動します
- サーバー用ファイル群の変更を検知し、Express サーバーをリスタートします

毎回、上記の初回起動のセクションを全て実行してください。

依存ライブラリの取得のセクションは、node_modules 内に lerna パッケージが存在する場合、yarn 経由で実行可能です。

yarn lerna bootstrap

開発で使う主なコマンド紹介です。
全てのコマンドは packages/app/package.json の script セクションを参照してください。

TIP

以下のコマンドは packages/app ディレクトリ下で実行してください。

command	詳細
`dev:client`	開発用にクライアントのビルドを行い、webpack-dev-server を起動しますファイルを監視し、変更時に自動で再ビルドします。
`dev:server`	開発用に Express サーバーを起動しますファイルを監視し、変更時に自動で再起動します。
`test`	単体テスト、統合テストを実行します。
`lint`	コードの linting を実施します。
`migrate:create`	マイグレーションファイルを作成します。
`migrate:status`	マイグレーションの適用状態をチェックします。
`migrate:up`	全ての未適用のマイグレーションを適用します。
`migrate:down`	適用済みのマイグレーションのうち、最新のもの1つを適用前の状態に戻します。
`migrate`	[エイリアス] `migrate:up` を実行します

TIP

以下のコマンドはリポジトリのルートディレクトリで実行してください。