![見出し画像](https://assets.st-note.com/production/uploads/images/115159389/rectangle_large_type_2_064b00e13763621769936678ecb8e927.png?width=1200)
【完全保存版】RemixのフォルダをGithubにプッシュしよう!
0 はじめに
本日は、Remixで作成したフォルダをGithubにプッシュする方法を紹介していきます。
1 Githubのリポジトリを作成しよう
まずはリポジトリを作成しましょう。
自身のGithubのページに行き、「New」
![](https://assets.st-note.com/img/1693625749589-sAYdvOdeDB.png?width=1200)
任意の名前をつけて、「create repository」
![](https://assets.st-note.com/img/1693625794826-XLYbeNzErI.png?width=1200)
このように、リポジトリが作れました。
![](https://assets.st-note.com/img/1693625851989-GbwtqkT9qf.png?width=1200)
2 GithubのPATを作ってみよう
次に、GithubのPAT(Personal Access Token)を作ってみましょう。
GitHubのAPIへのアクセスを認証するためのトークンです。
「Settings」から入ります。
![](https://assets.st-note.com/img/1693622521191-tbwLsJCufV.png?width=1200)
「Developer settings」に進みます。
![](https://assets.st-note.com/img/1693622558466-MqxAld1mXc.png?width=1200)
「Personal access tokens」の「Tokens(classic)」を選択します。
![](https://assets.st-note.com/img/1693622608942-9sNUjQq7Ck.png?width=1200)
「Generate new token」を選択
![](https://assets.st-note.com/img/1693622650932-q5SwCJWLms.png?width=1200)
「Generate new token(classic)」を選択します。
なお、「Generate new token Beta」も試したみたのですが、うまく行かないようでした。
![](https://assets.st-note.com/img/1693622678408-LyP1KNANB0.png?width=1200)
任意の名前をつけ、「Expiration」で有効期限を設定します。
「Select scopes」で「repo」を選択します。
![](https://assets.st-note.com/img/1693622730458-W2TRvUGyQk.png?width=1200)
また、「gist」にもチェックを入れます。
![](https://assets.st-note.com/img/1693622763965-AXa1HNu9uk.png?width=1200)
この状態で、「Generate token」を選択
![](https://assets.st-note.com/img/1693622795059-3THQfdES3U.png?width=1200)
すると、このように、「PAT」ができました。
こちらは、決して他人に見せないようにします。
また、この画面を過ぎると、見れなくなりますので、適切な場所に保存してください。
![](https://assets.st-note.com/img/1693622873714-fYQ414VwjI.png?width=1200)
3 Remixを起動しよう
1 デフォルトのワークスペースを作成する
では、「Remix」で進んでいきます。
下のように、「+Create」を選択します。
![](https://assets.st-note.com/img/1693623542589-XIymvuSANB.png?width=1200)
これはそのままで、「OK」で進みます。
![](https://assets.st-note.com/img/1693625453093-8sTcl8wv3U.png?width=1200)
このように、デフォルトのワークスペースができました。
今回は、こちらをGithubのレポジトリに登録していきたいと思います。
![](https://assets.st-note.com/img/1693630516934-KDfhsZnqnO.png?width=1200)
2 DGITをアクティブにする
次に、「Github」との連携ができる、「DGIT」をアクティブにしたいと思います。
左のプラグインから「dgit」と検索して出たものの「Activate」を選択します。
(押すと、下のように、「Deactivate」となります。)
![](https://assets.st-note.com/img/1693625532277-Xwvxnrp6I3.png?width=1200)
次に、「Github Credeitials」を登録します。
「Token」には先ほど取得した「PAT」を入力します。
Githubのユーザー名、登録しているメールアドレスも入力して、「Save」
![](https://assets.st-note.com/img/1693625668364-dCt0TAxJjw.png?width=1200)
3 Githubにプッシュする
では、「git init」で新しいGitリポジトリを初期化しましょう。
下の「init」を選択します。
![](https://assets.st-note.com/img/1693625709874-LBz6UpGJ1y.png?width=1200)
下のように、うまくいったようです。
![](https://assets.st-note.com/img/1693625899576-tXWF42vBEM.png?width=1200)
次に、「git remote add」でローカルリポジトリにリモートリポジトリの参照を追加しましょう。
第1章で作成したGithubのURLを貼り付け、「add remote」を選択します。
![](https://assets.st-note.com/img/1693625988491-c8CSlCODae.png?width=1200)
このように出ましたら、成功です。
![](https://assets.st-note.com/img/1693626013970-yeok2LzDVO.png?width=1200)
次は、「git add」をおこないましょう。
「+」で個別に行うか、「Stage all」で追加しましょう。
今回は、「Stage all」を行いました。
![](https://assets.st-note.com/img/1693626053410-vD38oBFqDH.png?width=1200)
このように表示されましたら、成功です。
![](https://assets.st-note.com/img/1693626077439-uOH1jQIqn3.png?width=1200)
次に、コミットを行いましょう。
任意のメッセージを入れ、「git commit」を押します。
![](https://assets.st-note.com/img/1693626124687-F5uHVcIjdE.png?width=1200)
下のように表示されましたら成功です。
終わりましたら、「Push」を行いましょう。
![](https://assets.st-note.com/img/1693626284909-F58EjF20PS.png?width=1200)
「push」を押します。
![](https://assets.st-note.com/img/1693626376730-VF4Hq09QEb.png?width=1200)
下のように表示されましたら、成功です。
![](https://assets.st-note.com/img/1693626399156-9zUVcOoSMC.png?width=1200)
Githubを確認したところ、このようにうまくいっていました。
![](https://assets.st-note.com/img/1693626323055-FisM6zAovm.png?width=1200)
今回は以上です。
サポートをしていただけたらすごく嬉しいです😄 いただけたサポートを励みに、これからもコツコツ頑張っていきます😊