MacとPCのVSCodeでGithubでプロジェクトを共有したい

MacとPCのVSCodeでGithubでプロジェクトを共有したい
 
この記事にはアフィリエイト等の広告が含まれます
 

PineScriptとかVBAではあまり関係ないけど、2台のパソコンでプロジェクトを共有するとき、Githubが強力に便利です。

Githubにアカウントがある前提の操作です。

ステップ1:GitとGitHubの準備

MacでのGitインストール確認(通常は入っている)

git --version

バージョンが表示されればOK。
表示されない場合は以下を実行する

xcode-select --install

WindowsでのGitインストール確認

git --version

バージョンが表示されればOK。
表示されない場合は以下を実行する

WindowsでGitをインストール

  • https://git-scm.com/ から Git for Windows をダウンロード
  • インストール時は「Git from the command line and also from 3rd-party software」を選択

GitHub CLI(おすすめ)※オプション

GitHub公式CLI(gh)を使うとログインやリポジトリ作成が楽です。

brew install gh

ステップ2:GitHubアカウントと接続

GitHubにログイン(推奨:SSH)

SSH鍵を作る(MacとWindows両方で)

ssh-keygen -t ed25519 -C "your_email@example.com"

GitHubの「Settings > SSH and GPG keys」へ登録

公開鍵をGitHubに登録

1、ターミナルで以下を実行:

cat ~/.ssh/id_github.pub

2、表示された文字列をすべてコピー(ssh-ed25519 AAAA... から始まる)

3、GitHubにログインし、
https://github.com/settings/keys にアクセス

4、「New SSH key」を押して、

  • Title:例)”MacBook” や “Windows”
  • Key:さきほどコピーした文字列を貼り付け
~/.ssh/config ファイルの内容を確認
cat ~/.ssh/config

以下のような内容が入っていればOK:

Host github.com
  HostName github.com
  User git
  IdentityFile ~/.ssh/id_github

表示の順番が違うかもしれませんが表示されていたらいいです

github.com にアクセスするときに id_github を使う設定になっている」という内容です。

実際にGitHubと接続できるかテスト
ssh -T git@github.com

成功していれば

Hi your-username! You've successfully authenticated, but GitHub does not provide shell access.

失敗した場合
Permission denied」の場合はconfigの設定ミスか鍵がGitHubに未登録
Could not resolve hostname」の場合はスペルミスの可能性

ステップ3:VSCodeでGitHubを使えるようにする

VSCodeの設定(Mac & Windows 両方)

  1. Git拡張が有効か確認(標準で入ってます)
  2. 「Settings > Git: Enable」 がON

GitHub拡張を追加するのもおすすめ(GitHub Pull Requests and Issues

プロジェクトの共有方法

Macで新規プロジェクトを作ってWindowsと共有する

GitHub上に新しいリポジトリを作成

  1. https://github.com/ にログイン
  2. 右上「+」 → “New”
  3. 名前:(VSCodeのプロジェクト名だとわかりやすい)
  4. README などはチェックしない(空のリポジトリにする)
  5. 「Create repository」


するとGitHubがこの次に必要なコマンドを教えてくれます。

Macでの操作:

git init
git add .
git commit -m "Initial commit"
gh repo create my-project --public --source=. --remote=origin --push

Windowsでの操作:Githubからクローンする

git clone git@github.com:your-username/my-project.git

または

git clone https://github.com/your-username/my-project.git

逆でも同じ方法でできます。

gitコマンド

作業コマンド
変更確認git status
変更追加git add .(またはファイル指定)
コミットgit commit -m "説明"
プッシュgit push origin main
最新に更新git pull origin main

VSCodeを使うので、直接コマンドを打つことはあまりないかな

その他のおすすめ設定

.gitignoreを作っておく

VSCodeなら「GitHub: Create .gitignore」拡張も便利。

改行コード(Windows/Mac差異)の対処

「.gitattributes」に以下を入れると安心:

* text=auto

VSCodeの便利なGit機能

  • 左のサイドバーから「ソース管理」🪄
  • GUIでステージング/コミット/プッシュ可
  • コンフリクト解決時はマージアシストも