---
# System prepended metadata

title: 7/21 もくもく会資料

---

# 7/21 もくもく会資料

## 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/

## yarnチートシート

https://qiita.com/morrr/items/558bf64cd619ebdacd3d

## package.jsonの中身を理解する

https://qiita.com/dondoko-susumu/items/cf252bd6494412ed7847

## Vue.js
https://qiita.com/suuungwoo/items/15941c1ae0762fb566e6

## Vue.js Devtoolsの導入方法と機能まとめ

https://qiita.com/hashimoto-1202/items/c81f5d4c271eef16d957

## Google アカウントの作成

https://support.google.com/accounts/answer/27441?hl=ja

## Firebaseの始め方

https://qiita.com/kohashi/items/43ea22f61ade45972881
https://firebase.google.com/?hl=ja

## NetlifyでWebサイトを公開する方法

https://qiita.com/shozzy/items/dadea4181d6219d2d326
https://www.netlify.com/

## moneta開発環境の構築
https://hackmd.io/Y9UDjxifQMi-HrUH1-9XAw

## moneta開発環境の構築（mac os）
https://hackmd.io/qpwJDmD-Tz2Xt35YVIvW1A

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

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

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

## 速習Typescript
https://hackmd.io/Xfnba6WQRDShsEwVtH5KaQ

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

## vuejs チュートリアル
https://jp.vuejs.org/v2/guide/index.html

## vuexチュートリアル
https://qiita.com/_P0cChi_/items/ebf8fbf035b36218a37e

# チェックリスト

- [ ] githubのアカウント取得
- [ ] ホームページからtamura2004/takahatoをfolk
- [ ] ホームページからtamura2004/monetaをfolk
- [ ] ホームページからtamura2004/ogisuinoteをfolk
- [ ] homebrewまたはchocolateyをインストール
- [ ] gitをインストール
- [ ] windowsであれば、rapidee, cmderをインストールし、git\usr\binにパスを通す
- [ ] sshキーを作成　ssh-keygen
- [ ] githubのページから、personal settings SSH and GPG keyに登録
- [ ] yourname/ogisuinoteをローカルにsshでgit clone
- [ ] Readme.mdを修正
- [ ] git add README.md #ステージング
- [ ] git commit -m "Update readme.md" #コミット
- [ ] git push # リモートリポジトリに反映
- [ ] ホームページにログインしてcommitを確認
- [ ] nodejs, yarn, vscode, chromeをインストール
- [ ] yarn add # モジュールのインストール
- [ ] chrome Vue.js devtoolのインストール
- [ ] yarn serve # 開発サーバの起動
- [ ] chromeで表示 http://localhost:8080
- [ ] code -a . # プロジェクトをエディタで開く
- [ ] 修正　src\components\BaseMenuCard.vueの"indigo"を"red"に変更、保存
- [ ] 画面の色の変更を確認
- [ ] git diff # 修正箇所を確認
- [ ] git checkout . # コミットせずに初期状態に戻す
- [ ] 画面の色と、ソースコードが元に戻ったことを確認
- [ ] googleアカウントを取得
- [ ] firebaseを登録
- [ ] プロジェクトを登録、アプリを追加・設定スニペットをダウンロード
- [ ] firestoreを登録、アクセスルールを設定
- [ ] configコレクションを追加
- [ ] authenticationを設定、ユーザーを追加
- [ ] src\plugins\firebase.tsのapiKeyを設定スニペットに書き換え
- [ ] 画面リロード後、追加ユーザーでログインできることを確認
- [ ] netlifyのアカウント取得
- [ ] new site from git # サイトを開設
- [ ] デプロイ設定
- [ ] AWS route53でurlの設定、yourname.ogisui.name
- [ ] ドメイン設定、https設定
- [ ] サイトをブラウザで確認 https://yourname.ogisui.name/






