diff options
author | MDN <actions@users.noreply.github.com> | 2021-06-20 00:37:04 +0000 |
---|---|---|
committer | MDN <actions@users.noreply.github.com> | 2021-06-20 00:37:04 +0000 |
commit | 0d495ad297d9e90ab35f54a822cd5e4e6a670713 (patch) | |
tree | 399dbe0b28db6d16fe7d13444e41b89e02e5ddc6 /files/ja/orphaned/web/api | |
parent | bccf9a19dac45b167f5ea1a427fb682a78b48187 (diff) | |
download | translated-content-0d495ad297d9e90ab35f54a822cd5e4e6a670713.tar.gz translated-content-0d495ad297d9e90ab35f54a822cd5e4e6a670713.tar.bz2 translated-content-0d495ad297d9e90ab35f54a822cd5e4e6a670713.zip |
[CRON] sync translated content
Diffstat (limited to 'files/ja/orphaned/web/api')
-rw-r--r-- | files/ja/orphaned/web/api/ambient_light_events/index.html | 69 | ||||
-rw-r--r-- | files/ja/orphaned/web/api/devicelightevent/index.html | 59 |
2 files changed, 128 insertions, 0 deletions
diff --git a/files/ja/orphaned/web/api/ambient_light_events/index.html b/files/ja/orphaned/web/api/ambient_light_events/index.html new file mode 100644 index 0000000000..01514d7e76 --- /dev/null +++ b/files/ja/orphaned/web/api/ambient_light_events/index.html @@ -0,0 +1,69 @@ +--- +title: Ambient Light Events +slug: orphaned/Web/API/Ambient_Light_Events +tags: + - Ambient Light +translation_of: Web/API/Ambient_Light_Events +original_slug: Web/API/Ambient_Light_Events +--- +<div>{{DefaultAPISidebar("Ambient Light Events")}}{{SeeCompatTable}}</div> + +<p>ambient light event は、光の強さの変化をウェブページやアプリケーションに気づかせるのに便利な手段です。これによりユーザーインターフェイスのコントラストを変えたり写真を撮るために必要な露出時間を変えたりするなど、ウェブページやアプリケーションが光量の変化に対応できるようになります。</p> + +<h2 id="Light_Events" name="Light_Events">Light Event</h2> + +<p>端末の光センサーが光量の変化を検出すると、それをブラウザーに通知します。ブラウザーがその通知を受け取ると、正確な光の強度に関する情報を提供する {{domxref("DeviceLightEvent")}} イベントを発生させます。</p> + +<p>このイベントは {{domxref("EventTarget.addEventListener","addEventListener")}} メソッド (イベント名 {{event("devicelight")}} を使用) を使用するか、イベントハンドラーを {{domxref("window.ondevicelight")}} プロパティに接続することにより、 <code>window</code> オブジェクトレベルで取得できます。</p> + +<p>イベントを取得するとイベントオブジェクトの {{domxref("DeviceLightEvent.value")}} プロパティを通して、{{interwiki("wikipedia", "ルクス")}}で表した照度にアクセスできます。</p> + +<h2 id="Example" name="Example">例</h2> + +<pre class="brush: js">if ('ondevicelight' in window) { + window.addEventListener('devicelight', function(event) { + var body = document.querySelector('body'); + if (event.value < 50) { + body.classList.add('darklight'); + body.classList.remove('brightlight'); + } else { + body.classList.add('brightlight'); + body.classList.remove('darklight'); + } + }); +} else { + console.log('devicelight event not supported'); +} +</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("AmbientLight", "", "Ambient Light Events")}}</td> + <td>{{Spec2("AmbientLight")}}</td> + <td>初回定義</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの対応</h2> + +<p class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</p> + +<p>{{Compat("api.DeviceLightEvent")}}</p> + +<h2 id="See_also" name="See_also">関連情報</h2> + +<ul> + <li>{{domxref("DeviceLightEvent")}}</li> + <li>{{event("devicelight")}}</li> +</ul> diff --git a/files/ja/orphaned/web/api/devicelightevent/index.html b/files/ja/orphaned/web/api/devicelightevent/index.html new file mode 100644 index 0000000000..c77dc67882 --- /dev/null +++ b/files/ja/orphaned/web/api/devicelightevent/index.html @@ -0,0 +1,59 @@ +--- +title: DeviceLightEvent +slug: orphaned/Web/API/DeviceLightEvent +tags: + - API + - Ambient Light Events + - Experimental + - Interface +translation_of: Web/API/DeviceLightEvent +original_slug: Web/API/DeviceLightEvent +--- +<div>{{apiref("Ambient Light Events")}}{{SeeCompatTable}}</div> + +<p><code>DeviceLightEvent</code> は、端末付近の環境光のレベルについての情報を、写真センサーやそれと類似した検知機を通してウェブ開発者に提供します。たとえば、このイベントは、エネルギーを節約したり、より良い視認性を提供したりするために、現在の環境光のレベルに応じて画面の明るさを調節するのに役立ちます。</p> + +<h2 id="Properties" name="Properties">プロパティ</h2> + +<dl> + <dt>{{domxref("DeviceLightEvent.value")}}</dt> + <dd>{{interwiki("wikipedia", "ルクス")}}で表した環境光のレベル</dd> +</dl> + +<h2 id="Example" name="Example">例</h2> + +<pre class="brush: js">window.addEventListener('devicelight', function(event) { + console.log(event.value); +});</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('AmbientLight', '', 'Ambient Light Events')}}</td> + <td>{{Spec2('AmbientLight')}}</td> + <td>初回定義</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの対応</h2> + +<p class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</p> + +<p>{{Compat("api.DeviceLightEvent")}}</p> + +<h2 id="See_also" name="See_also">関連情報</h2> + +<ul> + <li>{{event("devicelight")}}</li> + <li><a href="/ja/docs/WebAPI/Using_Light_Events">Light Event の使用</a></li> +</ul> |