# 8/18 もくもく会資料

# 参考リンク

## GitHubアカウント作成方法
https://qiita.com/okumurakengo/items/848f7177765cf25fcde0

## macOSにHomebrewをインストール
https://qiita.com/pypypyo14/items/4bf3b8bd511b6e93c9f9

## Windows環境にchocolateyをインストール
https://qiita.com/Koutaru/items/41a87ea4004fa685de55

## GitHubでssh接続する手順
https://qiita.com/shizuma/items/2b2f873a0034839e47ce

## サルでもわかるgit入門
https://backlog.com/ja/git-tutorial/intro/01/

## HTML入門
https://dotinstall.com/lessons/basic_html_v4

## CSS入門
https://dotinstall.com/lessons/basic_css_v4

## 速習JavaScript
https://hackmd.io/v5p9apPnTkKf5V7enWquHQ

## p5js web editor
https://editor.p5js.org/

# チェックリスト

- [ ] ================================================================
- [ ] homebrewまたはchocolateyをインストール
- [ ] 各種ツールをインストール `# git, vscode, chrome, nodejs`
- [ ] ターミナルもインストールしておくと便利 `windows -> Cmder, mac -> iTerm2`
- [ ] ================================================================
- [ ] githubのアカウントを取得してログイン
- [ ] ホームページからtamura2004/takahatoを探し右上のForkボタンを押す
- [ ] sshキーを作成　`ssh-keygen`
- [ ] githubのページから、personal settings SSH and GPG keyに登録
- [ ] ================================================================
- [ ] ターミナルを開く
- [ ] 手元のパソコン上に作業ディレクトリを作成
- [ ] `$ cd /Users/me && mkdir project`
- [ ] 作業ディレクトリに移動
- [ ] `$ cd project`
- [ ] takahatoをローカルにコピー
- [ ] `$ git clone [e-mail]:your_id/takahato.git`
- [ ] takahatoフォルダに移動
- [ ] `$ cd takahato`
- [ ] vscodeでフォルダを開く
- [ ] `$ code -a .`
- [ ] Readme.mdを修正
- [ ] `git state` # 状態の確認
- [ ] `git add README.md` # ステージング
- [ ] `git state` # 状態の確認
- [ ] `git commit -m "Update readme.md"` # コミット
- [ ] `git push` # リモートリポジトリに反映
- [ ] ホームページにログインしてcommitを確認
- [ ] SettingsタブからGithub Pagesを探し、Sourceをmaster branchに変更する
- [ ] ================================================================
- [ ] バージョン1に戻す
- [ ] `$ git checkout v1` # You are in 'detached HEAD'と脅されるが大丈夫
- [ ] vscodeでソースコードの変化を確認 # Readme.mdが戻ってしまっているはず
- [ ] ローカルサーバで動作を確認する
- [ ] `$ koko -o`
- [ ] バージョン2にすすめる
- [ ] `$ git checkout v2`
- [ ] ブラウザをリロードして動作の違いを確認
- [ ] バージョン２を元に開発する
- [ ] `$ git checkout -b develop`
- [ ] 何か機能を追加してみよう。マウスと連動？色を変える？ゲーム風にする？
- [ ] 修正が完了したらソースコードを登録する
- [ ] `$ git add --all && git commit -m "Add my excellent code"`
- [ ] マスターブランチに取り込む
- [ ] `$ git checkout master && git merge develop`
- [ ] githubに登録する
- [ ] `$ git push`
- [ ] ================================================================
- [ ] `https://yourname.github.io/takahato`でアクセスできることを確認
- [ ] 隣の人からもアクセスできることを確認
- [ ] あなたのシステムが全世界に公開されました！
- [ ] ================================================================