React Nativeのデバッガーについて調べてみる

デバッグとは?・・・プログラム内のバグを探し修正すること

デバッガーとは?・・・デバッグを支援するツールの総称

 

はじめは、ブラウザをChromeに絞って話します。

React Nativeのデバッグ方法の基本は、ChromeのDeveloper Toolsを使用することです。

Expoを使用し、アプリの開発途中で、Expo Goなどを利用して実機で試しているときに、スマホを振ると、メニューがでてくるので、『Debug Remote JS」を選択すると、PC側で、Developer Toolsを立ち上げることができます。

 

ほかには、React Nativeでも、React Developer Toolsが使用できます。

React Developer Tools – React

React DevTools · React Native

 

さて、Edgeでも全く同様にこれらはできます。

最近は、CopilotというAIが、プログラミングに有用であることは周知の事実ですが、

VSCodeのみならず、Developer Toolsにも連動するようになってきてます。

【AI搭載デベロッパーツール】が凄い!Microsoft AI/ChatGPT4でWeb開発が超簡単に! (youtube.com)

まだ使ってないので、これらを今後使っていきたいと思ってます。

 

WordPressページへ移行中 https://yuuzaki2022.com/