--- 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>