モダンフロントエンド開発ツール

horikawaが主に利用するツールです。

良いのもがあれば教えてください。

ツール名	カテゴリ	用途
Gitpod	開発環境	Git系のアカウントがあれば、いつでもどこでも利用できるワンクリックオンライン IDE です。煩わしい開発環境を整える必要がないです。ほぼ無料で利用できる神。
GitHub Codespaces	開発環境	いつでもどこでもVS Codeが利用できるGitHubです。煩わしい開発環境を整える必要がないです。クレカを登録する必要がありますが、毎月が無料枠はそこそこあります
Visual Studio Code	エディタ	ハイライト機能・インテリセンス（自動補完システム）・デバッグ機能が用意されているソースコードエディタです。
CodeSandbox	実行環境	CodeSandbox(コードサンドボックス)とはWeb上で無料で利用できるエディタです。煩わしい開発環境を整える必要がないです。
TypeScript Playground	実行環境	公式が提供している Web で TypeScript を手軽に試すことができる実行環境です。
RunJS	実行環境	コードの出力を確認しながら JavaScript を編集することができるJavaScriptエディタです。 Babel と TypeScript にも対応しています。
React Developer Tools	デバッグツール	Facebookから提供されている公式のReact用のデバッグツールです。
Web Vitals	パフォーマンス測定ツール	コアウェブバイタルの3指標の測定結果がリアルタイムに表示されるgoogleが設定しているシステムです。
DevToys	デベロッパーツール	DevToysはプログラミングに役立つユーティリティを集めたツールです。
DevDocs	APIドキュメント	複数のAPIドキュメントを、操作やアクセスが簡単なインターフェースでまとめているサイトです。
Figma	デザインツール	ブラウザベースのコラボレーション・インターフェース・デザイン・ツールです。