開発環境まとめ
言語, FW
JavaScript / TypeScript
React
Nuxt.js
express
Ruby
Rails
おすすめパッケージ
JavaScript / TypeScript
es-linter
prettier
React Query
axiosみたいなかんじ
fetchしたデータをキャッシュしてデータをやりとりする> 状態管理のやつを使わなくてもいいよ🐤
React Hook Form
Vueでいうv-modelの機能
make
docker-compose、golang使う時にMakefileつくったりする
vscodeでもいけるよ🐦
reactやるならnextやろう
エディタ
VSCode
vscodevim
vscode & neovimが超良いですよ
Live Share
live shareならパッパッパとできるよ
共同編集で使わないときは便利
Git History
vscodium
jetbrains製品
Emacs
company
neotree
magit
vim
vimagit
spacevim
sublime text 4でたよ
メモ用(セーブ、タブなし。前面表示できる)
秀丸(フリーソフト)、サクラエディタ、wzエディタ
エクリプスが重い セレロン
環境構築
ローカル環境
DBはコンテナにする
Nodeのバージョンなど
...env/ anyenv/ asdf
rubyのバージョン管理
すばやさ
検証のため、いそいでubuntu実機がほしいとき
mac初期化からの環境構築
dotfilesのリポジトリをgitでさがせば見つかるよ> シンボリックリンク
ラップトップにubuntu入れてhomesick使ってるよ。macでも行けるよ。
VSCodeのRemote Containerも便利です
https://gyazo.com/9109ff19b8d6a8c7719283fc01d478c7
VM
centos ファイルはsamba経由で
デバッグ
コンソール表示
console.log()
フレームワークのlogger
テストコード
フロントのテスト
jest
ビジネスロジックはバックエンドだったらフロントでやる必要があるのかなぁ
フロントで料金合計を表示するケースではjest使う
超特大angularのときjestでテストしてるケースがあった
storybookのテスト機能
テスト書いて実装 か 実装してテストか ?
バックエンド
e2eテスト
言語のデバッガ
jetbrains製品についてるデバッグのやつ
vscodeのデバッガ
break pointはって処理止めたりする
おすすめツール
ffftp
Postman
Stoplight Studio
hasura
graphql <-> rdb
tsやるならgraphqlがいい
graphqlなら型持ってるので相性がいい