---
title: 開発者ツール
slug: Glossary/Developer_Tools
tags:
  - CodingScripting
  - Developer Tools
  - Glossary
translation_of: Glossary/Developer_Tools
---
<p>開発者ツール（"DevTools"と略されます）は開発者がソフトウェアを作成、テスト、{{Glossary("debug", "デバッグ")}} するのを助けるプログラムです。</p>

<p>現在のブラウザーには、ウェブサイトの調査を可能にする開発者ツールが統合されています。ブラウザーの開発者ツールによって、ウェブサイトの{{Glossary("HTML")}}/{{Glossary("CSS")}}/{{Glossary("JavaScript")}}の調査やデバッグ、ウェブサイトによって発生したネットワークトラフィックの調査、ウェブサイトのパフォーマンスの計測など、たくさんのことが可能となります。</p>

<h2 id="Learn_more" name="Learn_more">関連項目</h2>

<h3 id="General_knowledge" name="General_knowledge">基礎知識</h3>

<ul>
 <li>Wikipedia上の記事：{{interwiki("wikipedia", "Web development tools", "Web development tools")}}</li>
</ul>

<h3 id="Technical_reference" name="Technical_reference">技術リファレンス</h3>

<ul>
 <li>MDN上の記事：<a href="/ja/docs/Tools">Firefox Developer Tools</a></li>
 <li><a href="https://getfirebug.com/">Firebug</a> (Firefox向けの以前の開発者ツール)</li>
 <li>chrome.com上の記事：<a href="https://developer.chrome.com/devtools">Chrome DevTools</a></li>
 <li>apple.com上の記事：<a href="https://developer.apple.com/library/content/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/Introduction/Introduction.html#//apple_ref/doc/uid/TP40007874-CH1-SW1">Safari Web Inspector</a></li>
 <li>microsoft.com上の記事：<a href="https://docs.microsoft.com/en-us/microsoft-edge/f12-devtools-guide">Edge Dev Tools</a></li>
</ul>