Skip to main content

ローカルでコードに接続する

GitHub Desktopアカウントに接続し、リポジトリを複製してファイルをローカルで編集します。

ここまでは、ブラウザーで作業しました。 このチュートリアルでは、 GitHub Desktop を使用してリポジトリをコンピューターに複製し、独自のコード エディターでファイルを編集できるようにします。

メモ

このシリーズに従う場合、 データ所在地付き GitHub Enterprise Cloud または GitHub Enterprise Serverを使用する場合は、 GitHub.com への参照とリンクを企業の専用 URL に置き換える必要があります。

前提条件

  • stargazers-log リポジトリ。 まだ作成していない場合は、「 AUTOTITLE」を参照してください。
  • GitHub Desktop お使いのコンピューターにインストールされます。

インストール GitHub Desktop

まだ GitHub Desktop がない場合は、続行する前にインストールしてください。 GitHub Desktopをダウンロードします

ヒント

GitHub Docs には、 GitHubのすべてのプラン、および関連するツールとオペレーティング システムに関するドキュメントが含まれています。 セットアップに一致するコンテンツを見つけるには、記事の左上隅にある [ バージョン ] ドロップダウンを使用してプランを選択し、記事の概要の下にあるツールまたはオペレーティング システムのタブを選択します。

GitHub Desktop にサインインする

GitHub Desktopがリポジトリにアクセスできるようにサインインします。

  1. GitHub Desktopを開きます。
  2. ようこそ画面で、[サインイン] をクリックしてGitHub.com
  3. プロンプトに従って、 GitHub アカウントで認証し、アプリを承認します。
  4. 手順に従って、名前と電子メール アドレスを使用して Git を構成します。これは、 GitHub Desktopで行うコミットに使用されます。

ようこそ画面が表示されない場合は、 GitHub Desktop での基本設定の構成 の手順に従って、 GitHub Desktop メニューからサインインして設定を管理します。

リポジトリの複製

複製により、 GitHub上のバージョンに接続された状態を維持するリポジトリのコピーがコンピューター上に作成されます。

  1. 「始めましょう!」から 画面で、「リポジトリ」の一覧から stargazers-log を選択します。
  2. リポジトリの一覧のすぐ下にある [ CLONE OWNER/stargazers-log] をクリックします。ここで、OWNER は GitHub 個人用アカウントです。
  3. 既定のリポジトリ URL とローカル パスをそのまま使用し、[ 複製] をクリックします。

「Let's get started!」が表示されない場合は、 画面の「 リポジトリの複製 」の手順に従って、 stargazers-log リポジトリを複製します。

エディターでコードを開く

リポジトリが複製されたら、コード エディターでリポジトリを開き、ファイルの操作を開始します。

  1. GitHub Desktopで[リポジトリ]を選択し、[エディターで開く]をクリックします。

    • エディターをまだ設定していない場合は、Visual Studio Code (VS Code) などのエディターをインストールし、**** 設定の GitHub Desktop] セクションで選択します。
  2. エディターに index.html ファイルと README.md ファイルが表示されることを確認します。

達成した内容

Task結果
GitHub Desktop にサインイン済み
GitHub Desktopをアカウントに接続しました。
リポジトリを複製しましたコンピューターに stargazers-log のローカル コピーを作成しました。
コードを開きましたコード エディターで Web サイト ファイルを開き、変更する準備ができました。

次のステップ

  • コードがコンピューター上にあるので、Web サイトの最初の機能をビルドします。 コードの記述と格納 に進みます。