Tag
#開発者ツール
「開発者ツール」に関連する記事を2本公開中。非エンジニア向けの実務活用情報を中心に、 Claude Code・Claude Cowork の使いこなしをお届けします。
はじめの一歩
HTTPリクエストとレスポンスを覗く — DevToolsで通信の中身を見る｜バイブコーディング入門 第6回
ブラウザの開発者ツール（DevTools）を使って、実際のHTTP通信の中身を覗いてみる。第1回で学んだ「手紙のやりとり」が、画面の裏側でどんな形で行われているのか。リクエストヘッダー、ステータスコード、レスポンスボディといった要素を、実際の画面を見ながら解説する。エラーが起きたとき「何が起きているか」を自分の目で確認できるようになる。
はじめの一歩
あなたのWebアプリは「手紙のやりとり」で動いている｜リクエストとレスポンスの仕組み
CursorやClaude Codeで作ったWebアプリが「なぜ動くのか」を、手紙のやりとりに例えて解説する。リクエストとレスポンスという2つの概念を理解するだけで、エラーの原因が読めるようになり、AIへの指示の精度が上がる。バイブコーディング入門・第1回。