Skip to content

Commit

Permalink
2024/07/02 時点の英語版に基づき更新
Browse files Browse the repository at this point in the history
  • Loading branch information
mfuji09 committed Aug 20, 2024
1 parent 153d428 commit 63f036a
Showing 1 changed file with 15 additions and 13 deletions.
28 changes: 15 additions & 13 deletions files/ja/web/api/console_api/index.md
Original file line number Diff line number Diff line change
@@ -1,22 +1,24 @@
---
title: Console API
title: コンソール API
slug: Web/API/Console_API
l10n:
sourceCommit: f9f48866f02963e752717310b76a70d5bdaf554c
---

{{DefaultAPISidebar("Console API")}}
{{DefaultAPISidebar("Console API")}} {{AvailableInWorkers}}

Console API(コンソール APIには、開発者がデバッグ作業(メッセージ、コード内の設定点での変数の値、操作の完了にかかった時間などの記録)を実行できるようにする機能が用意されています。
コンソール API (Console API) には、開発者がデバッグ作業(メッセージ、コード内の設定点での変数の値、操作の完了にかかった時間などの記録)を実行できるようにする機能が用意されています。

## 概念と使用方法

Console API は、一貫性のない方法ではありますが、さまざまなブラウザーで実装されている、大部分が独自の API として始まりました[Console API 仕様](https://console.spec.whatwg.org/)は、一貫した振る舞いを定義するために作成されました。 すべての最新のブラウザーは、最終的にこの振る舞いの実装に落ち着きましたが、一部の実装には独自の機能がまだ追加されています。 これらについては、次をご覧ください。
コンソール API は、主に独自の API として始められ、さまざまなブラウザーでは、実装上の不整合はあったものの、実装が行われてきました[Console API 仕様](https://console.spec.whatwg.org/)は、一貫した振る舞いを定義するために作成されました。 すべての最新のブラウザーは、最終的にこの振る舞いの実装に落ち着きましたが、一部の実装には独自の機能がまだ追加されています。 これらについては、次をご覧ください。

- [Google Chrome の開発ツールの実装](https://developers.google.com/chrome-developer-tools/docs/console-api)
- [Safari の開発ツールの実装](https://developer.apple.com/library/safari/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/Console/Console.html)
- [Google Chrome の開発ツールの実装](https://developer.chrome.com/docs/devtools/console/api/)
- [Safari の開発ツールの実装](https://developer.apple.com/library/archive/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/Console/Console.html)

使用方法は非常に簡単です{{domxref("console")}} オブジェクト — {{domxref("window.console")}} またはワーカーの {{domxref("WorkerGlobalScope.console")}} を介して利用できます。 `console` のみを使用してアクセスできます — 基本的なデバッグ作業を実行するために呼び出すことができる多くのメソッドが含まれています。 通常は、ブラウザーの[ウェブコンソール](/ja/docs/Tools/Web_Console)にさまざまな値を記録することに焦点を当てています
使用方法は非常に簡単です{{domxref("console")}} オブジェクトには、基本的なデバッグ作業を実行するために呼び出すことができる多くのメソッドが含まれており、通常はブラウザーの[ウェブコンソール](https://firefox-source-docs.mozilla.org/devtools-user/web_console/index.html)にさまざまな値をログ出力することに焦点を当てています

最も一般的に使用されるメソッドは {{domxref("console.log")}} で、特定の変数に含まれる現在の値を記録するために使用します。
最も一般的に使用されるメソッドは {{domxref("console/log_static", "console.log()")}} で、特定の変数に含まれる現在の値を記録するために使用します。

## インターフェイス

Expand All @@ -32,9 +34,9 @@ let myString = "Hello world";
console.log(myString);
```

その他の例については、[`console` のリファレンスページ](/ja/docs/Web/API/Console#Usage)を参照してください
その他の例については、[console](/ja/docs/Web/API/console) のリファレンスページを参照してください

## 仕様
## 仕様書

{{Specifications}}

Expand All @@ -44,6 +46,6 @@ console.log(myString);

## 関連情報

- [開発ツール](/ja/docs/Tools)
- [ウェブコンソール](/ja/docs/Tools/Web_Console) — Firefox のウェブコンソールが Console API の呼び出しを処理する方法
- [リモートデバッグ](/ja/docs/Tools/Remote_Debugging) — デバッグ対象がモバイルデバイスである場合のコンソール出力の表示方法
- [開発ツール](https://firefox-source-docs.mozilla.org/devtools-user/index.html)
- [ウェブコンソール](https://firefox-source-docs.mozilla.org/devtools-user/web_console/index.html) — Firefox のウェブコンソールがコンソール API の呼び出しを処理する方法
- [リモートデバッグ](https://firefox-source-docs.mozilla.org/devtools-user/remote_debugging/index.html) — デバッグ対象がモバイルデバイスである場合のコンソール出力の表示方法

0 comments on commit 63f036a

Please sign in to comment.