path: root/files/ja/tools/deprecated_tools/index.html

---
title: 廃止予定のツール
slug: Tools/Deprecated_tools
tags:
  - Deprecated
  - Tools
translation_of: Tools/Deprecated_tools
---
<p>{{ToolsSidebar}}</p>

<p>Over the course of DevTools development, we have added several experimental panels to try out new ideas. Not all of these have had wide adoption, and due to the cost of maintenance, seldom used panels are eventually removed.</p>

<p>We have created this list of deprecated or removed panels. This page documents the deprecated panels and the bugs that track their removal. Although these panels have been removed, you still have access to the old code, and there are alternative webextensions that you can try to get similar functionality.</p>

<p>When we deprecate a panel, we begin by getting feedback from the community to determine the impact of removing that panel. Once we have decided to remove the panel, we will provide a warning message, and finally, we will remove the panel from the codebase.</p>

<p>You may see a warning message, as in the following image, when trying to activate a deprecated panel:</p>

<p><img alt="" src="https://mdn.mozillademos.org/files/16546/devTool_settings_deprecated_notice.png" style="border: 1px solid black; display: block; height: 504px; margin: 0px auto; width: 2558px;"></p>

<p><span id="docs-internal-guid-2b4da094-7fff-a275-e630-2200811ec7cd" style="background-color: transparent; color: #000000; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">In addition, if you open the panel for one of these tools, you will also see a warning message about its removal.</span></p>

<p><img alt="" src="https://mdn.mozillademos.org/files/16544/deprecated_tool_notice.png" style="border: 1px solid black; display: block; height: 498px; margin: 0px auto; width: 2558px;"></p>

<h2 id="Scratchpad" name="Scratchpad">スクラッチパッド</h2>

<p>スクラッチパッドは、Firefox 70 で廃止予定 ({{bug(1565380)}}) とされて、Firefox 72 で削除 ({{bug(1519103)}}) される予定です。</p>

<h3 id="Description" name="Description">説明</h3>

<p>スクラッチパッドは、JavaScript コードの実験をする環境を提供します。ウェブページで動作するコードの記述、実行、結果の検証を行えます。</p>

<p><img alt="Screenshot of the Scratchpad window with a deprecation message" src="https://mdn.mozillademos.org/files/16859/Screen_Shot_2019-08-26_at_08.08.11.png" style="height: 1012px; width: 1282px;"></p>

<h3 id="Alternatives" name="Alternatives">代替策</h3>

<p>Firefox 71+ では、ウェブコンソールのエディターモードで複数行の JavaScript コードを記述でき、スクラッチパッドに似たことができます。エディターモードは、コンソール入力の右側にあるアイコンをクリックするか、<kbd>Ctrl + B</kbd> (macOS では <kbd>Cmd + B</kbd> ) で起動されます。</p>

<p><img alt="Screenshot of the Webconsole in inline mode, with the editor mode icon displayed on the right of the console input" src="https://mdn.mozillademos.org/files/16944/editor_mode_toggle_icon.png" style="height: 530px; width: 1476px;">エディターモードでは、<kbd>Enter</kbd> キーを押すと新しい行が追加され、<kbd>Ctrl + Enter</kbd> (macOS では <kbd>Cmd + Enter</kbd>) を使用して表現の検証を行えます。</p>

<p><img alt="Screenshot of the Webconsole multiline input, showing an evaluation with a Syntax Error and another, correct one." src="https://mdn.mozillademos.org/files/16860/Screen_Shot_2019-08-26_at_08.18.26.png" style="height: 1166px; width: 1864px;"></p>

<p>評価を行っても入力は消去されず、コードスニペットを素早く繰り返せます。</p>

<p>結果は、入力の右側にあるコンソール出力に表示され、素早くフィードバックが提供されます。スクラッチパッドと違い、エラーは展開可能なスタックトレースで出力で適切に表示され、現在書いているコードのデバッグを簡単に行えます。</p>

<p>Firefox 72 以降では、<kbd>Ctrl + O</kbd> (macOS では <kbd>Cmd + O</kbd>) を押すと JavaScript ファイルコンテンツをコンソールの入力にインポートでき、同様に <kbd>Ctrl + S</kbd> (macOS では <kbd>Cmd + S</kbd>) を使用してコンソールの入力コンテンツを保存できます。</p>

<h2 id="WebIDE_and_Connect_page">WebIDE and Connect page</h2>

<p>WebIDE was deprecated as of Firefox 69</p>

<p>Disabled as of Firefox 70 ({{bug(1539451)}}).</p>

<p>Removed as of Firefox 71 ({{bug(1539462)}}).</p>

<h3 id="Description_2">Description</h3>

<p>WebIDE allowed you to connect the Firefox Developer Tools to remote browsers, such as Firefox for Android. It was also intended to support application development for Firefox OS.</p>

<p><img alt="" src="https://mdn.mozillademos.org/files/16613/WebIDE_68.png" style="display: block; height: 632px; margin: 0px auto; width: 600px;"></p>

<h3 id="Alternatives_2">Alternatives</h3>

<p>Remote debugging is available in about:debugging as of Firefox 68. Features not ported to about:debugging are: WiFi debugging for Firefox for Android, application development. Features that are planned but not ported yet: remote browser screenshots and edit remote browser configuration. More details on the <a href="https://groups.google.com/forum/#!topic/mozilla.dev.developer-tools/aWA7JJ-TpRw">mailing-list thread</a>.</p>

<h2 id="Canvas_debugger">Canvas debugger</h2>

<p>Bugzilla issue: {{bug(1403938)}}</p>

<p>Removed as of Firefox 67</p>

<h3 id="Description_3">Description</h3>

<p>Canvas Debugger allowed users to inspect the canvas element and see how frequently a given function is called. It was deprecated due to lack of use.</p>

<p>We do not have dedicated documentation for the Canvas Debugger.</p>

<p><img alt="" src="https://mdn.mozillademos.org/files/16543/canvas_tool.png" style="display: block; margin: 0 auto; width: 800px;"></p>

<h3 id="Alternatives_3">Alternatives</h3>

<p><a href="https://addons.mozilla.org/en-US/firefox/addon/spector-js/#&amp;gid=1&amp;pid=2" id="docs-internal-guid-836d1256-7fff-1e5e-9c9c-357ae6e43dba" style="text-decoration: none;"><u>Spector.js</u></a><span style="background-color: transparent; color: #000000; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> is a WebExtension that can provide these features with 3D contexts.</span></p>

<h2 id="Web_Audio_editor">Web Audio editor</h2>

<p>Bugzilla issue: {{bug(1403944)}}</p>

<p>Removed as of Firefox 67</p>

<h3 id="Description_4">Description</h3>

<p>The Web Audio Editor allowed you to examine an audio context constructed in the page and provided a visualization of its graph. This gave a high-level view of its operation, and enabled you to ensure that all the nodes are connected in the way you expect. It was possible to edit the AudioParam properties for each node in the graph. Some non-AudioParam properties, like an OscillatorNode's type property, were displayed and editable as well. It was deprecated due to lack of use.</p>

<p>More details about the <a href="/en-US/docs/Tools/Web_Audio_Editor">Web Audio Editor</a></p>

<p><img alt="" src="https://mdn.mozillademos.org/files/16548/webAudio_tool.png" style="border: 1px solid black; display: block; margin: 0 auto; width: 800px;"></p>

<h3 id="Alternatives_4">Alternatives</h3>

<p>Alternatives include <a href="https://github.com/google/audion">AudioN</a> and <a href="https://github.com/spite/WebAudioExtension">https://github.com/spite/WebAudioExtension</a> web extensions.</p>

<h2 id="Shader_editor">Shader editor</h2>

<p>Bugzilla issue: {{bug(1342237)}}</p>

<p>Removed as of Firefox 67</p>

<h3 id="Description_5">Description</h3>

<p>The Shader Editor allowed users to examine and edit the source of the WebGL vertex and fragment shaders. It was deprecated due to low usage and maintenance costs.</p>

<p>More details about the <a href="/en-US/docs/Tools/Shader_Editor">Shader Editor</a></p>

<p><img alt="" src="https://mdn.mozillademos.org/files/16547/shaderEditor_tool.png" style="border: 1px solid black; display: block; margin: 0 auto; width: 800px;"></p>

<h3 id="Alternatives_5">Alternatives</h3>

<p>An alternative to this panel is this extension: <a href="https://github.com/spite/ShaderEditorExtension">https://github.com/spite/ShaderEditorExtension</a>, or <a href="https://addons.mozilla.org/en-US/firefox/addon/spector-js/#&amp;gid=1&amp;pid=2">Spector.js</a> also supports a Shader Editor that requires a library to use a shader reloader hook. Currently only the Babylon library does.</p>