diff options
Diffstat (limited to 'files/ja/webapi')
-rw-r--r-- | files/ja/webapi/index.html | 124 | ||||
-rw-r--r-- | files/ja/webapi/proximity/index.html | 84 | ||||
-rw-r--r-- | files/ja/webapi/using_light_events/index.html | 68 |
3 files changed, 276 insertions, 0 deletions
diff --git a/files/ja/webapi/index.html b/files/ja/webapi/index.html new file mode 100644 index 0000000000..61f1e648a6 --- /dev/null +++ b/files/ja/webapi/index.html @@ -0,0 +1,124 @@ +--- +title: WebAPI +slug: WebAPI +tags: + - Apps + - DOM + - Firefox OS + - Mobile +translation_of: Web/API +--- +<p><strong>WebAPI</strong> はデバイス間の互換性を提供する機能一式であり、Web アプリやコンテンツがデバイスに保存されているデータ (カレンダーや連絡先など) やデバイスハードウェア (バッテリーの状態やデバイスのバイブレーションハードウェアなど) へアクセスできるようにする API を指す用語です。これらの API を追加することにより今日の Web ができることを増やすとともに、従来はプロプライエタリなプラットフォームでしかできなかったことに広がることを望んでいます。</p> + +<div class="note"> +<p><strong>注記:</strong> 各バッジの簡単な説明については、<a href="/ja/docs/Web/Apps/Packaged_apps#Types_of_packaged_apps" title="Web/Apps/Packaged_apps#Types_of_packaged_apps">パッケージ型アプリ</a>のドキュメントをご覧ください。</p> +</div> + +<div class="row topicpage-table"> +<div class="section"> +<h2 class="Documentation" id="Communication_APIs" name="Communication_APIs">コミュニケーション API</h2> + +<dl> + <dt><a href="/ja/docs/WebAPI/Network_Information" title="WebAPI/Network_Information">Network Information API</a></dt> + <dd>接続速度など、現在のネットワーク接続に関する基本的な情報を提供します。</dd> + <dt><a href="/ja/docs/WebAPI/WebBluetooth" title="WebAPI/WebBluetooth">Bluetooth</a> {{NonStandardBadge}}</dt> + <dd>WebBluetooth API は、デバイスのBluetooth ハードウェアに対する低水準のアクセス手段を提供します。</dd> + <dt><a href="/ja/docs/WebAPI/Mobile_Connection" title="WebAPI/Mobile_Connection">Mobile Connection API</a> {{NonStandardBadge}}</dt> + <dd>信号強度やオペレーター情報など、デバイスのセルラー接続に関する情報を公開します。</dd> + <dt><a href="/ja/docs/WebAPI/Network_Stats" title="WebAPI/Network_Stats">Network Stats API</a> {{NonStandardBadge}}</dt> + <dd>データの使用状況をモニタリングして、そのデータを特権アプリケーションに公開します。</dd> + <dt><a href="/ja/docs/WebAPI/WebTelephony" title="WebAPI/WebTelephony">Telephony</a> {{NonStandardBadge}}</dt> + <dd>アプリが電話を発着信したり、内蔵の電話機能のユーザインターフェイスを使用したりすることが可能です。</dd> + <dt><a href="/ja/docs/WebAPI/WebSMS" title="WebAPI/WebSMS">WebSMS </a>{{NonStandardBadge}}</dt> + <dd>アプリに対して、デバイスに保存しているメッセージのアクセスや管理だけでなく、SMS テキストメッセージの送受信を可能にします。</dd> + <dt><a href="/ja/docs/WebAPI/WiFi_Information" title="WebAPI/WiFi_Information">WiFi Information API</a> {{NonStandardBadge}}</dt> + <dd>信号強度、現在接続しているネットワークの名称、利用可能な WiFi ネットワークなどの情報を提供する特権 API です。</dd> +</dl> + +<h2 class="Documentation" id="Hardware_access_APIs" name="Hardware_access_APIs">ハードウェアアクセス API</h2> + +<dl> + <dt><a href="/ja/docs/WebAPI/Using_Light_Events">Ambient Light Sensor API</a></dt> + <dd>環境光センサーへのアクセス手段を提供します。これにより、アプリがデバイス付近の環境光のレベルを検出できます。</dd> + <dt><a href="/ja/docs/WebAPI/Battery_Status" title="WebAPI/Battery_Status">Battery Status API</a></dt> + <dd>バッテリーの残量や、デバイスが電源に接続されて充電中であるかといった情報を提供します。</dd> + <dt><a href="/ja/docs/Using_geolocation" title="Using_geolocation">Geolocation API</a></dt> + <dd>デバイスの物理的な位置に関する情報を提供します。</dd> + <dt><a href="/ja/docs/API/Pointer_Lock_API" title="API/Pointer_Lock_API">Pointer Lock API</a></dt> + <dd>アプリがマウスへのアクセスをロックして、絶対座標ではなく移動量の差分にアクセスできます。これはゲームに対して重要です。</dd> + <dt><a href="/ja/docs/WebAPI/Proximity" title="WebAPI/Proximity">Proximity API</a></dt> + <dd>ユーザの顔など、近くにある物体とデバイスとの近接度を検出できます。</dd> + <dt><a href="/ja/docs/Detecting_device_orientation" title="WebAPI/Detecting_device_orientation">Device Orientation API</a></dt> + <dd>デバイスの向きが変化したときに通知します。</dd> + <dt><a href="/ja/docs/WebAPI/Managing_screen_orientation" title="WebAPI/Managing_screen_orientation">Screen Orientation API</a></dt> + <dd>スクリーンの向きが変化したときに通知します。この API は、アプリにとってどの向きが望ましいかを示すことにも使用できます。</dd> + <dt><a href="/ja/docs/Web/Guide/API/Vibration" title="WebAPI/Vibration">Vibration API</a></dt> + <dd>ゲームでの触覚フィードバックなどのために、アプリがデバイスのバイブレーションハードウェアを制御できます。これは通知のためのバイブレーションといった用途向けでは<strong>ありません</strong>。通知については <a href="/ja/docs/WebAPI/Alarm" title="WebAPI/Alarm">Alarm API</a> をご覧ください。</dd> + <dt><a href="/ja/docs/Web/API/Camera_API" title="Web/API/Camera_API">Camera API</a> {{NonStandardBadge}}</dt> + <dd>デバイス内蔵のカメラを使用して、アプリが写真や動画を撮影できます。</dd> + <dt><a href="/ja/docs/WebAPI/Power_Management" title="WebAPI/Power_Management">Power Management API </a>{{NonStandardBadge}}</dt> + <dd>アプリがスクリーン、CPU、デバイスの電源などをオン・オフできるようにします。また、リソースロックイベントのリスニングや調査もサポートします。</dd> +</dl> + +<p><span class="alllinks"><a href="/ja/docs/tag/WebAPI" title="tag/CSS">すべて見る...</a></span></p> +</div> + +<div class="section"> +<h2 class="Documentation" id="Data_management_APIs" name="Data_management_APIs">データ管理 API</h2> + +<dl> + <dt><a href="/ja/docs/Web/API/File_Handle_API" title="Web/API/File_Handle_API">FileHandle API</a> {{NonStandardBadge}}</dt> + <dd>ロック機能とともに、書き込み可能なファイルをサポートします。</dd> + <dt><a href="/ja/docs/IndexedDB" title="IndexedDB">IndexedDB</a></dt> + <dd>パフォーマンスが高い検索機能をサポートする、クライアントサイドの構造化データ用ストレージです。</dd> + <dt><a href="/ja/docs/WebAPI/Settings" title="WebAPI/Settings">Settings API</a> {{NonStandardBadge}}</dt> + <dd>デバイスへ永続的に保存されるシステム全体の設定オプションを、アプリが調査したり変更したりすることが可能です。</dd> +</dl> + +<h2 class="Documentation" id="Other_APIs" name="Other_APIs">その他の API</h2> + +<dl> + <dt><a href="/ja/docs/Web/API/Alarm_API" title="Web/API/Alarm_API">Alarm API</a></dt> + <dd>アプリが通知を予定することが可能です。特定の時刻にアプリを自動起動する機能もサポートします。</dd> + <dt><a href="/ja/docs/Web/API/Simple_Push_API" title="Web/API/Simple_Push_API">Simple Push API</a></dt> + <dd>プラットフォームが特定のアプリケーションに通知メッセージを送信できます。</dd> + <dt><a href="/ja/docs/WebAPI/Using_Web_Notifications" title="WebAPI/Using_Web_Notifications">Web Notifications</a></dt> + <dd>アプリケーションが、システムレベルで表示される通知を送信できます。</dd> + <dt><a href="/ja/docs/Web/API/DOMApplicationsRegistry" title="Web/API/DOMApplicationsRegistry">Apps API</a> {{NonStandardBadge}}</dt> + <dd>Open WebApps API は、Web アプリのインストールや管理をサポートします。また、アプリが課金情報を調べることを可能にします。</dd> + <dt><a href="/ja/docs/Web/API/Web_Activities" title="Web/API/Web_Activities">Web Activities</a> {{NonStandardBadge}}</dt> + <dd>あるアプリが別のアプリにアクティビティを渡すことができます。例えばあるアプリが別のアプリに対して、写真を選択 (または作成) して返すように依頼するでしょう。一般的に、ユーザはどのアクティビティにどのアプリを使用するかを設定できます。</dd> + <dt><a href="/ja/docs/Web/Apps/Publishing/In-app_payments" title="Apps/Publishing/In-app_payments">WebPayment API</a> {{NonStandardBadge}}</dt> + <dd>Web コンテンツが、仮想的な物品に対する支払いや払い戻しの処理を開始できます。</dd> + <dt><a href="/ja/docs/DOM/Using_the_Browser_API" title="DOM/Using_the_Browser_API"><strong>Browser API</strong></a> {{NonStandardBadge}}</dt> + <dd>Web 技術を完全に使用する Web ブラウザの構築をサポートします (要するに、ブラウザの中にあるブラウザです)。</dd> + <dt><a href="/ja/docs/WebAPI/Idle" title="WebAPI/Device_Storage_API">Idle API</a></dt> + <dd>ユーザが能動的にデバイスを使用していないときに、アプリが通知を受け取れます。</dd> + <dt><a href="/ja/docs/WebAPI/Permissions" title="WebAPI/Permissions">Permissions API</a> {{NonStandardBadge}}</dt> + <dd>集中化された場所で、アプリの許可設定を管理します。設定アプリで使用されます。</dd> + <dt><a href="/ja/docs/WebAPI/Time_and_Clock" title="WebAPI/Time_and_Clock">Time/Clock API</a> {{NonStandardBadge}}</dt> + <dd>現在時刻の設定をサポートします。タイムゾーンは <a href="/ja/docs/WebAPI/Settings" title="WebAPI/Settings">Settings API</a> で設定します。</dd> +</dl> + +<h2 class="Community" id="Community" name="Community">WebAPI コミュニティ</h2> + +<p>これらの API について支援が必要になったとしても、それらの使用方法について他の開発者と語る手段がいくつかあります。</p> + +<ul> + <li>WebAPI フォーラムで相談する: {{DiscussionList("dev-webapi", "mozilla.dev.webapi")}}</li> + <li>WebAPI IRC チャンネルを訪問する: <a href="irc://irc.mozilla.org/webapi" title="irc://irc.mozilla.org/webapi">#webapi</a></li> +</ul> + +<p><span class="alllinks"><a href="http://www.catb.org/~esr/faqs/smart-questions.html" title="http://www.catb.org/~esr/faqs/smart-questions.html"><em>ネチケット</em>を忘れないでください...</a></span></p> + +<h2 class="Related_Topics" id="Related_Topics" name="Related_Topics">関連トピック</h2> + +<ul> + <li><a href="/ja/docs/DOM" title="Document Object Model (DOM)">Document Object Model (DOM)</a> は、HTML ドキュメントをツリーとして表現するものです。</li> + <li><a href="/ja/docs/JavaScript" title="JavaScript">JavaScript</a> - Web 向けのスクリプト言語です。</li> + <li><a href="/ja/docs/MDN/Doc_status/API" title="MDN/Doc_status/API">Doc status</a>: WebAPI のトピック一覧と、それらのドキュメント化の状況です。</li> +</ul> +</div> +</div> + +<p> </p> diff --git a/files/ja/webapi/proximity/index.html b/files/ja/webapi/proximity/index.html new file mode 100644 index 0000000000..633d2a7cfb --- /dev/null +++ b/files/ja/webapi/proximity/index.html @@ -0,0 +1,84 @@ +--- +title: Proximity Events +slug: WebAPI/Proximity +tags: + - API + - Experimental + - Proximity Events + - Reference +translation_of: Web/API/Proximity_Events +--- +<p>{{DefaultAPISidebar("Proximity Events")}}{{ SeeCompatTable }}</p> + +<p><strong>proximity events</strong> は、ユーザーが端末の近くにいるときを知るのに便利な手段です。これらのイベントは近接度の変化への対応、例えばユーザーがスマートフォンを耳の近くに持ってきて電話をしているときにスクリーンを休止することを可能にします。</p> + +<div class="note"> +<p><strong>メモ:</strong> この API は端末に近接センサーを必要とすることが明らかです。近接センサーは、たいていモバイル端末のみで使用できます。センサーを搭載していない端末もイベントをサポートするかもしれませんが、イベントは発生しません。</p> +</div> + +<h2 id="Proximity_Events" name="Proximity_Events">Proximity Event</h2> + +<p>端末の近接センサーが端末と物体との距離の変化を検出すると、それをブラウザーに通知します。ブラウザーが通知を受けると、あらゆる変化について {{domxref("DeviceProximityEvent")}} イベントが、またよりおおざっぱな変化の場合に {{domxref("UserProximityEvent")}} イベントが発生します。</p> + +<p>このイベントは {{domxref("EventTarget.addEventListener","addEventListener")}} メソッド (イベント名 {{event("deviceproximity")}} または {{event("userproximity")}} を使用) を使用するか、イベントハンドラーを {{domxref("window.ondeviceproximity")}} プロパティまたは {{domxref("window.onuserproximity")}} プロパティに接続することにより、<code>window</code> オブジェクトレベルで取得できます。</p> + +<p>イベントを取得すると、イベントオブジェクトでさまざまな種類の情報にアクセスできます。</p> + +<ul> + <li>{{domxref("DeviceProximityEvent")}} イベントは、端末と物体との距離に一致する値を {{domxref("DeviceProximityEvent.value","value")}} プロパティで提供します。また、端末が何らかの物体を検出できる最短距離および最長距離を、{{domxref("DeviceProximityEvent.min","min")}} プロパティおよび {{domxref("DeviceProximityEvent.max","max")}} プロパティで提供します。</li> + <li>{{domxref("UserProximityEvent")}} イベントは、距離の大まかな近さを真偽値で表します。{{domxref("UserProximityEvent.near")}} は物体が近いときに <code>true</code> に、また物体が遠いときに <code>false</code> になります。</li> +</ul> + +<h2 id="Example" name="Example">例</h2> + +<pre class="brush: js">window.addEventListener('userproximity', function(event) { + if (event.near) { + // スクリーンの電源を切る + navigator.mozPower.screenEnabled = false; + } else { + // スクリーンの電源を入れる + navigator.mozPower.screenEnabled = true; + } +});</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('Proximity Events', '', 'Proximity Events')}}</td> + <td>{{Spec2('Proximity Events')}}</td> + <td>初回定義</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの対応</h2> + +<h3 id="DeviceProximityEvent"><code>DeviceProximityEvent</code></h3> + +<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.DeviceProximityEvent")}}</p> + +<h3 id="UserProximityEvent"><code>UserProximityEvent</code></h3> + +<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.UserProximityEvent")}}</p> + +<h2 id="See_also" name="See_also">関連情報</h2> + +<ul> + <li>{{domxref("DeviceProximityEvent")}}</li> + <li>{{domxref("UserProximityEvent")}}</li> + <li>{{event("deviceproximity")}}</li> + <li>{{event("userproximity")}}</li> +</ul> diff --git a/files/ja/webapi/using_light_events/index.html b/files/ja/webapi/using_light_events/index.html new file mode 100644 index 0000000000..be70ad2612 --- /dev/null +++ b/files/ja/webapi/using_light_events/index.html @@ -0,0 +1,68 @@ +--- +title: Ambient Light Events +slug: WebAPI/Using_Light_Events +tags: + - Ambient Light +translation_of: 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> |