AIでコードレビューする方法。ブラウザIDEで学習中のコードを見直す
プログラミング学習では、コードを書くだけでなく、どこを直せばよいかを自分で見つける力も大切です。AI Work StudioのAI Reviewを使うと、現在開いているファイルをブラウザ上でそのまま確認できます。
AI Reviewでできること
AI Reviewは、エディタで開いているコードを読み取り、良い点、バグやつまずきの可能性、読みやすくする改善案を短く表示します。レビュー結果はConsoleに出るため、実行結果と見比べながら修正できます。
使い方の流れ
- HTML、CSS、JavaScript、Python、C/C++などのファイルを開く
- コードを書く、またはサンプルを貼り付ける
- Runで動作を確認する
- AI Reviewを押して見直しポイントを読む
- 気になる部分を直してもう一度実行する
AI Reviewで見つけやすいミス
AI Reviewは、コードを書いたあとに「どこを見直せばよいか」を探すために使えます。たとえば、次のようなミスを確認しやすくなります。
- HTMLとCSSのclass名が一致していない
- JavaScriptで存在しない要素を取得している
- Pythonで文字列と数値を混ぜて計算している
- C/C++で入力値の受け取り方を間違えている
- 同じ処理を何度も書いていて読みづらくなっている
AI Reviewは答えを丸写しするための機能ではなく、自分で原因を考えるためのヒントとして使うのがおすすめです。
AI Reviewを使う前のチェックリスト
AI Reviewを押す前に、次の点を確認しておくとレビュー結果を読みやすくなります。
- 確認したいファイルを開いているか
- 一度Runして、エラーや出力を見ているか
- 秘密情報、APIキー、パスワードをコードに入れていないか
- どこで困っているのかを自分で一度メモしているか
レビュー結果を見たら、すぐに全部直すのではなく、1つずつ変更して再実行しましょう。小さく直すことで、どの修正が効果があったのか分かりやすくなります。
使い方の例
たとえばJavaScriptでボタンが反応しない場合は、JavaScriptファイルを開いた状態でAI Reviewを使います。class名の不一致、nullエラー、イベントリスナーの指定ミスなどを確認するきっかけになります。
Pythonで計算結果がおかしい場合は、inputの値が文字列のままになっていないか、intやfloatへの変換が必要かを見直します。
よくある質問
AI Reviewはどのファイルを確認しますか？
基本的には、現在エディタで開いているファイルを対象に確認します。HTML、CSS、JavaScript、Python、C/C++など、確認したいファイルを開いてからAI Reviewを使ってください。
AI Reviewの結果は必ず正しいですか？
必ず正しいとは限りません。AI Reviewは学習を助けるための補助機能です。レビュー結果をそのまま信じるのではなく、コードを実行して結果を確認しながら使うことが大切です。
秘密情報を含むコードもレビューしてよいですか？
おすすめしません。APIキー、パスワード、個人情報、公開してはいけない情報はコードに入れないでください。学習用の短いコードで使うのが安全です。
次に読むおすすめ記事
- JavaScriptのエラー確認に進むなら、JavaScriptのエラーをConsoleで確認する方法を参考にしてください。
- Pythonの入力処理を見直したい場合は、Pythonのinputをブラウザで練習する方法が役立ちます。
- Web IDE全体の選び方は、初心者向けWeb IDEの選び方にまとめています。