---
# System prepended metadata

title: React勉強会_vol.1
tags: [勉強会中のメモ]

---

# React勉強会_vol.1

###### tags:`勉強会中のメモ`

2021-07-29

## はじめに

* ゆるーくやりましょーw
    * なんか最初から決めごと多いと嫌になりそうw
* 勉強会中のテキスト共有はHackMDつかってみましょー
* 読み物だけど、、まあ一緒に手を動かすでもいいか、、
    * そのうち進め方見直すのもありかも
        * 事前に読み込んで／手を動かして気になること発表、とか？

## 今日やったこと

### 第1章：環境構築

* anyenvのインスコ
    * 本には`anyenv install --init`への言及なかったので追加

```bash
$ brew install anyenv
$ anyenv install --init
# 今回はbash_profileにしたけど、bashrcでもいいみたい。Catalinaからzshrcに。
$ echo 'eval "$(anyenv init -)"' >> ~/.bash_profile
$ exec $SHELL -l
$ anyenv install nodenv
$ exec $SHELL -l
```

* nodenvのインスコ

```bash
$ mkdir -p $(anyenv root)/plugins
$ git clone https://github.com/znz/anyenv-update.git $(anyenv root)/plugins/anyenv-update
$ mkdir -p "$(nodenv root)"/plugins
$ git clone https://github.com/nodenv/nodenv-default-packages.git "$(nodenv root)/plugins/nodenv-default-packages"
$ touch $(nodenv root)/default-packages
```


* nodenvのdefault-packagesはどこにあるんや
```bash
# おばたはここだった。
/Users/junpei.obata/./.anyenv/envs/nodenv/default-packages

# 確認用
ls ~/./.anyenv/envs/nodenv
# 無事いれば編集する
vi ~/./.anyenv/envs/nodenv/default-packages
```

* 追記する内容

```
yarn
typescript
ts-node
typesync
```

* nodenvで、指定verのnodejsいれるぞ

```
$ nodenv install -l
$ nodenv install 14.4.0
$ nodenv global 14.4.0
```

* VSCodeのおすすめ設定
    * [著者設定リポジトリ](https://github.com/oukayuka/Riakuto-StartingReact-ja3.1/tree/master/01-hello/01-env/.vscode)
    * 関係ないけど[VSCodeでは自分の設定をいろんな端末で同期できるらしい](https://www.simpletraveler.jp/2021/01/06/sync-vscode-settings-between-multiple-machines/)
    * [プラグイン設定を共有する方法？](https://future-architect.github.io/articles/20200828/)

* VSCodeの各種設定ファイルはどこにあるんや
```
ls ~/Library/Application\ Support/Code/User/
```

## ふりかえり

ひとまず[KPT法](https://qiita.com/viva_tweet_x/items/bab769c190508c4808be)なんか使ってみる

### Keep

* とりあえずこの形式でやりましょー！

### Probrem

* けっこう環境構築で手間取った、、
* 読み物書籍だから、この形式でいいかちょっとわからない。。

### Try

* （今回はもういいけど）ハンズオン系の勉強会やるなら、事前に環境構築終わらせとくのがベター（そらそうかw）
    * 第1回というよりも「第0回」みたいな感じで 
* やった内容のなかで、自分なりに気になることがあれば調べてみる！んで次回頭にちょっと共有とか
    * 単に読み進めるのよりもちょっと学び深くなるかも？
    * あくまで任意！嫌にならない程度でw