---
title: Client
slug: Web/API/Client
tags:
  - API
  - Client
  - Interface
  - Reference
  - Service Workers
  - Service worker API
  - ServiceWorkerClient
  - ServiceWorkers
translation_of: Web/API/Client
---
<p>{{APIRef("Service Workers API")}}</p>

<p><span class="seoSummary"><strong><code>Client</code></strong> インターフェイスは、{{domxref("Worker")}} や {{domxref("SharedWorker")}} などの実行可能なコンテキストを表します。 {{domxref("Window")}} クライアントは、より具体的な {{domxref("WindowClient")}} によって表されます。 {{domxref("Clients.matchAll","Clients.matchAll()")}} や {{domxref("Clients.get","Clients.get()")}} などのメソッドから <code>Client</code>/<code>WindowClient</code> オブジェクトを取得できます。</span></p>

<h2 id="Methods" name="Methods">メソッド</h2>

<dl>
 <dt>{{domxref("Client.postMessage()")}}</dt>
 <dd>メッセージをクライアントに送信します。</dd>
</dl>

<h2 id="Properties" name="Properties">プロパティ</h2>

<dl>
 <dt>{{domxref("Client.id")}} {{readonlyInline}}</dt>
 <dd>文字列としてのクライアントの汎用一意識別子。</dd>
 <dt>{{domxref("Client.type")}} {{readonlyInline}}</dt>
 <dd>文字列としてのクライアントの種類。 <code>"window"</code>、<code>"worker"</code>、<code>"sharedworker"</code> のいずれかです。</dd>
 <dt>{{domxref("Client.url")}} {{readonlyInline}}</dt>
 <dd>文字列としてのクライアントの URL。</dd>
</dl>

<h2 id="Specifications" name="Specifications">仕様</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">仕様</th>
   <th scope="col">状態</th>
   <th scope="col">コメント</th>
  </tr>
  <tr>
   <td>{{SpecName('Service Workers', '#client', 'Client')}}</td>
   <td>{{Spec2('Service Workers')}}</td>
   <td>初期定義</td>
  </tr>
 </tbody>
</table>

<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>



<p>{{Compat("api.Client")}}</p>

<h2 id="See_also" name="See_also">関連情報</h2>

<ul>
 <li><a href="/ja/docs/Web/API/ServiceWorker_API/Using_Service_Workers">Service worker の使用</a></li>
 <li><a href="https://jakearchibald.github.io/isserviceworkerready/">ServiceWorker の準備はできていますか？</a>（英語）</li>
 <li><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promises</a></li>
</ul>