Open6

フロントエンド、バックエンドを同じリポジトリで管理する

not75743not75743

ほしい

  • なるだけフロントエンドとバックエンドを同じリポジトリで管理したい
    • ちらばるとめんどくさいから
  • スムーズに行き来できる
    • 同時に操作できるようにしたい
  • docker-composeでフロントとバックエンド環境を両方立ち上げる
  • devcontainerを使いたい
not75743not75743

1. ディレクトリをフロントエンドとバックエンドで分ける

参考にさせていただきました
https://zenn.dev/chizu_puzzle/articles/7e8b5737e8e510

devcontainerがフロントとバックエンド同時に利用できない。
VSCodeで複数ウインドウ立ち上げてそれぞれに接続しても片方が落ちるように見える。

切り替えが手間なので保留

not75743not75743

2. devcontainerに2つの環境を入れる

フロントエンドとバックエンドに必要なパッケージ、ツールをすべて入れる
コードの動作確認はできるけど、実際の環境に近づけたいな...

保留

not75743not75743

3.devcontainerを使わず拡張機能でなんとかする

2環境分のツール、拡張機能を用意して環境はdocker-composeで立ち上げるパターン
ホストにいろいろツールを入れる必要がある。
あとコンテナ内の操作はdocker compose exec ...のようにしなくてはならないため
少し手間

保留

not75743not75743

4. リポジトリを分割してdocker-composeのnetwork機能を利用する

https://qiita.com/kai_kou/items/d568fe94ee92f837e274

これよさそう!
コンテナの1機能という原則もわかりやすくてよさげ

デメリットは

  • 他の人に使ってもらう際にgit cloneを2回使ってもらう必要がある
  • docker-composeを両環境で実行する必要がある

まあ自分だけなら全然これで、試せてないけど