aboutsummaryrefslogtreecommitdiff
path: root/files/ja/web/api/console
diff options
context:
space:
mode:
authorPeter Bengtsson <mail@peterbe.com>2020-12-08 14:40:17 -0500
committerPeter Bengtsson <mail@peterbe.com>2020-12-08 14:40:17 -0500
commit33058f2b292b3a581333bdfb21b8f671898c5060 (patch)
tree51c3e392513ec574331b2d3f85c394445ea803c6 /files/ja/web/api/console
parent8b66d724f7caf0157093fb09cfec8fbd0c6ad50a (diff)
downloadtranslated-content-33058f2b292b3a581333bdfb21b8f671898c5060.tar.gz
translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.tar.bz2
translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.zip
initial commit
Diffstat (limited to 'files/ja/web/api/console')
-rw-r--r--files/ja/web/api/console/assert/index.html102
-rw-r--r--files/ja/web/api/console/clear/index.html44
-rw-r--r--files/ja/web/api/console/count/index.html106
-rw-r--r--files/ja/web/api/console/countreset/index.html104
-rw-r--r--files/ja/web/api/console/debug/index.html68
-rw-r--r--files/ja/web/api/console/dir/index.html67
-rw-r--r--files/ja/web/api/console/dirxml/index.html119
-rw-r--r--files/ja/web/api/console/error/index.html77
-rw-r--r--files/ja/web/api/console/group/index.html86
-rw-r--r--files/ja/web/api/console/groupcollapsed/index.html128
-rw-r--r--files/ja/web/api/console/groupend/index.html120
-rw-r--r--files/ja/web/api/console/index.html292
-rw-r--r--files/ja/web/api/console/info/index.html66
-rw-r--r--files/ja/web/api/console/log/index.html101
-rw-r--r--files/ja/web/api/console/profile/index.html126
-rw-r--r--files/ja/web/api/console/profileend/index.html130
-rw-r--r--files/ja/web/api/console/table/index.html208
-rw-r--r--files/ja/web/api/console/time/index.html66
-rw-r--r--files/ja/web/api/console/timeend/index.html129
-rw-r--r--files/ja/web/api/console/timestamp/index.html125
-rw-r--r--files/ja/web/api/console/trace/index.html86
-rw-r--r--files/ja/web/api/console/warn/index.html147
22 files changed, 2497 insertions, 0 deletions
diff --git a/files/ja/web/api/console/assert/index.html b/files/ja/web/api/console/assert/index.html
new file mode 100644
index 0000000000..eb8b92bbf7
--- /dev/null
+++ b/files/ja/web/api/console/assert/index.html
@@ -0,0 +1,102 @@
+---
+title: Console.assert()
+slug: Web/API/console/assert
+tags:
+ - API
+ - DOM
+ - Debugging
+ - Method
+ - NeedsBrowserCompatibility
+ - Web Development
+ - console
+ - web console
+translation_of: Web/API/console/assert
+---
+<div>{{APIRef("Console API")}}</div>
+
+<p><code><strong>console.assert()</strong></code> は、アサーションが false になる場合に、コンソールへエラーメッセージを出力します。アサーションが true になる場合は、何も行いません。</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox notranslate">console.assert(<em>assertion</em>, <em>obj1</em> [, <em>obj2</em>, ..., <em>objN</em>]);
+console.assert(<em>assertion</em>, <em>msg</em> [, <em>subst1</em>, ..., <em>substN</em>]); // C ライクなメッセージ形式
+</pre>
+
+<h3 id="Parameters" name="Parameters">引数</h3>
+
+<dl>
+ <dt><code>assertion</code></dt>
+ <dd>任意のブール式。アサーションが false になると、コンソールにメッセージを出力します。</dd>
+ <dt><code>obj1</code> ... <code>objN</code></dt>
+ <dd>出力する JavaScript オブジェクトのリスト。各オブジェクトを文字列で表現したものを、リストの並び順に追記して出力します。</dd>
+ <dt><code>msg</code></dt>
+ <dd>0 個以上の置換文字列を含む JavaScript 文字列。</dd>
+ <dt><code>subst1</code> ... <code>substN</code></dt>
+ <dd><code>msg</code> 内の置換文字列を置き換える JavaScript オブジェクト。このパラメータで、出力形式を高度に制御できます。</dd>
+</dl>
+
+<h2 id="Examples">Examples</h2>
+
+<p>下のコード例はオブジェクトを<code><strong>console.assert()</strong></code>に渡す場合を示しています。</p>
+
+<pre class="brush: js notranslate">const errorMsg = 'the # is not even';
+for (let number = 2; number &lt;= 5; number += 1) {
+ console.log('the # is ' + number);
+ console.assert(number % 2 === 0, {number: number, errorMsg: errorMsg});
+ // <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Object_initializer#New_notations_in_ECMAScript_2015">ES2015 object property shorthand</a> を使った版
+ // console.assert(number % 2 === 0, {number, errorMsg});
+}
+// 出力:
+// the # is 2
+// the # is 3
+// Assertion failed: {number: 3, errorMsg: "the # is not even"}
+// the # is 4
+// the # is 5
+// Assertion failed: {number: 5, errorMsg: "the # is not even"}
+</pre>
+
+<p>置換文字列を含む文字列は、Node.jsや、大多数のブラウザでは<code>console.log</code>のパラメータとして動作することに注意してください</p>
+
+<pre class="brush: js notranslate">console.log('the word is %s', 'foo');
+// 出力: the word is foo
+</pre>
+
+<p>このような文字列の使用は、現在のところ、すべてのブラウザで<code>console.assert</code>のパラメータとして意図した通りには動作するわけではありません。</p>
+
+<pre class="brush: js notranslate">console.assert(false, 'the word is %s', 'foo');
+// correct output in Node.js and some browsers
+// (e.g. Firefox v60.0.2):
+// Assertion failed: the word is foo
+// incorrect output in some browsers
+// (e.g. Chrome v67.0.3396.87):
+// Assertion failed: the word is %s foo
+</pre>
+
+<p>詳しくは {{domxref("console")}} のドキュメントで、<a href="/ja/docs/Web/API/console#Outputting_text_to_the_console">コンソールにテキストを出力する</a> をご覧ください。</p>
+
+<h2 id="Specifications" name="Specifications">仕様</h2>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">仕様書</th>
+ <th scope="col">策定状況</th>
+ <th scope="col">コメント</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{SpecName("Console API", "#assert", "console.assert()")}}</td>
+ <td>{{Spec2("Console API")}}</td>
+ <td>最初期の定義</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザ実装状況</h2>
+
+
+
+<p>{{Compat("api.Console.assert")}}</p>
diff --git a/files/ja/web/api/console/clear/index.html b/files/ja/web/api/console/clear/index.html
new file mode 100644
index 0000000000..1e43a57ed1
--- /dev/null
+++ b/files/ja/web/api/console/clear/index.html
@@ -0,0 +1,44 @@
+---
+title: clear()
+slug: Web/API/console/clear
+tags:
+ - API
+ - Debugging
+ - Method
+ - Reference
+ - console
+ - web console
+translation_of: Web/API/Console/clear
+---
+<div>{{APIRef("Console API")}}</div>
+
+<p><code>console.clear()</code>は実行環境が許可する場合、コンソールをクリアします。</p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox notranslate">console.clear();</pre>
+
+<h2 id="Specifications" name="Specifications">仕様</h2>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">仕様書</th>
+ <th scope="col">策定状況</th>
+ <th scope="col">コメント</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{SpecName("Console API", "#clear", "console.clear()")}}</td>
+ <td>{{Spec2("Console API")}}</td>
+ <td>最初期の定義</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザ実装状況</h2>
+
+
+
+<p>{{Compat("api.Console.clear")}}</p>
diff --git a/files/ja/web/api/console/count/index.html b/files/ja/web/api/console/count/index.html
new file mode 100644
index 0000000000..d0c7659d14
--- /dev/null
+++ b/files/ja/web/api/console/count/index.html
@@ -0,0 +1,106 @@
+---
+title: Console.count()
+slug: Web/API/console/count
+tags:
+ - API
+ - DOM
+ - Debugging
+ - Method
+ - NeedsBrowserCompatibility
+ - Web Development
+ - web console
+translation_of: Web/API/Console/count
+---
+<div>{{APIRef("Console API")}}</div>
+
+<p><strong><code>console.count()</code></strong> は<code>count()</code> を個々に呼び出した回数を記録します。</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h2 id="構文">構文</h2>
+
+<pre class="syntaxbox notranslate">console.count(<var>[label]</var>);</pre>
+
+<h3 id="引数">引数</h3>
+
+<dl>
+ <dt><code>label</code> {{Optional_Inline}}</dt>
+ <dd>{{jsxref("String")}}。<code>label</code> を与えると、この関数は特定のラベルを伴って <code>count()</code> を呼び出した回数を記録します。<code>label</code> を省略すると、この関数は<code>default</code>というラベルを伴って <code>count()</code> を呼び出したかのように振る舞います</dd>
+</dl>
+
+<h2 id="Examples">Examples</h2>
+
+<p>例えば、以下のコードについて考えます:</p>
+
+<pre class="brush: js notranslate">let user = "";
+
+function greet() {
+ console.count();
+ return "hi " + user;
+}
+
+user = "bob";
+greet();
+user = "alice";
+greet();
+greet();
+console.count();</pre>
+
+<p>コンソールの出力は、以下のようになります:</p>
+
+<pre class="brush: none; notranslate">"default: 1"
+"default: 2"
+"default: 3"
+"default: 4"</pre>
+
+<p>特にラベルが指定されなかったので表示されているラベルは <code>default</code> となっています。</p>
+
+<p>始めの <code>count()</code> で引数 <code>label</code> に変数 <code>user</code> を、また 2 番目の <code>count()</code> で文字列 "alice" を与えました:</p>
+
+<pre class="brush: js notranslate">let user = "";
+
+function greet() {
+ console.count(user);
+ return "hi " + user;
+}
+
+user = "bob";
+greet();
+user = "alice";
+greet();
+greet();
+console.count("alice");</pre>
+
+<p>すると、以下のように出力されます:</p>
+
+<pre class="notranslate">"bob: 1"
+"alice: 1"
+"alice: 2"
+"alice: 3"</pre>
+
+<p><code>label</code> の値のみに基づいて、個々の呼び出し回数を管理しています。</p>
+
+<h2 id="Specifications" name="Specifications">仕様</h2>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">仕様書</th>
+ <th scope="col">策定状況</th>
+ <th scope="col">コメント</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{SpecName("Console API", "#count", "console.count()")}}</td>
+ <td>{{Spec2("Console API")}}</td>
+ <td>最初期の定義</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザ実装状況</h2>
+
+
+
+<p>{{Compat("api.Console.count")}}</p>
diff --git a/files/ja/web/api/console/countreset/index.html b/files/ja/web/api/console/countreset/index.html
new file mode 100644
index 0000000000..0981b0b446
--- /dev/null
+++ b/files/ja/web/api/console/countreset/index.html
@@ -0,0 +1,104 @@
+---
+title: Console.countReset()
+slug: Web/API/console/countReset
+translation_of: Web/API/Console/countReset
+---
+<div>{{APIRef("Console API")}}</div>
+
+<p><strong><code>console.countReset()</code></strong> は{{domxref("console.count()")}}で使われたカウンターをリセットします。</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h2 id="Syntax">Syntax</h2>
+
+<pre class="syntaxbox notranslate">console.countReset(<var>[label]</var>);
+</pre>
+
+<h3 id="Parameters">Parameters</h3>
+
+<dl>
+ <dt><code>label</code> {{optional_inline}}</dt>
+ <dd>{{jsxref("String")}}。<code>label</code>を与えると<code>countReset()</code>は<code>label</code>に対応するカウンターを0にリセットします。<code>label</code>を省略すると<code>countReset()</code>は<code>default</code>のカウンターを0にリセットします。</dd>
+</dl>
+
+<h2 id="Examples">Examples</h2>
+
+<p>例えば、以下のコードについて考えます:</p>
+
+<pre class="brush: js notranslate">let user = "";
+
+function greet() {
+ console.count();
+ return "hi " + user;
+}
+
+user = "bob";
+greet();
+user = "alice";
+greet();
+greet();
+console.count();
+console.countReset();</pre>
+
+<p>コンソールの出力は、以下のようになります:</p>
+
+<pre class="eval notranslate">"default: 1"
+"default: 2"
+"default: 3"
+"default: 4"
+"default: 0"
+</pre>
+
+<p><code>console.counterReset()</code>の呼び出しによって<code>default</code>のカウンターが0になったことに注意してください。</p>
+
+<p>始めの <code>count()</code> で引数 <code>label</code> に変数 <code>user</code> を、また 2 番目の <code>count()</code> で文字列 "alice" を与えました:</p>
+
+<pre class="brush: js notranslate">let user = "";
+
+function greet() {
+ console.count(user);
+ return "hi " + user;
+}
+
+user = "bob";
+greet();
+user = "alice";
+greet();
+greet();
+console.countReset("bob");
+console.count("alice");</pre>
+
+<p>すると、以下のように出力されます:</p>
+
+<pre class="eval notranslate">"bob: 1"
+"alice: 1"
+"alice: 2"
+"bob: 0"
+"alice: 3"</pre>
+
+<p><code>bob</code>のカウンターをリセットしたとき他のカウンターに影響を与えません。<code>alice</code>のカウンターが変更されていないことがわかります。</p>
+
+<h2 id="Specifications" name="Specifications">仕様</h2>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">Specification</th>
+ <th scope="col">Status</th>
+ <th scope="col">Comment</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{SpecName("Console API", "#count", "console.countReset()")}}</td>
+ <td>{{Spec2("Console API")}}</td>
+ <td>Initial definition</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザ実装状況</h2>
+
+
+
+<p>{{Compat("api.Console.countReset")}}</p>
diff --git a/files/ja/web/api/console/debug/index.html b/files/ja/web/api/console/debug/index.html
new file mode 100644
index 0000000000..6a3169189b
--- /dev/null
+++ b/files/ja/web/api/console/debug/index.html
@@ -0,0 +1,68 @@
+---
+title: Console.debug()
+slug: Web/API/console/debug
+tags:
+ - API
+ - Debug
+ - console
+ - log
+ - デバッグ
+ - プリント
+ - メソッド
+ - リファレンス
+ - ロギング
+ - 出力
+ - 開発者ツール
+translation_of: Web/API/Console/debug
+---
+<div>{{APIRef("Console API")}}</div>
+
+<p><span class="seoSummary">{{domxref("Console")}} の <strong><code>debug()</code></strong> メソッドは、"debug" ログレベルで Web コンソールにメッセージを出力します。このメッセージは、デバッグ出力を表示するようにコンソールが構成されている場合にのみユーザに表示されます。</span></p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h2 id="構文">構文</h2>
+
+<pre class="syntaxbox notranslate">console.debug(<em>obj1</em> [, <em>obj2</em>, ..., <em>objN</em>]);
+console.debug(<em>msg</em> [, <em>subst1</em>, ..., <em>substN</em>]);
+</pre>
+
+<h3 id="パラメータ">パラメータ</h3>
+
+<dl>
+ <dt><code>obj1</code> ... <code>objN</code></dt>
+ <dd>出力する JavaScript オブジェクトのリスト。これらの各オブジェクトの文字列表現は、リストされた順に追加され、コンソールに出力されます。</dd>
+ <dt><code>msg</code></dt>
+ <dd>連続した順序で <code>subst1</code> から <code>substN</code> に置き換えられる 0 個以上の置換文字列を含む JavaScript 文字列。</dd>
+ <dt><code>subst1</code> ... <code>substN</code></dt>
+ <dd><code>msg</code> 内の置換文字列を置換する JavaScript オブジェクト。これにより、出力の形式をさらに制御できます。置換のしくみの説明については、{{SectionOnPage("/ja/docs/Web/API/Console", "文字列置換を使用する")}} を参照してください。</dd>
+</dl>
+
+<p>詳細については、{{domxref("console")}} オブジェクトのドキュメントの <a href="/ja/docs/Web/API/console#Outputting_text_to_the_console">コンソールにテキストを出力する</a> を参照してください。</p>
+
+<h2 id="仕様">仕様</h2>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">仕様書</th>
+ <th scope="col">ステータス</th>
+ <th scope="col">コメント</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{SpecName("Console API", "#debug", "console.debug()")}}</td>
+ <td>{{Spec2("Console API")}}</td>
+ <td>初期定義</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="ブラウザの互換性">ブラウザの互換性</h2>
+
+<div>
+<div class="hidden">このページの互換性テーブルは、構造化データから生成されます。データに貢献したい場合は <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックして、プルリクエストを送信してください。</div>
+
+<p>{{Compat("api.Console.debug")}}</p>
+</div>
diff --git a/files/ja/web/api/console/dir/index.html b/files/ja/web/api/console/dir/index.html
new file mode 100644
index 0000000000..52a83ea921
--- /dev/null
+++ b/files/ja/web/api/console/dir/index.html
@@ -0,0 +1,67 @@
+---
+title: Console.dir()
+slug: Web/API/Console/dir
+tags:
+ - API
+ - DOM
+ - Debugging
+ - Method
+ - Reference
+ - Web Development
+ - console
+ - web console
+translation_of: Web/API/Console/dir
+---
+<p>{{APIRef("Console API")}}</p>
+
+<p><span class="seoSummary">{{domxref("Console")}} の <strong><code>dir()</code></strong> メソッドは、指定された JavaScript オブジェクトのプロパティの対話的なリストを表示します。</span>出力は折り畳み式の階層的なリストで表示され、子オブジェクトの中身を見ることができます。</p>
+
+<p>言い換えれば <code>console.dir()</code> は指定された JavaScript オブジェクトのプロパティをすべてコンソール上で見る方法であり、開発者は簡単にオブジェクトのプロパティを得ることができます。</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<p><img alt="console-dir.png" class="default internal" src="/@api/deki/files/6081/=console-dir.png"></p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox notranslate">console.dir(<var>object</var>);
+</pre>
+
+<h3 id="Parameters" name="Parameters">引数</h3>
+
+<dl>
+ <dt><code><var>object</var></code></dt>
+ <dd>プロパティを出力する JavaScript オブジェクトです。</dd>
+</dl>
+
+<h2 id="Specifications" name="Specifications">仕様書</h2>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">仕様書</th>
+ <th scope="col">状態</th>
+ <th scope="col">備考</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{SpecName("Console API", "#dir", "console.dir()")}}</td>
+ <td>{{Spec2("Console API")}}</td>
+ <td>初回定義</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div>
+
+<p>{{Compat("api.Console.dir")}}</p>
+
+<h2 id="See_also" name="See_also">関連情報</h2>
+
+<ul>
+ <li><a class="external" href="http://msdn.microsoft.com/library/gg589530">MSDN: F12 ツールのコンソールを使ったエラーおよびステータスの表示</a></li>
+ <li><a href="https://developers.google.com/chrome-developer-tools/docs/console-api#consoledirobject">Chrome Console API reference</a></li>
+</ul>
diff --git a/files/ja/web/api/console/dirxml/index.html b/files/ja/web/api/console/dirxml/index.html
new file mode 100644
index 0000000000..1ee3d5b7fe
--- /dev/null
+++ b/files/ja/web/api/console/dirxml/index.html
@@ -0,0 +1,119 @@
+---
+title: Console.dirxml()
+slug: Web/API/console/dirxml
+tags:
+ - API
+ - DOM
+ - Debugging
+ - Method
+ - NeedsBrowserCompatibility
+ - Web Development
+ - web console
+translation_of: Web/API/Console/dirxml
+---
+<div>{{APIRef("Console API")}}{{Non-standard_header}}</div>
+
+<p>指定した XML/HTML 要素の子孫要素の対話式ツリーを表示します。または、ツリーを表示できない場合は JavaScript オブジェクトのビューを表示します。これは子ノードの内容を確認可能な、展開式の階層型ノードリストとして出力します。</p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox">console.dirxml(<em>object</em>);
+</pre>
+
+<h2 id="Parameters" name="Parameters">引数</h2>
+
+<dl>
+ <dt><code>object</code></dt>
+ <dd>出力対象の JavaScript オブジェクト</dd>
+</dl>
+
+<h2 id="Specifications" name="Specifications">仕様</h2>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">仕様書</th>
+ <th scope="col">策定状況</th>
+ <th scope="col">コメント</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{SpecName("Console API", "#consoledirxmlobject", "console.dirxml()")}}</td>
+ <td>{{Spec2("Console API")}}</td>
+ <td>最初期の定義</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザ実装状況</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>機能</th>
+ <th>Chrome</th>
+ <th>Firefox (Gecko)</th>
+ <th>Internet Explorer</th>
+ <th>Opera</th>
+ <th>Safari</th>
+ </tr>
+ <tr>
+ <td>基本サポート</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{CompatNo}}</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ </tr>
+ <tr>
+ <td>Worker で使用可能</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatNo}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>機能</th>
+ <th>Android</th>
+ <th>Firefox Mobile (Gecko)</th>
+ <th>IE Mobile</th>
+ <th>Opera Mobile</th>
+ <th>Safari Mobile</th>
+ </tr>
+ <tr>
+ <td>基本サポート</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatNo}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ </tr>
+ <tr>
+ <td>Worker で使用可能</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatNo}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">関連情報</h2>
+
+<ul>
+ <li><a href="http://www.opera.com/dragonfly/documentation/console/">Opera Dragonfly documentation: Console</a></li>
+</ul>
diff --git a/files/ja/web/api/console/error/index.html b/files/ja/web/api/console/error/index.html
new file mode 100644
index 0000000000..5655e1e99a
--- /dev/null
+++ b/files/ja/web/api/console/error/index.html
@@ -0,0 +1,77 @@
+---
+title: Console.error()
+slug: Web/API/Console/error
+tags:
+ - API
+ - DOM
+ - Debugging
+ - Method
+ - Web Development
+ - web console
+translation_of: Web/API/Console/error
+---
+<div>{{APIRef("Console API")}}</div>
+
+<p>デバッガの Web コンソールにエラーメッセージを出力します。</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h2 id="構文">構文</h2>
+
+<pre class="syntaxbox notranslate">console.error(<em>obj1</em> [, <em>obj2</em>, ..., <em>objN</em>]);
+console.error(<em>msg</em> [, <em>subst1</em>, ..., <em>substN</em>]);
+console.exception(<em>obj1</em> [, <em>obj2</em>, ..., <em>objN</em>]);
+console.exception(<em>msg</em> [, <em>subst1</em>, ..., <em>substN</em>]);
+</pre>
+
+<div class="note">
+<p><strong>補足:</strong> <code>console.exception()</code> は、<code>console.error()</code> の別名です。これらは機能的に同じものです。</p>
+</div>
+
+<h3 id="引数">引数</h3>
+
+<dl>
+ <dt><code>obj1</code> ... <code>objN</code></dt>
+ <dd>出力する JavaScript オブジェクトのリスト。 各オブジェクトの文字列表現が記述順で出力されます。</dd>
+ <dt><code>msg</code></dt>
+ <dd>0 個以上の置換文字列 (<span style="color: green;">substitution strings</span>) を含む JavaScript 文字列。</dd>
+ <dt><code>subst1</code> ... <code>substN</code></dt>
+ <dd><code>msg</code> 内の置換文字列を置換するJavaScript オブジェクト。これにより、出力の書式の詳細な制御が可能となります。</dd>
+</dl>
+
+<p>詳細については、{{domxref("console")}} ドキュメント内の <a href="/docs/Web/API/console#Outputting_text_to_the_console">コンソールへのテキスト出力</a> を参照してください。</p>
+
+<h2 id="仕様">仕様</h2>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">仕様書</th>
+ <th scope="col">策定状況</th>
+ <th scope="col">コメント</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{SpecName("Console API", "#error", "console.error()")}}</td>
+ <td>{{Spec2("Console API")}}</td>
+ <td>最初期の定義</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="ブラウザ実装状況">ブラウザ実装状況</h2>
+
+<div>
+
+
+<p>{{Compat("api.Console.error")}}</p>
+</div>
+
+<h2 id="関連情報">関連情報</h2>
+
+<ul>
+ <li><a href="http://www.opera.com/dragonfly/documentation/console/">Opera Dragonfly documentation: Console</a></li>
+ <li><a href="http://msdn.microsoft.com/library/gg589530">MSDN: Using the F12 Tools Console to View Errors and Status</a></li>
+ <li><a href="https://developers.google.com/chrome-developer-tools/docs/console#errors_and_warnings">Chrome Developer Tools: Using the Console</a></li>
+</ul>
diff --git a/files/ja/web/api/console/group/index.html b/files/ja/web/api/console/group/index.html
new file mode 100644
index 0000000000..a70a1e210e
--- /dev/null
+++ b/files/ja/web/api/console/group/index.html
@@ -0,0 +1,86 @@
+---
+title: Console.group()
+slug: Web/API/console/group
+tags:
+ - API
+ - DOM
+ - Debugging
+ - Method
+ - Web Development
+ - web console
+translation_of: Web/API/Console/group
+---
+<div>{{APIRef("Console API")}}</div>
+
+<p><a href="/ja/docs/Tools/Web_Console">ウェブコンソール</a>のログに、新たなインライングループを作成します。{{domxref("console.groupEnd()")}} を呼び出すまで、以降のすべての出力のレベルを 1 段階インデントします。</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox">console.group([label]);
+</pre>
+
+<h2 id="Parameters" name="Parameters">引数</h2>
+
+<dl>
+ <dt><code>label</code></dt>
+ <dd>グループ用のラベル。任意。(Chrome 59 でテスト) <code>console.groupEnd()</code> は動作しません。</dd>
+</dl>
+
+<p>{{h3_gecko_minversion("コンソール内でのグループの使用", "9.0", "Using_groups_in_the_console")}}</p>
+
+<p>ネストされたグループを使用して関連したメッセージを視覚的に結びつけることで、出力を整理する手助けができます。新しいネストのブロックを作成するには、<code>console.group()</code> を呼び出します。<code>console.groupCollapsed()</code> メソッドは類似していますが、新しいブロックが折りたたまれており、表示するには、展開ボタンをクリックする必要があります。</p>
+
+<p><strong>注記:</strong> Gecko 9 から Gecko 51 までは、<code>groupCollapsed()</code> メソッドは、<code>group()</code> と同じでした。折りたたまれたグループは、Gecko 52 から完全にサポートされます。{{bug("1088360")}} をご覧ください。</p>
+
+<p>現在のグループを終了するには、<code>console.groupEnd()</code> を呼び出してください。例えば、以下のようなコードです:</p>
+
+<pre class="brush: js">console.log("This is the outer level");
+console.group();
+console.log("Level 2");
+console.group();
+console.log("Level 3");
+console.warn("More of level 3");
+console.groupEnd();
+console.log("Back to level 2");
+console.groupEnd();
+console.log("Back to the outer level");
+</pre>
+
+<p>出力は以下のようになります:</p>
+
+<p><img alt="A screenshot of messages nested in the console output." src="/@api/deki/files/6082/=nesting.png"></p>
+
+<p>詳しくは、{{domxref("console")}} のドキュメントで <a href="/ja/docs/Web/API/console#Using_groups_in_the_console">コンソールでグループを使用する</a>セクションをご覧ください。</p>
+
+<h2 id="Specifications" name="Specifications">仕様</h2>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">仕様書</th>
+ <th scope="col">策定状況</th>
+ <th scope="col">コメント</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{SpecName("Console API", "#group", "console.group()")}}</td>
+ <td>{{Spec2("Console API")}}</td>
+ <td>最初期の定義</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザー実装状況</h2>
+
+
+
+<p>{{Compat("api.Console.group")}}</p>
+
+<h2 id="See_also" name="See_also">関連情報</h2>
+
+<ul>
+ <li><a class="external" href="http://www.opera.com/dragonfly/documentation/console/">Opera Dragonfly documentation: Console</a></li>
+</ul>
diff --git a/files/ja/web/api/console/groupcollapsed/index.html b/files/ja/web/api/console/groupcollapsed/index.html
new file mode 100644
index 0000000000..a57b68cc78
--- /dev/null
+++ b/files/ja/web/api/console/groupcollapsed/index.html
@@ -0,0 +1,128 @@
+---
+title: Console.groupCollapsed()
+slug: Web/API/console/groupCollapsed
+tags:
+ - API
+ - DOM
+ - DOM Reference
+ - Debugging
+ - Method
+ - NeedsBrowserCompatibility
+ - Reference
+ - Web Development
+ - web console
+translation_of: Web/API/Console/groupCollapsed
+---
+<div>{{APIRef("Console API")}}{{Non-standard_header}}</div>
+
+<p>Web コンソールに新たなインライングループを作成します。ただし {{domxref("console.group()")}} とは異なり、新しいグループは折りたたまれた状態で作成されます。グループ内に作成された項目を表示するには、グループの隣にある展開ボタンを使用して、ユーザが展開しなければなりません。</p>
+
+<p>親グループに戻るには、{{domxref("console.groupEnd()")}} を呼び出します。</p>
+
+<p>詳細および使用例は {{domxref("console")}} のドキュメントで、<a href="/ja/docs/Web/API/console#Using_groups_in_the_console">コンソールでグループを使用する</a> をご覧ください。</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox">console.groupCollapsed();
+</pre>
+
+<h2 id="Parameters" name="Parameters">引数</h2>
+
+<p>なし。</p>
+
+<h2 id="Specifications" name="Specifications">仕様</h2>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">仕様書</th>
+ <th scope="col">策定状況</th>
+ <th scope="col">コメント</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{SpecName("Console API", "#consolegroupcollapsedobject-object-", "console.groupCollapsed()")}}</td>
+ <td>{{Spec2("Console API")}}</td>
+ <td>最初期の定義</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザ実装状況</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>機能</th>
+ <th>Chrome</th>
+ <th>Firefox (Gecko)</th>
+ <th>Internet Explorer</th>
+ <th>Opera</th>
+ <th>Safari</th>
+ </tr>
+ <tr>
+ <td>基本サポート</td>
+ <td>6</td>
+ <td>{{CompatGeckoDesktop("9.0")}}<sup>[1]</sup></td>
+ <td>11</td>
+ <td>{{CompatUnknown}}</td>
+ <td>5.1<sup>[2]</sup></td>
+ </tr>
+ <tr>
+ <td>Worker で使用可能</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatGeckoDesktop("38.0")}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>機能</th>
+ <th>Android</th>
+ <th>Firefox Mobile (Gecko)</th>
+ <th>IE Mobile</th>
+ <th>Opera Mobile</th>
+ <th>Safari Mobile</th>
+ </tr>
+ <tr>
+ <td>基本サポート</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatGeckoMobile("9.0")}}<sup>[1]</sup></td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ </tr>
+ <tr>
+ <td>Worker で使用可能</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatGeckoMobile("38.0")}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] Gecko 9.0 {{geckoRelease("9.0")}} よりこのメソッドをサポートしていますが、新しいグループは折りたたまれていません。このメソッドの機能は {{domxref("console.group()")}} と同じです。</p>
+
+<p>[2] <a href="http://trac.webkit.org/changeset/60234">http://trac.webkit.org/changeset/60234</a> で実装。</p>
+
+<h2 id="See_also" name="See_also">関連情報</h2>
+
+<ul>
+ <li><a href="http://www.opera.com/dragonfly/documentation/console/">Opera Dragonfly documentation: Console</a></li>
+</ul>
diff --git a/files/ja/web/api/console/groupend/index.html b/files/ja/web/api/console/groupend/index.html
new file mode 100644
index 0000000000..d688059c7f
--- /dev/null
+++ b/files/ja/web/api/console/groupend/index.html
@@ -0,0 +1,120 @@
+---
+title: Console.groupEnd()
+slug: Web/API/console/groupEnd
+tags:
+ - API
+ - DOM
+ - Debugging
+ - Method
+ - NeedsBrowserCompatibility
+ - Web Development
+ - web console
+translation_of: Web/API/Console/groupEnd
+---
+<p>{{APIRef("Console API")}}{{Non-standard_header}}</p>
+
+<p><a href="/ja/docs/Tools/Web_Console">Web コンソール</a>で、現在のインライングループから出ます。詳細および使用例は {{domxref("console")}} のドキュメントで、<a href="/ja/docs/Web/API/console#Using_groups_in_the_console">コンソールでグループを使用する</a> をご覧ください。</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox">console.groupEnd();
+</pre>
+
+<h2 id="Parameters" name="Parameters">引数</h2>
+
+<p>なし。</p>
+
+<h2 id="Specifications" name="Specifications">仕様</h2>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">仕様書</th>
+ <th scope="col">策定状況</th>
+ <th scope="col">コメント</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{SpecName("Console API", "#consolegroupend", "console.groupEnd()")}}</td>
+ <td>{{Spec2("Console API")}}</td>
+ <td>最初期の定義</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザ実装状況</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>機能</th>
+ <th>Chrome</th>
+ <th>Firefox (Gecko)</th>
+ <th>Internet Explorer</th>
+ <th>Opera</th>
+ <th>Safari</th>
+ </tr>
+ <tr>
+ <td>基本サポート</td>
+ <td>2</td>
+ <td>{{CompatGeckoDesktop("9.0")}}</td>
+ <td>11</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>4.0<sup>[1]</sup></td>
+ </tr>
+ <tr>
+ <td>Worker で使用可能</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatGeckoDesktop("38.0")}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>機能</th>
+ <th>Android</th>
+ <th>Firefox Mobile (Gecko)</th>
+ <th>IE Mobile</th>
+ <th>Opera Mobile</th>
+ <th>Safari Mobile</th>
+ </tr>
+ <tr>
+ <td>基本サポート</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatGeckoMobile("9.0")}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ </tr>
+ <tr>
+ <td>Worker で使用可能</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatGeckoMobile("38.0")}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] <a href="http://trac.webkit.org/changeset/35421">http://trac.webkit.org/changeset/35421</a> で実装。</p>
+
+<h2 id="See_also" name="See_also">関連情報</h2>
+
+<ul>
+ <li><a href="http://www.opera.com/dragonfly/documentation/console/">Opera Dragonfly documentation: Console</a></li>
+</ul>
diff --git a/files/ja/web/api/console/index.html b/files/ja/web/api/console/index.html
new file mode 100644
index 0000000000..bf373069fd
--- /dev/null
+++ b/files/ja/web/api/console/index.html
@@ -0,0 +1,292 @@
+---
+title: console
+slug: Web/API/console
+tags:
+ - API
+ - Debugging
+ - Interface
+ - Reference
+ - console
+ - web console
+ - ウェブコンソール
+translation_of: Web/API/Console
+---
+<p>{{APIRef("Console API")}}</p>
+
+<p><strong><code>console</code></strong> オブジェクトは、ブラウザーのデバッグコンソール (例えば Firefox の<a href="/ja/docs/Tools/Web_Console">ウェブコンソール</a>) へアクセスする機能を提供します。このオブジェクトの詳細な動作はブラウザーによって異なりますが、<em>一般的に共通の</em>機能セットが提供されています。</p>
+
+<p><code>console</code> オブジェクトには任意のグローバルオブジェクトからアクセスできます。閲覧スコープの {{domxref("Window")}} や、特定の種類のワーカーを表す {{domxref("WorkerGlobalScope")}} の console プロパティを通してアクセスできます。これは {{domxref("Window.console")}} として公開されていますが、単に <code>console</code> として参照できます。</p>
+
+<pre class="brush: js notranslate">console.log("Failed to open the specified link")</pre>
+
+<p>このページでは、 <code>console</code> オブジェクトで使用できる{{anch("Methods", "メソッド")}}や{{anch("Usage","使用例")}}を掲載します。</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<div class="blockIndicator note">
+<p><strong>注</strong>: 経緯上の理由から、実際の <code>console</code> インターフェイスはすべて小文字で定義されています (つまり <code>Console</code> ではない)。</p>
+</div>
+
+<h2 id="Methods" name="Methods">メソッド</h2>
+
+<dl>
+ <dt>{{domxref("console.assert()")}}</dt>
+ <dd>第 1 引数が <code>false</code> であれば、メッセージとスタックトレースをコンソールに出力します。</dd>
+ <dt>{{domxref("console.clear()")}}</dt>
+ <dd>コンソールをクリアします。</dd>
+ <dt>{{domxref("console.count()")}}</dt>
+ <dd>指定されたラベルでこの行が呼び出された回数をログ出力します。</dd>
+ <dt>{{domxref("console.countReset()")}}</dt>
+ <dd>指定されたラベルのカウンターの値をリセットします。</dd>
+ <dt>{{domxref("console.debug()")}}</dt>
+ <dd>ログレベルが <code>debug</code> のコンソールへメッセージを出力します。</dd>
+ <dt>{{domxref("console.dir()")}}</dt>
+ <dd>指定した JavaScript オブジェクトのプロパティの、対話型リストを表示します。このリスト内の三角印をクリックすると、子オブジェクトの内容を調査して表示させることができます。</dd>
+ <dt>{{domxref("console.dirxml()")}}</dt>
+ <dd>指定したオブジェクトを XML/HTML 要素で表現したものを表示します。表現できない場合は、JavaScript オブジェクトビューを表示します。</dd>
+ <dt>{{domxref("console.error()")}}</dt>
+ <dd>エラーメッセージを出力します。このメソッドでは、<a href="/ja/docs/Web/API/console#Using_string_substitutions">文字列置換</a>および追加の引数を使用することができます。</dd>
+ <dt>{{domxref("console.exception()")}} {{Non-standard_inline}} {{deprecated_inline}}</dt>
+ <dd><code>error()</code> の別名です。</dd>
+ <dt>{{domxref("console.group()")}}</dt>
+ <dd>以降の出力を別のレベルにインデントする、新たなインライン<a href="/ja/docs/Web/API/console#Using_groups_in_the_console">グループ</a>を作成します。レベルを戻すには、<code>groupEnd()</code> を呼び出します。</dd>
+ <dt>{{domxref("console.groupCollapsed()")}}</dt>
+ <dd>以降の出力を別のレベルにインデントする、新たなインライン<a href="/ja/docs/Web/API/console#Using_groups_in_the_console">グループ</a>を作成します。<code>group()</code> との違いは、グループが折りたたまれた状態で作られ、それを開くには展開ボタンを操作する必要があることです。レベルを戻すには、<code>groupEnd()</code> を呼び出します。</dd>
+ <dt>{{domxref("console.groupEnd()")}}</dt>
+ <dd>現在のインライン<a href="/ja/docs/Web/API/console#Using_groups_in_the_console">グループ</a>から抜けます。</dd>
+ <dt>{{domxref("console.info()")}}</dt>
+ <dd>メッセージタイプのログ情報を出力します。このメソッドでは、<a href="/ja/docs/Web/API/console#Using_string_substitutions">文字列置換</a>および追加の引数を使用することができます。</dd>
+ <dt>{{domxref("console.log()")}}</dt>
+ <dd>一般タイプのログ情報を出力します。このメソッドでは、<a href="/ja/docs/Web/API/console#Using_string_substitutions">文字列置換</a>および追加の引数を使用することができます。</dd>
+ <dt>{{domxref("console.profile()")}} {{Non-standard_inline}}</dt>
+ <dd>ブラウザー内蔵のプロファイラー (例えば <a href="/ja/docs/Tools/Performance">Firefox のパフォーマンスツール</a>) を開始します。プロファイルの名称を指定することができます。</dd>
+ <dt>{{domxref("console.profileEnd()")}} {{Non-standard_inline}}</dt>
+ <dd>プロファイラーを停止します。結果のプロファイルは、ブラウザーのパフォーマンスツール (例えば <a href="/ja/docs/Tools/Performance">Firefox のパフォーマンスツール</a>) で確認できます。</dd>
+ <dt>{{domxref("console.table()")}}</dt>
+ <dd>表形式のデータを、表を使用して表示します。</dd>
+ <dt>{{domxref("console.time()")}}</dt>
+ <dd>入力引数で指定された名前の<a href="/ja/docs/Web/API/console#Timers">タイマー</a>を開始します。ページあたり最大 10,000 個のタイマーを同時に動かすことができます。</dd>
+ <dt>{{domxref("console.timeEnd()")}}</dt>
+ <dd>指定された<a href="/ja/docs/Web/API/console#Timers">タイマー</a>を停止して、そのタイマーを開始してからの時間を秒単位でログに出力します。</dd>
+ <dt>{{domxref("console.timeLog()")}}</dt>
+ <dd>指定された<a href="/ja/docs/Web/API/console#Timers">タイマー</a>の値をコンソールへ出力します。</dd>
+ <dt>{{domxref("console.timeStamp()")}} {{Non-standard_inline}}</dt>
+ <dd>ブラウザのー <a href="https://developer.chrome.com/devtools/docs/timeline">Timeline</a> や<a href="/ja/docs/Tools/Performance/Waterfall">タイムライン</a>ツールにマーカーを追加します。</dd>
+ <dt>{{domxref("console.trace()")}}</dt>
+ <dd><a href="/ja/docs/Web/API/console#Stack_traces">スタックトレース</a>を出力します。</dd>
+ <dt>{{domxref("console.warn()")}}</dt>
+ <dd>警告メッセージを出力します。このメソッドでは、<a href="/ja/docs/Web/API/console#Using_string_substitutions">文字列置換</a>および追加の引数を使用することができます。</dd>
+</dl>
+
+<h2 id="Usage" name="Usage">使用方法</h2>
+
+<h3 id="Outputting_text_to_the_console" name="Outputting_text_to_the_console">コンソールにテキストを出力する</h3>
+
+<p>コンソールでもっとも頻繁に使用される機能は、テキストやその他のデータをログ出力することです。生成することができる出力のカテゴリは 4 つあり、{{domxref("console.log()")}}、{{domxref("console.info()")}}、{{domxref("console.warn()")}}、{{domxref("console.error()")}} の各メソッドを使用します。これらメソッドの出力結果はログ上でそれぞれ異なるスタイルがつけられ、また関心がある種類の出力だけを参照するためにブラウザーが提供するフィルタ機能を使用することもできます。</p>
+
+<p>各出力メソッドを使用する方法は 2 つあります。複数の文字列表現を 1 つの文字列に連結してコンソールに出力する形でオブジェクトのリストを渡す方法と、オブジェクトのリストに続けてそれらを置き換える任意の個数の置換文字列を渡す方法です。</p>
+
+<h4 id="Outputting_a_single_object" name="Outputting_a_single_object">単一のオブジェクトの出力</h4>
+
+<p>もっとも簡単にログを記録する方法は、単一のオブジェクトを出力することです。</p>
+
+<pre class="brush: js notranslate">var someObject = { str: "Some text", id: 5 };
+console.log(someObject);
+</pre>
+
+<p>出力内容は以下のようになります。</p>
+
+<pre class="notranslate">[09:27:13.475] ({str:"Some text", id:5})</pre>
+
+<h4 id="Outputting_multiple_objects" name="Outputting_multiple_objects">複数のオブジェクトの出力</h4>
+
+<p>ログ出力のメソッドを呼び出すときにオブジェクトを羅列することで、複数のオブジェクトを出力することもできます。</p>
+
+<pre class="brush: js notranslate">var car = "Dodge Charger";
+var someObject = { str: "Some text", id: 5 };
+console.info("My first car was a", car, ". The object is:", someObject);</pre>
+
+<p>出力は以下のようになります。</p>
+
+<pre class="notranslate">[09:28:22.711] My first car was a Dodge Charger . The object is: ({str:"Some text", id:5})
+</pre>
+
+<h4 id="Using_string_substitutions" name="Using_string_substitutions">文字列置換の使用</h4>
+
+<p>文字列を取る <code>console</code> オブジェクトのメソッドの一つ (<code>log()</code> など) に文字列を渡すと、以下の置換文字列を使用することができます。</p>
+
+<dl>
+ <dt><code>%o</code> または <code>%O</code></dt>
+ <dd>JavaScript オブジェクトを出力します。オブジェクト名をクリックすると、調査ツールで詳細情報を表示します。</dd>
+ <dt><code>%d</code> または <code>%i</code></dt>
+ <dd>整数値を出力します。数値の書式設定をサポートしています。例えば <code>console.log("Foo %.2d", 1.1)</code> は、先頭に 0 を補った有効数字 2 桁の数値として出力します: <code>Foo 01</code></dd>
+ <dt><code>%s</code></dt>
+ <dd>文字列を出力します。</dd>
+ <dt><code>%f</code></dt>
+ <dd>浮動小数点数値を出力します。数値の書式設定に対応しています。例えば <code>console.log("Foo %.2f", 1.1)</code> は、小数部分が 2 桁の数値として出力し、 <code>Foo 1.10</code> となります。</dd>
+</dl>
+
+<div class="note">
+<p><strong>注</strong>: 精度の書式は Chrome では動作しません。</p>
+</div>
+
+<p>これらは引数リストの書式化文字列の後にある引数を引用します。例えば次のようになります。</p>
+
+<pre class="notranslate">for (var i=0; i&lt;5; i++) {
+  console.log("Hello, %s. You've called me %d times.", "Bob", i+1);
+}
+</pre>
+
+<p>出力は以下のようになります。</p>
+
+<pre class="notranslate">[13:14:13.481] Hello, Bob. You've called me 1 times.
+[13:14:13.483] Hello, Bob. You've called me 2 times.
+[13:14:13.485] Hello, Bob. You've called me 3 times.
+[13:14:13.487] Hello, Bob. You've called me 4 times.
+[13:14:13.488] Hello, Bob. You've called me 5 times.
+</pre>
+
+<h4 id="Styling_console_output" name="Styling_console_output">コンソールの出力のスタイル付け</h4>
+
+<p><code>%c</code> ディレクティブを使用すると、コンソールの出力に CSS スタイルを適用することができます。</p>
+
+<pre class="brush: js notranslate">console.log("This is %cMy stylish message", "color: yellow; font-style: italic; background-color: blue;padding: 2px");</pre>
+
+<p>ディレクティブの前のテキストは影響を受けませんが、ディレクティブの後ろのテキストは引数の CSS 宣言を使用して装飾されます。</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/12527/CSS-styling.png" style="display: block; margin: 0 auto;"></p>
+
+<p><code>%c</code> で利用できるプロパティは次の通りです (少なくとも、 Firefox では — 他のブラウザーでは異なる可能性があります)。</p>
+
+<ul>
+ <li>{{cssxref("background")}} and its longhand equivalents.</li>
+ <li>{{cssxref("border")}} and its longhand equivalents</li>
+ <li>{{cssxref("border-radius")}}</li>
+ <li>{{cssxref("box-decoration-break")}}</li>
+ <li>{{cssxref("box-shadow")}}</li>
+ <li>{{cssxref("clear")}} and {{cssxref("float")}}</li>
+ <li>{{cssxref("color")}}</li>
+ <li>{{cssxref("cursor")}}</li>
+ <li>{{cssxref("display")}}</li>
+ <li>{{cssxref("font")}} and its longhand equivalents</li>
+ <li>{{cssxref("line-height")}}</li>
+ <li>{{cssxref("margin")}}</li>
+ <li>{{cssxref("outline")}} and its longhand equivalents</li>
+ <li>{{cssxref("padding")}}</li>
+ <li><code>text-*</code> properties such as {{cssxref("text-transform")}}</li>
+ <li>{{cssxref("white-space")}}</li>
+ <li>{{cssxref("word-spacing")}} and {{cssxref("word-break")}}</li>
+ <li>{{cssxref("writing-mode")}}</li>
+</ul>
+
+<div class="blockIndicator note">
+<p><strong>注</strong>: コンソールメッセージは、既定ではインライン要素と同様に動作します。 <code>padding</code>, <code>margin</code> などの効果を得たい場合は、例えば <code>display: inline-block</code> のように設定してください。</p>
+</div>
+
+<h3 id="Using_groups_in_the_console" name="Using_groups_in_the_console">コンソールでのグループの使用</h3>
+
+<p>関連するデータを視覚的に結合することによりコンソール出力をまとめるのに役立つ、入れ子になったグループを使用することができます。新たな入れ子のブロックを作成するには、<code>console.group()</code> を呼び出します。<code>console.groupCollapsed()</code> メソッドはも似ていますが、こちらは折りたたまれた状態の新たなブロックを作成し、中身を読むには展開ボタンを操作してブロックを開く必要があります。</p>
+
+<p>現在のグループを抜けるには、console.groupEnd() を呼び出します。例えば、以下のコードを実行します。</p>
+
+<pre class="brush: js notranslate">console.log("This is the outer level");
+console.group("First group");
+console.log("In the first group");
+console.group("Second group");
+console.log("In the second group");
+console.warn("Still in the second group");
+console.groupEnd();
+console.log("Back to the first group");
+console.groupEnd();
+console.debug("Back to the outer level");
+</pre>
+
+<p>出力は以下のようになります。</p>
+
+<p><img alt="Demo of nested groups in Firefox console" src="https://mdn.mozillademos.org/files/16911/console_groups_demo.png" style="height: 169px; width: 236px;"></p>
+
+<h3 id="Timers" name="Timers">タイマー</h3>
+
+<p>特定の操作にかかる時間を計るため、タイマーを設定することができます。タイマーを開始するには、引数で名前を指定して <code>console.time()</code> メソッドを呼び出します。タイマーを停止して経過時間をミリ秒単位で取得するには、タイマーの名前をまた引数で指定して <code>console.timeEnd()</code> メソッドを呼び出します。ページあたり最大 10,000 個のタイマーを同時に動かすことができます。</p>
+
+<p>例えば、以下のコードを実行します。</p>
+
+<pre class="brush: js notranslate">console.time("answer time");
+alert("Click to continue");
+console.timeLog("answer time");
+alert("Do a bunch of other stuff...");
+console.timeEnd("answer time");
+</pre>
+
+<p>ユーザーがアラートボックスを解除するのにかかった時間を記録し、その時間をコンソールに記録し、ユーザーが2回目のアラートを解除するのを待ってから、終了時間をコンソールに記録します。</p>
+
+<p><img alt="timerresult.png" class="default internal" src="https://mdn.mozillademos.org/files/16113/console-timeLog.png" style="border: 1px solid black; height: 102px; margin: 0 auto; width: 318px;"></p>
+
+<p>タイマーの名前は、タイマーの開始時と停止時の両方で表示されることに注意してください。</p>
+
+<p class="note"><strong>注:</strong> タイマーをネットワーク通信の時間の計測に用いる場合、タイマーはトランザクション全体の所要時間を報告しますが、ネットワークパネルに表示される時間はヘッダーの処理にかかった時間だけを表すことに注意してください。レスポンス本文の記録を有効にしている場合は、レスポンスヘッダーとレスポンス本文それぞれに表示される所要時間の合計が、コンソールに出力されている時間に一致します。</p>
+
+<h3 id="Stack_traces" name="Stack_traces">スタックトレース</h3>
+
+<p>console オブジェクトはスタックトレースの出力にも対応しています。これは {{domxref("console.trace()")}} を呼び出した場所へ至るための呼び出し経路を表示するものです。以下のコードで考えましょう:</p>
+
+<pre class="brush: js notranslate">function foo() {
+  function bar() {
+    console.trace();
+  }
+  bar();
+}
+
+foo();
+</pre>
+
+<p>コンソールへの出力内容は以下のようになります。</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/7167/api-trace2.png" style="display: block; margin-left: auto; margin-right: auto;"></p>
+
+<h2 id="Specifications" name="Specifications">仕様書</h2>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">仕様書</th>
+ <th scope="col">状態</th>
+ <th scope="col">備考</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{SpecName('Console API')}}</td>
+ <td>{{Spec2('Console API')}}</td>
+ <td>初回定義</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div>
+
+<p>{{Compat("api.Console")}}</p>
+
+<h2 id="Notes" name="Notes">注</h2>
+
+<ul>
+ <li>少なくとも Firefox では、ページで <code>console</code> オブジェクトを定義すると Firefox が内蔵している console オブジェクトをオーバーライドします。</li>
+</ul>
+
+<h2 id="See_also" name="See_also">関連情報</h2>
+
+<ul>
+ <li><a href="/ja/docs/Tools" title="Tools">Firefox 開発ツール</a></li>
+ <li><a href="/ja/docs/Tools/Web_Console" title="Web Console">ウェブコンソール</a> — Firefox でウェブコンソールが console API の呼び出しを処理する方法</li>
+ <li><a href="/ja/docs/Tools/Remote_Debugging">リモートデバッグ</a> — モバイル端末がデバッグ対象である場合に、console の出力を確認する方法</li>
+</ul>
+
+<h3 id="Other_implementations" name="Other_implementations">その他の実装</h3>
+
+<ul>
+ <li><a href="https://developers.google.com/chrome-developer-tools/docs/console-api">Google Chrome DevTools</a></li>
+ <li><a href="https://docs.microsoft.com/en-us/microsoft-edge/devtools-guide/console/console-api">Microsoft Edge DevTools</a></li>
+ <li><a href="https://developer.apple.com/library/safari/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/Console/Console.html">Safari Web Inspector</a></li>
+</ul>
diff --git a/files/ja/web/api/console/info/index.html b/files/ja/web/api/console/info/index.html
new file mode 100644
index 0000000000..92d3ccd666
--- /dev/null
+++ b/files/ja/web/api/console/info/index.html
@@ -0,0 +1,66 @@
+---
+title: Console.info()
+slug: Web/API/console/info
+tags:
+ - API
+ - Debugging
+ - Method
+ - NeedsBrowserCompatibility
+ - Web Development
+ - web console
+translation_of: Web/API/Console/info
+---
+<div>{{APIRef("Console API")}}</div>
+
+<p>Web コンソールに情報メッセージを出力します。Firefox および Chrome では、Web コンソールでこれらの項目の隣に小さな "i" のアイコンを表示します。</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox">console.info(<em>obj1</em> [, <em>obj2</em>, ..., <em>objN</em>]);
+console.info(<em>msg</em> [, <em>subst1</em>, ..., <em>substN</em>]);
+</pre>
+
+<h2 id="Parameters" name="Parameters">引数</h2>
+
+<dl>
+ <dt><code>obj1</code> ... <code>objN</code></dt>
+ <dd>出力する JavaScript オブジェクトのリスト。各オブジェクトを文字列で表現したものを、リストの並び順に追記して出力します。</dd>
+ <dt><code>msg</code></dt>
+ <dd>0 個以上の置換文字列を含む JavaScript 文字列。</dd>
+ <dt><code>subst1</code> ... <code>substN</code></dt>
+ <dd><code>msg</code> 内の置換文字列を置き換える JavaScript オブジェクト。これにより、出力形式を高度に制御できます。</dd>
+</dl>
+
+<p>詳しくは {{domxref("console")}} のドキュメントで、<a href="/ja/docs/Web/API/console#Outputting_text_to_the_console">コンソールにテキストを出力する</a> をご覧ください。</p>
+
+<h2 id="Specifications" name="Specifications">仕様</h2>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">仕様書</th>
+ <th scope="col">策定状況</th>
+ <th scope="col">コメント</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{SpecName("Console API", "#consoleinfoobject--object-", "console.info()")}}</td>
+ <td>{{Spec2("Console API")}}</td>
+ <td>最初期の定義</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザ実装状況</h2>
+
+<p>{{Compat("api.Console.info")}}</p>
+
+<h2 id="See_also" name="See_also">関連情報</h2>
+
+<ul>
+ <li><a href="http://www.opera.com/dragonfly/documentation/console/">Opera Dragonfly documentation: Console</a></li>
+ <li><a href="http://msdn.microsoft.com/library/gg589530">MSDN: F12 ツールのコンソールを使ったエラーおよびステータスの表示</a></li>
+</ul>
diff --git a/files/ja/web/api/console/log/index.html b/files/ja/web/api/console/log/index.html
new file mode 100644
index 0000000000..7307c94e17
--- /dev/null
+++ b/files/ja/web/api/console/log/index.html
@@ -0,0 +1,101 @@
+---
+title: console.log()
+slug: Web/API/Console/log
+tags:
+ - API
+ - DOM
+ - Debugging
+ - HTML-tree
+ - Method
+ - Reference
+ - Web Development
+ - console
+ - console.dir()
+ - console.log()
+ - difference
+ - web console
+translation_of: Web/API/Console/log
+---
+<div>{{APIRef("Console API")}}</div>
+
+<p><span class="seoSummary">{{domxref("Console")}} の <strong><code>log()</code></strong> メソッドは、ウェブコンソールにメッセージを出力します。</span>このメッセージは単一の文字列 (オプションの置換値を含む) であることもあれば、1 つ以上の JavaScript オブジェクトであることもあります。</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox notranslate">console.log(<var>obj1</var> [, <var>obj2</var>, ..., <var>objN</var>]);
+console.log(<var>msg</var> [, <var>subst1</var>, ..., <var>substN</var>]);
+</pre>
+
+<h3 id="Parameters" name="Parameters">引数</h3>
+
+<dl>
+ <dt><code>obj1</code> ... <code>objN</code></dt>
+ <dd>出力する JavaScript オブジェクトのリスト。各オブジェクトの文字列表現が記述順で出力されます。 Chrome や Firefox の比較的新しいバージョンを使っているなら注意が必要です。これらのブラウザーで記録されるのは<em>オブジェクトへの参照</em>です。そのため、 <code>console.log()</code> を呼び出した時点でのオブジェクトの「値」が表示されるのではなく、内容を見るために開いた時点での値が表示されます。</dd>
+ <dt><code>msg</code></dt>
+ <dd>0 個以上の置換文字列を含む JavaScript 文字列</dd>
+ <dt><code>subst1</code> ... <code>substN</code></dt>
+ <dd>JavaScript オブジェクトと <code>msg</code> 内の置換文字列を置換。これにより、出力の書式の詳細な制御が可能となります。</dd>
+</dl>
+
+<p>詳細については {{domxref("console")}} の「<a href="/ja/docs/Web/API/console#Outputting_text_to_the_console">コンソールへのテキスト出力</a>」の節を参照して下さい。</p>
+
+<h2 id="log_と_dir_との違い">log() と dir() との違い</h2>
+
+<p>{{domxref("console.dir()")}} と <code>console.log()</code> の違いは何かという疑問を持つかもしれません。</p>
+
+<p>Chrome では、コンソールに DOM 要素を送信した場合に大きな違いがあります。</p>
+
+<p><img alt="" src="https://i.imgur.com/DozDcYR.png"></p>
+
+<p>ポイント:</p>
+
+<ul>
+ <li><code>console.log</code> は、要素を HTML 状のツリーとして出力します。</li>
+ <li><code>console.dir</code> は、要素を JSON 状のツリーとして出力します。</li>
+</ul>
+
+<p>特に、<code>console.log</code> は DOM 要素の取り扱いに特化していますが、<code>console.dir</code> はそうではありません。これは、DOM JS オブジェクトの全容を表現しようとする場合に役立ちます。</p>
+
+<p>これらの機能に関する詳細情報が、<a href="https://developers.google.com/chrome-developer-tools/docs/console-api#consoledirobject">Chrome Console API reference</a> に掲載されています。</p>
+
+<h2 id="Logging_objects" name="Logging_objects">オブジェクトのログ出力</h2>
+
+<p><code>console.log(obj)</code> を使わず、 <code>console.log(JSON.parse(JSON.stringify(obj)))</code> を使用してください。</p>
+
+<p>これにより、ログを記録した瞬間の <code>obj</code> の値を確実に見ることができます。こうしないと、多くのブラウザーでは値が変化したときに常に更新されるライブビューになります。これは望むことではないかもしれません。</p>
+
+<h2 id="Specification" name="Specification">仕様書</h2>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">仕様書</th>
+ <th scope="col">状態</th>
+ <th scope="col">備考</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{SpecName("Console API", "#log", "console.log()")}}</td>
+ <td>{{Spec2("Console API")}}</td>
+ <td>初回定義</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div>
+
+<p>{{Compat("api.Console.log")}}</p>
+
+<h2 id="See_also" name="See_also">関連情報</h2>
+
+<ul>
+ <li><a class="external" href="http://www.opera.com/dragonfly/documentation/console/">Opera Dragonfly documentation: Console</a></li>
+ <li><a class="external" href="http://msdn.microsoft.com/library/gg589530">MSDN: F12 ツールのコンソールを使ったエラーおよびステータスの表示</a></li>
+ <li><a href="http://getfirebug.com/wiki/index.php/Console_API">Firebug wiki: Console API</a> - Firebug は console.log() で <a href="http://www.softwareishard.com/blog/firebug/firebug-tip-styled-logging/">『スタイリングされたログ出力』</a> などの追加機能もサポートしています。</li>
+ <li><a href="http://nodejs.org/docs/latest/api/console.html#console_console_log_data">NodeJS: Console API</a></li>
+</ul>
diff --git a/files/ja/web/api/console/profile/index.html b/files/ja/web/api/console/profile/index.html
new file mode 100644
index 0000000000..99c5ab6bdf
--- /dev/null
+++ b/files/ja/web/api/console/profile/index.html
@@ -0,0 +1,126 @@
+---
+title: Console.profile()
+slug: Web/API/console/profile
+tags:
+ - API
+ - DOM
+ - Debugging
+ - Method
+ - Reference
+ - Web Development
+ - profile
+ - web console
+translation_of: Web/API/Console/profile
+---
+<p>{{APIRef("Console API")}}{{Non-standard_header}}</p>
+
+<p>パフォーマンスプロファイル (例えば <a href="/ja/docs/Tools/Performance">Firefox の パフォーマンスツール</a>) の記録を開始します。</p>
+
+<p>任意でプロファイル名を引数として与えることができ、複数のプロファイルを記録している場合に特定のプロファイルのみ停止することができます。引数の解釈方法については、{{domxref("Console.profileEnd()")}} をご覧ください。</p>
+
+<p>{{domxref("Console.profileEnd()")}} を呼び出すと、記録を終了します。</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox">console.profile(<em>profileName</em>);
+</pre>
+
+<h2 id="Parameters" name="Parameters">引数</h2>
+
+<dl>
+ <dt><code>profileName</code></dt>
+ <dd>プロファイルにつける名前。省略可能です。</dd>
+</dl>
+
+<h2 id="Specifications" name="Specifications">仕様</h2>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">仕様書</th>
+ <th scope="col">策定状況</th>
+ <th scope="col">コメント</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{SpecName("Console API", "#consoleprofilelabel", "console.profile()")}}</td>
+ <td>{{Spec2("Console API")}}</td>
+ <td>最初期の定義</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザ実装状況</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>機能</th>
+ <th>Chrome</th>
+ <th>Firefox (Gecko)</th>
+ <th>Internet Explorer</th>
+ <th>Opera</th>
+ <th>Safari</th>
+ </tr>
+ <tr>
+ <td>基本サポート</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ </tr>
+ <tr>
+ <td>Worker で使用可能</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatGeckoDesktop("38.0")}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>機能</th>
+ <th>Android</th>
+ <th>Firefox Mobile (Gecko)</th>
+ <th>IE Mobile</th>
+ <th>Opera Mobile</th>
+ <th>Safari Mobile</th>
+ </tr>
+ <tr>
+ <td>基本サポート</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatGeckoMobile("10.0")}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ </tr>
+ <tr>
+ <td>Worker で使用可能</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatGeckoMobile("38.0")}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">関連情報</h2>
+
+<ul>
+ <li>{{domxref("Console.profileEnd()")}}</li>
+</ul>
diff --git a/files/ja/web/api/console/profileend/index.html b/files/ja/web/api/console/profileend/index.html
new file mode 100644
index 0000000000..b6b29ad82b
--- /dev/null
+++ b/files/ja/web/api/console/profileend/index.html
@@ -0,0 +1,130 @@
+---
+title: Console.profileEnd()
+slug: Web/API/console/profileEnd
+tags:
+ - API
+ - DOM
+ - Debugging
+ - Method
+ - Reference
+ - Web Development
+ - profileEnd
+ - web console
+translation_of: Web/API/Console/profileEnd
+---
+<p>{{APIRef("Console API")}}{{Non-standard_header}}</p>
+
+<p>profileEnd メソッドは、{{domxref("Console.profile()")}} で開始したプロファイルの記録を終了します。</p>
+
+<p>任意で引数にプロファイル名を与えることができます。引数を与えると、複数のプロファイルを記録している場合に特定のプロファイルのみ停止することができます。</p>
+
+<ul>
+ <li>記録中のプロファイル名に一致する名称を <code>Console.profileEnd()</code> に渡すと、そのプロファイルを終了します。</li>
+ <li>記録中のプロファイル名に一致しない名称を <code>Console.profileEnd()</code> に渡すと、何も行いません。</li>
+ <li><code>Console.profileEnd()</code> にプロファイル名を渡さない場合は、直近に開始したプロファイルを終了します。</li>
+</ul>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox">console.profileEnd(<em>profileName</em>);
+</pre>
+
+<h2 id="Parameters" name="Parameters">引数</h2>
+
+<dl>
+ <dt><code>profileName</code></dt>
+ <dd>プロファイルにつける名前。この引数は省略可能です。</dd>
+</dl>
+
+<h2 id="Specifications" name="Specifications">仕様</h2>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">仕様書</th>
+ <th scope="col">策定状況</th>
+ <th scope="col">コメント</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{SpecName("Console API", "#consoleprofileend", "console.profileEnd()")}}</td>
+ <td>{{Spec2("Console API")}}</td>
+ <td>最初期の定義</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザ実装状況</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>機能</th>
+ <th>Chrome</th>
+ <th>Firefox (Gecko)</th>
+ <th>Internet Explorer</th>
+ <th>Opera</th>
+ <th>Safari</th>
+ </tr>
+ <tr>
+ <td>基本サポート</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ </tr>
+ <tr>
+ <td>Worker で使用可能</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatGeckoDesktop("38.0")}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>機能</th>
+ <th>Android</th>
+ <th>Firefox Mobile (Gecko)</th>
+ <th>IE Mobile</th>
+ <th>Opera Mobile</th>
+ <th>Safari Mobile</th>
+ </tr>
+ <tr>
+ <td>基本サポート</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatGeckoMobile("10.0")}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ </tr>
+ <tr>
+ <td>Worker で使用可能</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatGeckoMobile("38.0")}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">関連情報</h2>
+
+<ul>
+ <li>{{domxref("Console.profile()")}}</li>
+</ul>
diff --git a/files/ja/web/api/console/table/index.html b/files/ja/web/api/console/table/index.html
new file mode 100644
index 0000000000..a19551948b
--- /dev/null
+++ b/files/ja/web/api/console/table/index.html
@@ -0,0 +1,208 @@
+---
+title: Console.table()
+slug: Web/API/console/table
+tags:
+ - API
+ - DOM
+ - Debugging
+ - Method
+ - Web Development
+ - web console
+translation_of: Web/API/Console/table
+---
+<div>{{APIRef("Console API")}}{{Non-standard_header}}</div>
+
+<p><span class="seoSummary">表形式のデータを、表で表示します。</span></p>
+
+<p>この関数は必須の引数 <code>data</code> があり、これは配列またはオブジェクトでなければなりません。また、省略可能な引数 <code>columns</code> もあります。</p>
+
+<p><code>data</code> を表として出力します。配列の各要素 (<code>data</code> がオブジェクトである場合は、列挙可能なプロパティ) が、表の行になります。</p>
+
+<p>表の 1 番目の列に、<code>(添字)</code> というラベルがつきます。<code>data</code> が配列である場合、この値は配列の添字になります。<code>data</code> がオブジェクトである場合、この値はプロパティ名になります。(Firefox では) <code>console.table</code> は表示する行が 1000 行 (最初の行は見出し) に制限されていますので注意してください。</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h3 id="Collections_of_primitive_types" name="Collections_of_primitive_types">プリミティブ型の集合</h3>
+
+<p>引数 <code>data</code> に、配列またはオブジェクトを渡すことができます。</p>
+
+<pre class="brush: js">// 文字列の配列
+
+console.table(["apples", "oranges", "bananas"]);</pre>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/8567/console-table-array.png"></p>
+
+<pre class="brush: js">// 値が文字列のプロパティを持つオブジェクト
+
+function Person(firstName, lastName) {
+  this.firstName = firstName;
+  this.lastName = lastName;
+}
+
+var me = new Person("John", "Smith");
+
+console.table(me);</pre>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/8559/console-table-simple-object.png"></p>
+
+<h3 id="Collections_of_compound_types" name="Collections_of_compound_types">複合的な型の集合</h3>
+
+<p>配列の要素やオブジェクトのプロパティ自体が配列やオブジェクトである場合、それらの要素やプロパティを 1 列ずつ置く形で、各行に列挙します:</p>
+
+<pre class="brush: js">// 配列の配列
+
+var people = [["John", "Smith"], ["Jane", "Doe"], ["Emily", "Jones"]]
+console.table(people);</pre>
+
+<p><img alt="Table displaying array of arrays" src="https://mdn.mozillademos.org/files/8561/console-table-array-of-array.png"></p>
+
+<pre class="brush: js">// オブジェクトの配列
+
+function Person(firstName, lastName) {
+ this.firstName = firstName;
+ this.lastName = lastName;
+}
+
+var john = new Person("John", "Smith");
+var jane = new Person("Jane", "Doe");
+var emily = new Person("Emily", "Jones");
+
+console.table([john, jane, emily]);</pre>
+
+<p>配列がオブジェクトを含む場合、表の列名はプロパティ名になります。</p>
+
+<p><img alt="Table displaying array of objects" src="https://mdn.mozillademos.org/files/8563/console-table-array-of-objects.png"></p>
+
+<pre class="brush: js">// 値がオブジェクトのプロパティを持つオブジェクト
+
+var family = {};
+
+family.mother = new Person("Jane", "Smith");
+family.father = new Person("John", "Smith");
+family.daughter = new Person("Emily", "Smith");
+
+console.table(family);</pre>
+
+<p><img alt="Table displaying object of objects" src="https://mdn.mozillademos.org/files/8565/console-table-object-of-objects.png"></p>
+
+<h3 id="Restricting_the_columns_displayed" name="Restricting_the_columns_displayed">表示する列を制限する</h3>
+
+<p>デフォルトでは、<code>console.table()</code> はすべての要素を各行に出力します。省略可能な引数 <code>columns</code> を使用して、表示する列のサブセットを選択できます:</p>
+
+<pre class="brush: js">// オブジェクトの配列、ただし firstName のみ表示
+
+function Person(firstName, lastName) {
+ this.firstName = firstName;
+ this.lastName = lastName;
+}
+
+var john = new Person("John", "Smith");
+var jane = new Person("Jane", "Doe");
+var emily = new Person("Emily", "Jones");
+
+console.table([john, jane, emily], ["firstName"]);</pre>
+
+<p><img alt="Table displaying array of objects with filtered output" src="https://mdn.mozillademos.org/files/8569/console-table-array-of-objects-firstName-only.png"></p>
+
+<h3 id="Sorting_columns" name="Sorting_columns">列で並べ替える</h3>
+
+<p>列の見出しをクリックすると、その列の値で表を並べ替えることができます。</p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox">console.table(data [, <em>columns</em>]);
+</pre>
+
+<h3 id="Parameters" name="Parameters">引数</h3>
+
+<dl>
+ <dt><code>data</code></dt>
+ <dd>表示するデータ。配列またはオブジェクトでなければなりません。</dd>
+ <dt><code>columns</code></dt>
+ <dd>出力する列名を持つ配列。</dd>
+</dl>
+
+<h2 id="Specifications" name="Specifications">仕様</h2>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">仕様書</th>
+ <th scope="col">策定状況</th>
+ <th scope="col">コメント</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{SpecName("Console API", "#consoletabledata-columns", "console.table()")}}</td>
+ <td>{{Spec2("Console API")}}</td>
+ <td>最初期の定義</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザ実装状況</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>機能</th>
+ <th>Chrome</th>
+ <th>Firefox (Gecko)</th>
+ <th>Internet Explorer</th>
+ <th>Opera</th>
+ <th>Safari</th>
+ </tr>
+ <tr>
+ <td>基本サポート</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{CompatGeckoDesktop("34.0")}}</td>
+ <td>{{CompatNo}}</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{CompatNo}}</td>
+ </tr>
+ <tr>
+ <td>Worker で使用可能</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{CompatGeckoDesktop("38.0")}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>機能</th>
+ <th>Android</th>
+ <th>Firefox Mobile (Gecko)</th>
+ <th>IE Mobile</th>
+ <th>Opera Mobile</th>
+ <th>Safari Mobile</th>
+ </tr>
+ <tr>
+ <td>基本サポート</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatGeckoMobile("34.0")}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ </tr>
+ <tr>
+ <td>Worker で使用可能</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatGeckoMobile("38.0")}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ </tr>
+ </tbody>
+</table>
+</div>
diff --git a/files/ja/web/api/console/time/index.html b/files/ja/web/api/console/time/index.html
new file mode 100644
index 0000000000..fc1118028c
--- /dev/null
+++ b/files/ja/web/api/console/time/index.html
@@ -0,0 +1,66 @@
+---
+title: Console.time()
+slug: Web/API/Console/time
+tags:
+ - API
+ - DOM
+ - Debugging
+ - Method
+ - Web Development
+ - console
+ - web console
+ - メソッド
+translation_of: Web/API/Console/time
+---
+<div>{{APIRef("Console API")}}</div>
+
+<p>処理時間がどれくらいかを計測するために使用することができるタイマーを開始します。各タイマーに一意の名前を付ければ、ページ内に10,000個までのタイマーを実行させることができます。同じ名前を引数として {{domxref("console.timeEnd()")}} を呼び出すと、タイマー開始からの経過時間がミリ秒単位で出力されます。</p>
+
+<p>詳細や使用例については、 {{domxref("console")}} のページの 『<a href="/ja/docs/Web/API/console#Timers">タイマー</a>』 を参照して下さい。</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox">console.time(<var>label</var>);
+</pre>
+
+<h2 id="Parameters" name="Parameters">引数</h2>
+
+<dl>
+ <dt><code><var>label</var></code></dt>
+ <dd>新しいタイマーにつける名前。各タイマーの識別に用います。同じ名前を使用して {{domxref("console.timeEnd()")}} を呼び出すと、タイマーを終了して時間をコンソールに出力します。</dd>
+</dl>
+
+<h2 id="Specification" name="Specification">仕様書</h2>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">仕様書</th>
+ <th scope="col">状態</th>
+ <th scope="col">備考</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{SpecName("Console API", "#consoletimelabel", "console.time()")}}</td>
+ <td>{{Spec2("Console API")}}</td>
+ <td>初回定義</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの対応</h2>
+
+<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div>
+
+<p>{{Compat("api.Console.time")}}</p>
+
+<h2 id="See_also" name="See_also">関連情報</h2>
+
+<ul>
+ <li>{{domxref("Console.timeEnd()")}}</li>
+ <li>{{domxref("Console.timeLog()")}}</li>
+ <li><a class="external" href="http://www.opera.com/dragonfly/documentation/console/">Opera Dragonfly documentation: Console</a></li>
+</ul>
diff --git a/files/ja/web/api/console/timeend/index.html b/files/ja/web/api/console/timeend/index.html
new file mode 100644
index 0000000000..da6c41ee42
--- /dev/null
+++ b/files/ja/web/api/console/timeend/index.html
@@ -0,0 +1,129 @@
+---
+title: console.timeEnd
+slug: Web/API/Console/timeEnd
+tags:
+ - API
+ - DOM
+ - Debugging
+ - Method
+ - Non-standard
+ - Web Development
+ - console
+ - web console
+translation_of: Web/API/Console/timeEnd
+---
+<div>{{APIRef("Console API")}}{{Non-standard_header}}</div>
+
+<h2 id="Summary" name="Summary">概要</h2>
+
+<p>{{domxref("console.time()")}} の呼び出しによって開始したタイマーを停止します。</p>
+
+<p>詳細や使用例については、 {{domxref("console")}} のページの 『<a href="/ja/docs/Web/API/console#Timers">タイマー</a>』 の章を参照して下さい。</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox">console.timeEnd(<var>timerName</var>);
+</pre>
+
+<h3 id="Parameters" name="Parameters">引数</h3>
+
+<dl>
+ <dt><code>timerName</code></dt>
+ <dd>停止するタイマーの名前。停止時に、この名前を伴って <a href="/ja/docs/Tools/Web_Console">Web コンソール</a>に経過時間が表示されます。</dd>
+</dl>
+
+<h2 id="Specification" name="Specification">仕様</h2>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">仕様書</th>
+ <th scope="col">策定状況</th>
+ <th scope="col">コメント</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{SpecName("Console API", "#consoletimeendlabel", "console.timeEnd()")}}</td>
+ <td>{{Spec2("Console API")}}</td>
+ <td>最初期の定義</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザ実装状況</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>機能</th>
+ <th>Chrome</th>
+ <th>Firefox (Gecko)</th>
+ <th>Internet Explorer</th>
+ <th>Opera</th>
+ <th>Safari</th>
+ </tr>
+ <tr>
+ <td>基本サポート</td>
+ <td>2</td>
+ <td>{{CompatGeckoDesktop("10.0")}}</td>
+ <td>11</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>4.0</td>
+ </tr>
+ <tr>
+ <td>Worker で使用可能</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatGeckoDesktop("38.0")}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>機能</th>
+ <th>Android</th>
+ <th>Firefox Mobile (Gecko)</th>
+ <th>IE Mobile</th>
+ <th>Opera Mobile</th>
+ <th>Safari Mobile</th>
+ </tr>
+ <tr>
+ <td>基本サポート</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatGeckoDesktop("10.0")}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ </tr>
+ <tr>
+ <td>Worker で使用可能</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatGeckoDesktop("38.0")}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">関連情報</h2>
+
+<ul>
+ <li>{{domxref("console.time")}}</li>
+ <li><a href="http://www.opera.com/dragonfly/documentation/console/">Opera Dragonfly documentation: Console</a></li>
+ <li><a href="http://msdn.microsoft.com/library/gg589530">MSDN: F12 ツールのコンソールを使ったエラーおよびステータスの表示</a></li>
+ <li><a href="http://getfirebug.com/wiki/index.php/Console_API#console.timeEnd.28name.29">Console API - FirebugWiki</a></li>
+</ul>
diff --git a/files/ja/web/api/console/timestamp/index.html b/files/ja/web/api/console/timestamp/index.html
new file mode 100644
index 0000000000..1495727272
--- /dev/null
+++ b/files/ja/web/api/console/timestamp/index.html
@@ -0,0 +1,125 @@
+---
+title: Console.timeStamp()
+slug: Web/API/console/timeStamp
+tags:
+ - API
+ - DOM
+ - Debugging
+ - Method
+ - NeedsBrowserCompatibility
+ - Web Development
+ - web console
+translation_of: Web/API/Console/timeStamp
+---
+<div>{{APIRef("Console API")}}{{Non-standard_header}}</div>
+
+<p>ブラウザの <a class="external external-icon" href="https://developer.chrome.com/devtools/docs/timeline">Timeline</a> や<a href="/ja/docs/Tools/Performance/Waterfall">タイムライン</a>ツールにマーカーを 1 個追加します。レイアウトや描画のイベントなど、タイムラインで記録された他のイベントと、コード内のある位置を関連付けることができます。</p>
+
+<p>任意で引数に、タイムラインのラベルを与えることができます。このラベルは、マーカーのそばに表示されます。</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox">console.timeStamp(label);
+</pre>
+
+<h2 id="Parameters" name="Parameters">引数</h2>
+
+<dl>
+ <dt><code>label</code></dt>
+ <dd>タイムスタンプのラベル。省略可能です。</dd>
+</dl>
+
+<h2 id="Specifications" name="Specifications">仕様</h2>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">仕様書</th>
+ <th scope="col">策定状況</th>
+ <th scope="col">コメント</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{SpecName("Console API", "#consoletimestamplabel", "console.timeStamp()")}}</td>
+ <td>{{Spec2("Console API")}}</td>
+ <td>最初期の定義</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザ実装状況</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>機能</th>
+ <th>Chrome</th>
+ <th>Firefox (Gecko)</th>
+ <th>Internet Explorer</th>
+ <th>Opera</th>
+ <th>Safari</th>
+ </tr>
+ <tr>
+ <td>基本サポート</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{CompatNo}}</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{CompatVersionUnknown}}</td>
+ </tr>
+ <tr>
+ <td>Worker で使用可能</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{CompatGeckoDesktop("38.0")}}</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{CompatVersionUnknown}}</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>機能</th>
+ <th>Android</th>
+ <th>Firefox Mobile (Gecko)</th>
+ <th>IE Mobile</th>
+ <th>Opera Mobile</th>
+ <th>Safari Mobile</th>
+ </tr>
+ <tr>
+ <td>基本サポート</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatGeckoMobile("10.0")}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ </tr>
+ <tr>
+ <td>Worker で使用可能</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatGeckoMobile("38.0")}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">関連情報</h2>
+
+<ul>
+ <li>{{domxref("Console.time()")}}</li>
+ <li>{{domxref("Console.timeEnd()")}}</li>
+ <li><a href="/ja/docs/Tools/Performance/Waterfall#Timestamp_markers">タイムラインにタイムスタンプを追加する</a></li>
+</ul>
diff --git a/files/ja/web/api/console/trace/index.html b/files/ja/web/api/console/trace/index.html
new file mode 100644
index 0000000000..db2ebb2ec6
--- /dev/null
+++ b/files/ja/web/api/console/trace/index.html
@@ -0,0 +1,86 @@
+---
+title: Console.trace()
+slug: Web/API/console/trace
+tags:
+ - API
+ - Chrome
+ - DOM
+ - Debugging
+ - Firefox
+ - Method
+ - NeedsBrowserCompatibility
+ - String
+ - Web Development
+ - console
+ - console.trace()
+ - trace
+ - web console
+translation_of: Web/API/Console/trace
+---
+<div>{{APIRef("Console API")}}</div>
+
+<p>{{domxref("console")}} インタフェースの <code><strong>trace()</strong></code> メソッドは、<a href="/ja/docs/Tools/Web_Console">Web コンソール</a>にスタックトレースを出力します。</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<p>詳細や使用例については、{{domxref("console")}} のドキュメントの <a href="/ja/docs/Web/API/console#Stack_traces">スタックトレース</a> をご覧ください。</p>
+
+<h2 id="構文">構文</h2>
+
+<pre class="syntaxbox">console.trace( [...<var>any</var>, ...<var>data</var> ]);</pre>
+
+<h3 id="引数">引数</h3>
+
+<dl>
+ <dt><code>...<var>any</var>, ...<var>data</var></code> {{optional_inline}}</dt>
+ <dd>コンソールにスタックトレースとともに出力されるゼロ個以上のオブジェクト。これらは、{{domxref("console.log()")}}<span class="tlid-translation translation" lang="ja"><span title="">メソッドに渡される場合と同じ方法でアセンブルおよびフォーマットされます。</span></span></dd>
+</dl>
+
+<h2 id="例">例</h2>
+
+<pre class="brush: js">function foo() {
+ function bar() {
+ console.trace();
+ }
+ bar();
+}
+
+foo();
+</pre>
+
+<p>コンソールには次のようなトレースが表示されます。</p>
+
+<pre>bar
+foo
+&lt;anonymous&gt;</pre>
+
+<h2 id="仕様">仕様</h2>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">仕様書</th>
+ <th scope="col">策定状況</th>
+ <th scope="col">コメント</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{SpecName("Console API", "#trace", "console.trace()")}}</td>
+ <td>{{Spec2("Console API")}}</td>
+ <td>最初の定義</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="ブラウザ実装状況">ブラウザ実装状況</h2>
+
+
+
+<p>{{Compat("api.Console.trace")}}</p>
+
+<h2 id="関連情報">関連情報</h2>
+
+<ul>
+ <li><a class="external" href="http://www.opera.com/dragonfly/documentation/console/">Opera Dragonfly documentation: Console</a></li>
+</ul>
diff --git a/files/ja/web/api/console/warn/index.html b/files/ja/web/api/console/warn/index.html
new file mode 100644
index 0000000000..da40943855
--- /dev/null
+++ b/files/ja/web/api/console/warn/index.html
@@ -0,0 +1,147 @@
+---
+title: Console.warn()
+slug: Web/API/console/warn
+tags:
+ - API
+ - DOM
+ - Debugging
+ - Method
+ - NeedsBrowserCompatibility
+ - Web Development
+ - web console
+translation_of: Web/API/Console/warn
+---
+<div>{{APIRef("Console API")}}{{non-standard_header}}</div>
+
+<p>Web コンソールに警告メッセージを出力します。</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<p>{{Note("Firefox では、Web コンソールでこれらのログの隣に小さな感嘆符のアイコンを表示します。")}}</p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox">console.warn(<em>obj1</em> [, <em>obj2</em>, ..., <em>objN</em>]);
+console.warn(<em>msg</em> [, <em>subst1</em>, ..., <em>substN</em>]);
+</pre>
+
+<h2 id="Parameters" name="Parameters">引数</h2>
+
+<dl>
+ <dt><code>obj1</code> ... <code>objN</code></dt>
+ <dd>出力する JavaScript オブジェクトのリスト。各オブジェクトを文字列で表現したものを、リストの並び順に追記して出力します。</dd>
+ <dt><code>msg</code></dt>
+ <dd>0 個以上の置換文字列を含む JavaScript 文字列。</dd>
+ <dt><code>subst1</code> ... <code>substN</code></dt>
+ <dd><code>msg</code> 内の置換文字列を置き換える JavaScript オブジェクト。これにより、出力形式を高度に制御できます。</dd>
+</dl>
+
+<p>詳しくは {{domxref("console")}} のドキュメントで、<a href="/ja/docs/Web/API/console#Outputting_text_to_the_console">コンソールにテキストを出力する</a> をご覧ください。</p>
+
+<h2 id="Specifications" name="Specifications">仕様</h2>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">仕様書</th>
+ <th scope="col">策定状況</th>
+ <th scope="col">コメント</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{SpecName("Console API", "#consolewarnobject--object-", "console.warn()")}}</td>
+ <td>{{Spec2("Console API")}}</td>
+ <td>最初期の定義</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザ実装状況</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>機能</th>
+ <th>Chrome</th>
+ <th>Firefox (Gecko)</th>
+ <th>Internet Explorer</th>
+ <th>Opera</th>
+ <th>Safari</th>
+ </tr>
+ <tr>
+ <td>基本サポート</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{CompatGeckoDesktop("2.0")}}</td>
+ <td>8</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{CompatVersionUnknown}}</td>
+ </tr>
+ <tr>
+ <td>置換文字列</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatGeckoDesktop("9.0")}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ </tr>
+ <tr>
+ <td>Worker で使用可能</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatGeckoDesktop("38.0")}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>機能</th>
+ <th>Android</th>
+ <th>Firefox Mobile (Gecko)</th>
+ <th>IE Mobile</th>
+ <th>Opera Mobile</th>
+ <th>Safari Mobile</th>
+ </tr>
+ <tr>
+ <td>基本サポート</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatGeckoMobile("2.0")}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ </tr>
+ <tr>
+ <td>置換文字列</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatGeckoMobile("9.0")}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ </tr>
+ <tr>
+ <td>Worker で使用可能</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatGeckoMobile("38.0")}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">関連情報</h2>
+
+<ul>
+ <li><a href="http://www.opera.com/dragonfly/documentation/console/">Opera Dragonfly documentation: Console</a></li>
+ <li><a href="http://msdn.microsoft.com/library/gg589530">MSDN: F12 ツールのコンソールを使ったエラーおよびステータスの表示</a></li>
+</ul>