githubでウェブアプリを作りたいと思ったけどまず環境作成からつまづきそうだからメモしつつ進める（失敗）

# ちょっとしたサイトを作りたかった
ので過去やっていたことを思い出しつつ手順と見たサイトをメモしていきます。

# まず骨組み
ChatGPTくんに聞いてみました。

ざっくりと以下。

1. githubアカウント作成
 これはさすがに持ってます。
1. リポジトリ作成
 まぁこれもなんとなく実施。
1. ローカル環境のセットアップ
`npx create-react-app my-web-app`が叩けずに死にました。

とりあえず環境を整えていきます。
確かにchatgptくんもnode.js入れてくださいとか書いてました。

~~node.jsってインストールするものなんですね~~

以下試行錯誤。

## npxできない
npmが必要……みたいな……？

[npxコマンドとは？ 何ができるのか？](https://zenn.dev/ryuu/articles/what-npxcommand)

打ってみましたが当然のように動きませんでした。

## npmできない

[npm command not found と出てきた時の解決方法 - Qiita](https://qiita.com/hoppy/items/6822b78b9b130f030c54)

nodebrewとやらを入れたほうがよさそうな気配を感じました。

## nodebrewを入れようとしてみる

[node.jsのversionを管理するためにnodebrewを利用する - Qiita](https://qiita.com/sinmetal/items/154e81823f386279b33c)

## パスの通し方もわからない

[MacOSX での PATH の通し方について解説 | だえうホームページ](https://daeudaeu.com/mac-path/#i)

## git入ってない
[Git - Gitのインストール](https://git-scm.com/book/ja/v2/%E4%BD%BF%E3%81%84%E5%A7%8B%E3%82%81%E3%82%8B-Git%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB)

## Homebrew入ってない
[Homebrew — The Missing Package Manager for macOS (or Linux)](https://brew.sh/)

インストールのコマンドを打ったあとに`brew`しても見つかりませんって言われたんですが、よくよく見たら**インストールしたときに出力されたログの最後の方にpathを通す感じのコマンド**が載ってました。


# 試行錯誤ようやく終わり
chatgptくんの指示に戻ってこれました。

1. ウェブアプリの開発
ということらしいですが、デフォルトでなんか記載されてたんで一旦スルーします。

2. コミットとプッシュ
また詰まりました。

## Author identity unknown
とか言われました。

[Git Commitを実行したら、「Author identity unknown」エラー│有孝の.NetCore学習](https://yutaka-gakushu.com/tips/git/author-identity-unknown-error)

とりあえず`git config`的なコマンドで、怒られてる項目を登録したらよさそう。
名前とメアドを入れたらいけました。

# 二度目のただいま
1. リモートにプッシュ
できません!（ここでスペシャルウィークの画像）

## gitと戦う
chatgptくんに従って`git push -u origin master`と入れたんですけど怒られました。
いまは`master`じゃなくて`main`ですね。

次にgithubのidpassを求められたので入力したのですが、そういえばpass認証が死んだんでしたっけ。
適当にssh-keyを作成して登録。

[新しい SSH キーを生成して ssh-agent に追加する - GitHub Docs](https://docs.github.com/ja/authentication/connecting-to-github-with-ssh/generating-a-new-ssh-key-and-adding-it-to-the-ssh-agent)

[GitHubでssh接続する手順~公開鍵・秘密鍵の生成から~ - Qiita](https://qiita.com/shizuma/items/2b2f873a0034839e47ce)

# あらためてpush
できたはできたんですが、なんかよくわからない状態になってしまいました。

```
To github.com:hoge/test1.git
 ! [rejected]        main -> main (non-fast-forward)
error: failed to push some refs to 'github.com:hoge/test1.git'
hint: Updates were rejected because the tip of your current branch is behind
hint: its remote counterpart. Integrate the remote changes (e.g.
hint: 'git pull ...') before pushing again.
hint: See the 'Note about fast-forwards' in 'git push --help' for details.

```

なんかよくわからなくなりました。
他のブランチとマージしろって言われて、一応developみたいなのも作ってはいたんですが、

`main and develop are entirely different commit histories.`

とか出てました。
そのdevelopと完全に枝分かれしててマージできないらしい。

プルリク出しても「比較できません★」とか言われてました。キレるぞ。

あるいはキレたいのはgithubくんのほうかもしれない。

もう面倒になったのでやり直しました。

ローカルのファイルをすべて削除`rm -rf *`して、リポジトリも削除。

すべて作り直します。

なお**同名のリポジトリを作成したら内部でbranchが残ってる**っぽくてやや厄介でした。
できるなら名前はずらしたほうが良さそうですね。


# 再チャレンジ
改めてやり直しました。
今度は最初からリポジトリを作成してそれをcloneしてとりあえずきれいな環境を作成します。

# GitHub Pagesとやらを利用するらしい
1. Settings -> Pages -> Sourceで、ブランチとルートフォルダを選択。
1. Settingsに表示されるURLから表示を確認。

## 表示されたっぽい

一回、create-reactする場所を勘違いしていて階層が間違っていたためにreadme.mdの中身だけが虚しく表示されるという状態になりましたが、**怒りのfinderで直接ファイル移動**からの**全ファイルコミット**によって事なきを得ました。

# いやでもやっぱり表示されてるのは
readme.mdですね……なんだ……

とりあえず一回仕切り直そうと思います。