既存のプロジェクトを再利用して新規プロジェクトの叩き台にする
色々とプロジェクトやアプリの破片を作ってはGitHubに保存してきたのですが、たまにそれに手を加えて新しいプロジェクトとして作り直したいなあという事がよくあり、クローンの手順を踏むのですが、よく手順を忘れるのでここに備忘ログ。Firebaseをよく使うので、Firebaseプロジェクトのクローン手順。
１、下準備
- ローカルに新しいプロジェクト用のディレクトリを作る
- Firebase上に新しいプロジェクトを作る
- GitHub上に新しいプロジェクト用のリポを作る
２、GitHubから既存のリポをローカルにクローンする
作っておいたローカルのディレクトリに移動し
cd path/to/your/directory
リポをクローンする
git clone https://github.com/username/repository-name.git
package.jsonのname/version/description などを新しいプロジェクト用に書き直す
３、Gitを設定し直す
元々のオリジン（つまりGitHubのオリジナルのリポ）とのリンクを外す
git remote remove origin
で、新しく作ったGitHubのリポにオリジンを再設定
git remote add origin https://github.com/yourusername/new-repository-name.git
mainブランチの設定
git branch -M main
で、新しいリポの新しいmainブランチにデータをプッシュ
git push -u origin master
これで新しいローカルのディレクトリにプロジェクトがクローンされ、GitHubの新しいリポと接続完了
*リポをクローンした場合、.gitファイルも引き継がれるので、gitヒストリーもそのまま使える。
４、ローカル側の初期設定
- モジュールをインストール
npm install
- Firebaseのconfigファイルを新しいプロジェクトの設定に書き直す
あと、既存プロジェクトをクローンして再度新しいリポにプッシュする場合、サイズが大きくてエラーが出るケースが多いので、その際はバッファーのサイズを上げると解決する。例えば、１５０MBにすると
git config --global http.postBuffer 157286400
５、Firebaseプロジェクトの場合、書き換えるべきファイル
.firebaserc File
firebase use
で紐づいているプロジェクトを確認して、新しいIDに直す
{
"projects": {
"default": "my-project-id"
}
}
.firestore.rules/storage.rules でパーミッション設定。
あと、.gitignoreでクローンされていない環境変数など。
６、でけた
先月作った、ランダムに質問を表示する語学学習用のクイズアプリのロジックを少し書き換えて、フラッシュカード（単語帳）のアプリを作ったよ。
早速、2人しかいない生徒どもに使わせようと思います。
複製元のクイズアプリ
ロジックを書き換えた単語帳アプリ
カードをクリックすると、裏の訳と発音に切り替わる
