プロジェクトを作る | 開発環境ガイド

フォルダを作り、Gitで管理を始めて、GitHubに送るまでの流れです。

環境がそろったら、実際にプロジェクトを作ります。ここでは、新しいプロジェクトを ローカル(自分のPC)で作ってからGitHubに送る 流れを説明します。

全体の流れ

WSL(Ubuntu)で実行します。my-app の部分は、好きなプロジェクト名にします(半角英数字とハイフンがおすすめです)。

mkdir -p ~/projects/my-app
cd ~/projects/my-app
code .

git init

.gitignore ファイルは、「Gitに記録しないファイル」を指定します。パスワードなどの秘密情報や、自動で作られる大きなファイルは、ここに書いて除外します。

node_modules/
dist/
.env
.DS_Store

パスワード、APIキー、.env ファイルなどの 秘密情報は、Gitに記録しないでください。一度GitHubに送ってしまうと、あとで消しても履歴に残ります。

説明用の README.md も作ります。

# my-app

このプロジェクトの説明を書きます。

git add .
git commit -m "最初のコミット"

状態は git status で確認できます。

GitHub CLI(gh)を入れている場合は、コマンドで作れます。

gh repo create my-app --private --source=. --remote=origin

オプション	意味
`--private`	自分だけが見られる非公開のリポジトリにする(公開するなら `--public`)
`--source=.`	いまのフォルダをもとにする
`--remote=origin`	GitHubの接続先に `origin` という名前を付ける

gh を使わない場合は、ブラウザでGitHubを開き、右上の「+」→ New repository から作ります。作ったあと、画面に表示される案内に従って、接続先を登録します。

git remote add origin git@github.com:ユーザー名/my-app.git

git push -u origin main

初回だけ -u を付けると、次回からは git push だけで送れるようになります。GitHubのリポジトリのページを開いて、ファイルが表示されていれば成功です。

GitHubにあるプロジェクトを、自分のPCに持ってくるときは git clone を使います。

cd ~/projects
git clone git@github.com:ユーザー名/リポジトリ名.git
cd リポジトリ名
code .