GitHubリポジトリを複数人で利用（１）GitHub上のRails7アプリをWindows10-WSL2-Ubuntu20.04にクローンして開発環境構築

2022年9月23日2022年10月8日

2人で、アプリを開発することになりました。

• 社長X　　　：GitHubでリポジトリAを作成、開発
• 私（社員）Y：社長XのGitHub上のリポジトリAをクローンして、私（社員）Yのローカルでコードを追加

流れとしては

1. 私（社員）Yが、社長XのGitHub上のリポジトリAを、私Yのローカル環境にクローン
2. 私のローカル環境下で、新規ブランチ “branch-YYY"を作成し、そこでコードを追加
3. git add . -> git commit -> git pushで、"branch-YYY"を社長XのGitHub上のリポジトリA上にpush
4. 私（社員）Yが、社長Ｘに、"branch-YYY" をPull Request
5. 社長Xが、"branch-YYY" のコードを確認して、merge (“branch-YYY"ブランチ が、mainブランチにmergeされる)
6. 私（社員）Yが、ローカルで、"branch-YYY"を削除
7. 私（社員）Yが、社長XのGitHub上のリポジトリAnの新しいmainブランチを、私のローカル環境にクローン。ローカルで新規ブランチを作成し、新たにコードを追加

を繰り返していく流れになると思われますのでやってみます。

→やっている途中で、上記の１と２の間がすごく難しいことに気づきました。１と２の間を簡単にするためには、Dockerで環境構築した方が簡単そうだと感じました。（Dockerで環境構築したものをどうやって配布するのか、私にはまだよくわかりません。）

開発環境

Windows10 Pro 21H2
WSL2
Ubuntu 20.04 on Windows
git version 2.25.1
VisualStudioCode

社員ＸのGitHubリポジトリＡを、社員Ｙである私のローカル環境にクローン

リポジトリAが公開されていない場合は、社員Xに依頼して、社員YのGitHubアカウントのりぽじとりAへの接続を許可してもらう必要があります。（今回は公開リポジトリなので不要でした）

Windowsマークのスタートボタンから、Ubuntu20.04 on Windowsをクリックして、WSL2 Ubuntuの画面を開き、以下を入力します。

git config --global alias.co checkout

また、cloneしたいリポジトリのページへ行き、緑色の「Code」をクリックし、「HTTPS」タブの、コピーボタンをクリックし、「https://github.com/xxxxxx/yyyyyy」のアドレスをコピーする

先ほどコピーしたアドレスを用いて、Ubuntuのターミナル画面で、以下を入力してEnter

git clone https://github.com/xxxxxx/yyyyyy

リポジトリAがローカル環境にクローン（ダウンロード）されるので、リポジトリAのディレクトリに移動して、VisualStudioCodeで開きます。

ls
cd yyyyyy
code .

VSCodeが自動的に立ち上がり、以下のような画面になりました。

Gemfileを見てrubyとRailsのversionを確認

今回は、Gemfileは以下のようになっていました。

Rails7なので、javascriptまわりが、

• importmap-rails　(=> 開発環境では rails s )
• jsbundling-rails (=> 開発環境では bin/dev )

のどちらを用いているのかも確認します。

つまり、クローンしたRails7アプリは、以下のようになっていました。

ruby 3.1.2
rails 7.0.3

jsbundling-rails
cssbundling-rails

WSL2-Ubuntu20.02のrailsとrubyのversionをチェック

Windows10+WSL2(Ubuntu20.02)でRails7+Sqlite3環境構築【2022年2月時点】

以前、上記のようにセットアップしたのですが、以下のコードでチェックします

ruby --version
rbenv --version
rbenv versions

つまり、ruby 3.1.2をインストールする必要があるので、rbenvでインストールします。

rbenv install 3.1.2

なんとうまくいきません。rbenvのupgradeが必要なようです。

ubuntu20.04上のrbenv/ruby-buildをアップグレード

https://mseeeen.msen.jp/rbenv-upgrade/　に従ってやります。

rm -rf .rbenv
git clone https://github.com/sstephenson/rbenv.git .rbenv
rm -rf ~/.rbenv/plugins/ruby-build
git clone https://github.com/sstephenson/ruby-build.git ~/.rbenv/plugins/ruby-build

rbenv install --list

無事、ruby 3.1.2 が出てきたので、インストールします。

リポジトリAに対応したrubyをrbenvインストール

以下のようにインストール（むちゃくちゃ時間がかかる）すると、自動でglobalに設定されます。

rbenv install 3.1.2
rbenv versions
ruby --version

途中で社長Xがmainブランチを更新したので、git pull origin main

こちら（社員Y）が環境構築で苦労している中、社長Xが元のリポジトリを更新したので、

git pull origin main

して、ローカルリポジトリを更新しました。

なお、何かファイルを変更していたけど、そのファイル変更はもうあきらめて、全部pullしちゃいたい場合は、以下のコマンドでよいらしいです。（あくまで、今までの修正がいらない場合）

git checkout .

bundle installとrails db:migrate

RubyのバージョンをGemfileに一致させることができたので、以下を入力してインストールします。

bundle install --path vendor/bundle
rails db:migrate

pg (1.4.1)がインストールできないというエラーが出たので、Ubuntuにpostgresqlをインストールします。

sudo apt-get install postgresql

もう一度、 bundle install しても、やはり、同じエラー（pgがインストールできない）が出るので、ログをもう一度見てみると、以下のような記載が

指示通り、以下を入力してから、もう一度、bundle install

sudo apt install libpq-dev

やっと、無事、bundle installできました

やはり、こういう環境構築が面倒だと、2人以上で開発するときは、Dockerでやりたいという気持ちがフツフツとわいてきます。

rails db:migrate

これがうまくいきません！

なんとなく、Ubuntu上でpostgresqlが立ち上がっていないのかなと思い、以下を入力。

sudo service postgresql start
rails db:migrate

まだダメ！

ググってみると、

https://stackoverflow.com/questions/23338356/pgconnectionbad-fatal-role-myname-does-not-exist

が出てきたので、その答えのひとつを試してみます。

やっとできました。開発環境構築だけで、本当に大変！

sudo -u postgres createuser --superuser adash333

bin/rails db:create
bin/rails db:migrate

bin/devで開発サーバ立ち上げ

Rails7アプリですが、今回はjsbundling-rails　を用いているので、以下のコマンドでサーバ立ち上げです。

bin/dev

まだでした、、、

　/bin/sh: 1: esbuild: not found　でググってみると、

https://kobacchi.com/rails-gitclone-bindev-not-working/

よくわかりませんが、以下を入力してみます。

yarn add esbuild

そして、再度、 bin/dev すると、無事サーバが起動し、WEBブラウザで、localhost:3000　を開くと、無事、Rails7アプリを起動することができました。これは大変でした。繰り返しになりますが、複数人でアプリ開発するときは、絶対Dockerでやりたい！！！

Ubuntuでpostgresqlの自動起動を設定しておく

以下のコマンドを入れておきます。

systemctl enable postgresql

これをしないと、Ubuntuを起動したときに、毎回、

sudo service postgresql start

しないといけません。

GitHubとVisualStudioCode関連リンク

https://learn.microsoft.com/ja-jp/azure/developer/javascript/how-to/with-visual-studio-code/clone-github-repository?tabs=create-repo-integrated-terminal%2Cinitialize-repo-activity-bar%2Ccreate-branch-command-palette%2Ccommit-changes-command-palette%2Cpush-command-palette
Visual Studio Code で GitHub リポジト

リをクローンして使用する
2022/09/22

【VSCode×GitHub】使い方から連携手順まで完全解説！

【最新版】GitHub Desktopとは？インストールから具体的な使い方までわかりやすく徹底解説！

https://qiita.com/risagon/items/0cd3592b08ee058ffb80

https://miya-system-works.com/blog/detail/vscode-github/

Rails7環境構築関連リンク

https://techracho.bpsinc.jp/hachi8833/2022_04_07/116843

https://qiita.com/yuki_0920/items/fb0b23b8d39573354ce5
更新日 2022年04月18日
Ruby on RailsでGitHubからクローンしてアプリを立ち上げるために気をつけること

https://kobacchi.com/rails-gitclone-bindev-not-working/
【Rails7】git cloneしたプロジェクトをbin/devしても動かない時の対処法
2022年9月4日

Ruby on Rails7の開発環境構築（PostgreSQL版）

https://mseeeen.msen.jp/rbenv-upgrade/

https://zenn.dev/ryota_koba04/articles/357b5d43ab597d「ActiveRecord::ConnectionNotEstablished」に立ち向かう

https://qiita.com/yuitnnn/items/b45bba658d86eabdbb26

@yuitnnn
投稿日 2017年12月28日

更新日 2018年03月11日

新規Railsプロジェクトの作成手順まとめ