リポジトリをオンラインに保存する
ここで学ぶことは…
- プロジェクトリポジトリをオンラインに保存する
このチュートリアルでは、GitHubを使ってリポジトリの保存とウェブホストへの接続をおこないます。好みに応じてその他のオンラインgitプロバイダーを使っても構いません。
すでにgitに慣れていて、自分なりのワークフローがある場合は、お好きな方法でプロジェクト用のGitHubリポジトリを作成してください。次のページ「ウェブ上にサイトをデプロイする」に進みましょう。
GitHubでリポジトリを作成する
ローカルのコードをGitHubに保存する方法はいくつかありますが、このチュートリアルでは、コマンドラインのgitを使わない方法を紹介します。
-
ブラウザでGitHub.comにログインし、画面右上の+をクリックして新しいリポジトリを作成します。
-
リポジトリの名前を決めます。プロジェクトフォルダーと同じ名前である必要はありません。
-
いくつかのオプションが表示されますが、デフォルトのままで構いません。下にスクロールしてCreate Repositoryボタンをクリックします。
-
次におこなうべきセットアップの手順が複数表示されますが、これらは必要ありません。リポジトリのURLをメモしておいてください。このままページを閉じて構いません。
ローカルのコードをGitHubにコミットする
一つ前のセクションで、ページのコンテンツを変更しました。プロジェクトファイルが変更されたことにより、VS Codeの「ソース」メニューアイコンの上に数字が表示されているはずです。このソースタブは、GitHub上のファイルを更新するために定期的にアクセスする場所です。
-
ソース管理タブをクリックすると、変更されたファイルのリストが表示されます。
git
をインストールする必要があるというメッセージが表示された場合は、指示に従ってからVS Codeをリロードします。 -
コミットメッセージの上にある「3点リーダー」•••メニューをクリックし、リモート > リモートを追加するを選択します。
-
GitHubからリモートを追加するを選択します。必要に応じて、認証手順を踏んでからVS Codeに戻り、この操作を繰り返してください。
-
GitHub上のすべてのリポジトリのリストが表示されます。このプロジェクト用に作成したものを選択してください。プロジェクトが表示されない場合は、GitHubのURLを直接貼り付けてください。また、このリポジトリにローカルの名前を付けるように求められた場合は、お好きな名前を選んでください。
-
メニューペインの上部には、コミットメッセージ(ファイルの変更内容に関する説明)を入力する場所があります。
initial commit
と入力してからコミットボタンを押して、変更をコミットします。 -
ステージされたコミットがないというメッセージが表示され、ステージするかどうか尋ねられる場合があります。常時をクリックして続行します。
-
最後に、変更されたファイルのリストが公開ボタンに置き換わります。これをクリックして、コミットした変更をGitHubに送信します。
GitHubでプロジェクトを確認する
プロジェクトがGitHubに正常に保存されているか確認するには、GitHub.comにアクセスし、自分のアカウントにあるリポジトリのリストを見てください。ここで新しく作成したリポジトリを選択し、Astroプロジェクトのファイルが含まれているか確認します。