LoginSignup
4
3

More than 1 year has passed since last update.

「React Inspector」を使ったらUIからのコード特定がすごく楽になった話

Last updated at Posted at 2022-10-18

目次

どんな問題を解決してくれたか?
参考記事

どんな問題を解決してくれたか?

UI画面上からソースコードを特定するのに時間がかかる問題を解決してくれた。
コードを探すのに地味に時間をとられるので、めちゃくちゃありがたいツール。
BeforeAfterをどうぞ。
image.png
※ChromeからVSCodeを開く際、「ウェブサイトがこのアプリケーションを開く許可を求めています。」ダイアログがいちいち表示されてめんどくさい!となったのでMacのコンソールで以下を流し、Chromeを再起動したら出なくなった👍

defaults write com.google.Chrome URLAllowlist -array "vscode://*"

参考記事

・React Inspectorを作った方の機能紹介記事
https://qiita.com/hand-dot/items/608977ea795512dd4bc0

・URLAllowlistをMacのターミナルから設定する方法
https://owky.github.io/blog/2022/01/09/mac-chrome-url-allow-list.html

4
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
3