diff options
| author | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2021-09-04 00:46:12 +0900 |
|---|---|---|
| committer | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2021-09-04 00:46:12 +0900 |
| commit | fe6f6abf2b7c497bf1f97f73a82dde7cf48eb79f (patch) | |
| tree | 51b7edfc370236684a203f4e69ae67bb7d24b549 /files/ja/conflicting | |
| parent | 04ea4edc83cc12142ed151bbea2c65cffc8e76f6 (diff) | |
| parent | eeb07fe338cdc90092841d717919f46f9d9e3ff9 (diff) | |
| download | translated-content-fe6f6abf2b7c497bf1f97f73a82dde7cf48eb79f.tar.gz translated-content-fe6f6abf2b7c497bf1f97f73a82dde7cf48eb79f.tar.bz2 translated-content-fe6f6abf2b7c497bf1f97f73a82dde7cf48eb79f.zip | |
Merge branch 'main' into 20210818-Glossary/Type
Diffstat (limited to 'files/ja/conflicting')
10 files changed, 37 insertions, 605 deletions
diff --git a/files/ja/conflicting/tools/memory/basic_operations/index.html b/files/ja/conflicting/tools/memory/basic_operations/index.html deleted file mode 100644 index cfaf1f0c45..0000000000 --- a/files/ja/conflicting/tools/memory/basic_operations/index.html +++ /dev/null @@ -1,16 +0,0 @@ ---- -title: ヒープのスナップショットを比較する -slug: conflicting/Tools/Memory/Basic_operations -translation_of: Tools/Memory/Basic_operations -translation_of_original: Tools/Memory/Comparing_heap_snapshots -original_slug: Tools/Memory/Comparing_heap_snapshots ---- -<div>{{ToolsSidebar}}</div><div class="geckoVersionNote"> -<p>これは Firefox 45 の新機能です。</p> -</div> - -<p>Firefox 45 より、2 つのヒープのスナップショットの差分を確認できます。これは 2 つのスナップショット間で、メモリのアロケートや空き状態の違いを表示します。</p> - -<p>差分を作成するにはカメラのアイコンの隣にある "+/-" ボタンを押下して、基準とするスナップショットを選択します。そして、比較するスナップショットを選択してください。ツールが 2 つのスナップショットの差分を表示します。単体のスナップショットの場合と同じビューを使用して、差分を分析できます。</p> - -<p>{{EmbedYouTube("rbDHVxCzqhU")}}</p> diff --git a/files/ja/conflicting/tools/performance/index.html b/files/ja/conflicting/tools/performance/index.html deleted file mode 100644 index b4c45173f3..0000000000 --- a/files/ja/conflicting/tools/performance/index.html +++ /dev/null @@ -1,146 +0,0 @@ ---- -title: JavaScript プロファイラ -slug: conflicting/Tools/Performance -tags: - - Debugging - - Firefox - - Guide - - Profiler - - Profiling - - Tools -translation_of: Tools/Performance -translation_of_original: Tools/Profiler -original_slug: Tools/Profiler ---- -<div>{{ToolsSidebar}}</div><p>プロファイラツールを使用して、JavaScript コードのボトルネックを見つけましょう。プロファイラは周期的に、サンプルについて現在の JavaScript コールスタックやコンパイルの統計情報を抽出します。</p> - -<p>"Web 開発" メニューから "プロファイラ" を選択することで、プロファイラを起動できます。"Web 開発" メニューは、Linux や OS X では "ツール" メニューの配下に、Windows では "Firefox" メニューの直下にあります。</p> - -<p><a href="/ja/docs/Tools/Tools_Toolbox" title="Tools/Tools_Toolbox">ツールボックス</a>が開いて、プロファイラが選択されます。</p> - -<h2 id="Sampling_profilers" name="Sampling_profilers"><a name="sampling-profilers">サンプリング型プロファイラ</a></h2> - -<p>JavaScript プロファイラは、サンプリング型のプロファイラです。これは JavaScript エンジンの状態を定期的にサンプリングして、その時点のコード実行のスタックを記録します。統計的に、個々の関数を実行しているときに取得したサンプル数はブラウザが実行にかけた時間に対応しますので、コード内のボトルネックを発見できます。<br> - <br> - <a name="profiling-example">例えば、以下のようなプログラムについて考えてみましょう:</a></p> - -<pre class="brush: js">function doSomething() { - var x = getTheValue(); - x = x + 1; // -> サンプル A - logTheValue(x); -} - -function getTheValue() { - return 5; -} - -function logTheValue(x) { - console.log(x); // -> サンプル B、サンプル C -} - -doSomething();</pre> - -<p>プロファイラをアクティブにしてこのプログラムを実行したら、実行時にプロファイラは上記のインラインコメントで示したように 3 つのサンプルを取得します。</p> - -<p>これらはすべて <code>doSomething()</code> の内部から取得されますが、2 番目の 2 つは <code>doSomething()</code> から呼び出された <code>logTheValue()</code> 関数の内部です。よってプロファイルは、以下のように 3 つのスタックトレースで構成されます:</p> - -<pre>サンプル A: doSomething() -サンプル B: doSomething() > logTheValue() -サンプル C: doSomething() > logTheValue()</pre> - -<p>これは私たちに何も伝えられない不十分なデータであることが明らかですが、より多くのサンプルにより、<code>logTheValue()</code> がコード内のボトルネックであると断定できるかもしれません。</p> - -<h2 id="Creating_a_profile" name="Creating_a_profile">プロファイルの作成</h2> - -<p>プロファイラで<em>ストップウォッチ</em>のボタンをクリックして、サンプルの記録を始めます。プロファイラが記録を行っている間は、ストップウォッチのボタンがハイライトされます。ボタンを再度押すと記録を停止して、新たなプロファイルを保存します:</p> - -<p style="text-align: center;"><img alt="" src="https://mdn.mozillademos.org/files/5977/Screen%20Shot%202013-08-26%20at%2010.35.47%20AM.png"></p> - -<p>"終了" をクリックすると、新しいプロファイルが自動的に開きます:</p> - -<p><img alt="" src="https://mdn.mozillademos.org/files/5981/Screen%20Shot%202013-08-26%20at%2011.07.18%20AM.png" style="display: block; margin-left: auto; margin-right: auto;"></p> - -<p>このペインは 2 つのパーツに分かれています:</p> - -<ul> - <li>左側は取得したすべてのプロファイルを一覧表示しており、それぞれのプロファイルを読み込むことができます。また、リストの上にボタンが 2 つあります。<em>ストップウォッチ</em>のボタンは新たなプロファイルの記録を、<em>インポート...</em> ボタンは以前に保存したデータのインポートを行います。プロファイルを選択しているときは、<em>保存</em>ボタンをクリックするとデータを JSON ファイルとして保存できます。</li> - <li>右側は現在読み込んでいるプロファイルを表示します。</li> -</ul> - -<h2 id="Analyzing_a_profile" name="Analyzing_a_profile">プロファイルの分析</h2> - -<p>プロファイルは 2 つのパーツに分かれています:</p> - -<ul> - <li><a href="#profile-timeline" title="#profile-timeline">プロファイルのタイムライン</a></li> - <li><a href="#profile-details" title="#profile-details">プロファイルの詳細</a></li> -</ul> - -<h3 id="Profile_timeline" name="Profile_timeline"><a name="profile-timeline">プロファイルのタイムライン</a></h3> - -<p>プロファイルのタイムラインは、プロファイル表示の上部を占めています:</p> - -<p><img alt="" src="https://mdn.mozillademos.org/files/5987/timeline" style="display: block; margin-left: auto; margin-right: auto;">横軸は時間、縦軸はサンプルにおけるコールスタックのサイズを表します。コールスタックは、サンプルを取得したときにアクティブであった関数の量を表します。</p> - -<p>チャートで赤色のサンプルは、そのときにブラウザが応答していなかったことを示しており、ユーザはアニメーションや応答性が止まったことに気づいたかもしれません。プロファイルに赤色のサンプルがある場合は、そのコードをいくつかのイベントに分解することを検討したり、<a href="/ja/docs/Web/API/window.requestAnimationFrame" title="Web/API/window.requestAnimationFrame">requestAnimationFrame</a> や <a href="/ja/docs/Web/Guide/Performance/Using_web_workers" title="Web/Guide/Performance/Using_web_workers">Worker</a> の使用について調べたりしましょう。</p> - -<p>タイムラインでクリックアンドドラッグすることで、プロファイル内の特定の範囲を調査できます:</p> - -<p><img alt="" src="https://mdn.mozillademos.org/files/5989/Screen%20Shot%202013-08-26%20at%2011.17.59%20AM.png" style="display: block; margin-left: auto; margin-right: auto;"></p> - -<p>タイムラインの上に "サンプリング範囲 [AAA, BBB]" というラベルがついた、新たなボタンが現れます。そのボタンを押すとプロファイルがズームされて、そのタイムスライスの詳細なビューが下部に表示されます:</p> - -<p><br> - <img alt="" src="https://mdn.mozillademos.org/files/5991/Screen%20Shot%202013-08-26%20at%2011.18.03%20AM.png" style="display: block; margin-left: auto; margin-right: auto;"></p> - -<h3 id="Profile_details" name="Profile_details"><a name="profile-details">プロファイルの詳細</a></h3> - -<p>プロファイルの詳細は、プロファイル表示の下部を占めています:</p> - -<p><img alt="" src="https://mdn.mozillademos.org/files/5993/profiler-details-highligted.png" style="display: block; margin-left: auto; margin-right: auto;">始めに新しいサンプルを開くと、サンプルペインには上のスクリーンショットのように "(total)" という名前の行があります。"(total)" の隣にある三角印をクリックすると、サンプル内にあるすべてのトップレベル関数がリストアップされます。</p> - -<p><img alt="" src="https://mdn.mozillademos.org/files/5995/Screen%20Shot%202013-08-26%20at%2011.22.10%20AM.png"></p> - -<p><strong>実行時間</strong>は当該関数が現れたサンプルの総数を示し<a href="#footnote-1"><sup>1</sup></a>、その後ろにプロファイル内で当該関数が現れた全サンプルのパーセント値があります。最上段の行はプロファイル全体で 2021 のサンプルがあることを表し、また 2 行目は 1914 サンプルすなわち全体の 94.7% が、<code>detectImage()</code> 関数内にいたことを表します。</p> - -<p><strong>滞在</strong> は当該関数そのものを実行する間に取得したサンプル数を示しており、関数を呼び出しているときではありません。前出の<a href="#profiling-example" title="#profiling-example">シンプルな例</a>では、<code>doSomething()</code> は<strong>実行時間</strong>が 3 (サンプル A、B、C) ですが、<strong>滞在</strong>の値は 1 (サンプル A) になるでしょう。</p> - -<p>3 列目は関数名およびファイル名と行数 (ローカルの関数) またはベースネームとドメイン名を表示します。灰色の関数はブラウザ組み込みの関数です。黒色の関数がページで読み込んだ JavaScript を表します。行にマウスポインタを乗せると、関数の識別名の右側に矢印が現れます: 矢印をクリックすると関数のソースを表示します。</p> - -<h3 id="Expanding_the_call_tree" name="Expanding_the_call_tree">コールツリーの展開</h3> - -<p>ある行で、この関数から呼び出された関数に滞在している間のサンプルが存在する場合 (すなわち、<strong>実行時間</strong>がその行の<strong>滞在</strong>より大きい場合) は、関数名の左側に三角印が表示され、コールツリーを展開できます。</p> - -<p>前出の<a href="#profiling-example" title="#profiling-example">シンプルな例</a>では、完全に展開したコールツリーは以下のようになります:</p> - -<table class="standard-table" style="height: 100px; width: 378px;"> - <tbody> - <tr> - <td style="text-align: center;"><strong>実行時間</strong></td> - <td style="text-align: center;"><strong>滞在</strong></td> - <td style="text-align: center;"> </td> - </tr> - <tr> - <td style="text-align: center;">3 100%</td> - <td style="text-align: center;">1</td> - <td style="text-align: center;">doSomething()</td> - </tr> - <tr> - <td style="text-align: center;">2 67%</td> - <td style="text-align: center;">2</td> - <td style="text-align: center;">logTheValue()</td> - </tr> - </tbody> -</table> - -<p>より実際的な例を見ましょう: 前出のスクリーンショットで、上から 2 行目を見ると <code>detectImage()</code> 関数の内部で 1914 サンプルかかっていることがわかります。しかし、そのすべては <code>detectImage()</code> から呼び出された関数でかかっています (<strong>滞在</strong> セルが 0 です)。コールツリーを展開して、ほとんどのサンプルがかかっていたとき実際に実行していた関数は何かを明らかにできます:</p> - -<p><img alt="" src="https://mdn.mozillademos.org/files/5999/bla.png" style="display: block; margin-left: auto; margin-right: auto;"></p> - -<p>これは、<code>detectAtScale()</code> を実際に実行しているときに 6 サンプル、<code>getRect()</code> の実行に 12 サンプルかかっていたことなどを表します。</p> - -<h2 id="Footnotes" name="Footnotes">脚注</h2> - -<ol> - <li><a name="footnote-1">関数がさまざまなソースから複数回呼び出される場合、プロファイラの出力にも複数回現れます。よって、<code>forEach</code> など汎用的な関数はコールツリー内に複数回現れるでしょう。</a></li> -</ol> diff --git a/files/ja/conflicting/web/api/xrinputsource/handedness/index.html b/files/ja/conflicting/web/api/xrinputsource/handedness/index.html deleted file mode 100644 index ea3db01eec..0000000000 --- a/files/ja/conflicting/web/api/xrinputsource/handedness/index.html +++ /dev/null @@ -1,86 +0,0 @@ ---- -title: XRHandedness -slug: conflicting/Web/API/XRInputSource/handedness -tags: - - API - - AR - - Enum - - Enumerated Type - - Handedness - - Reference - - Type - - VR - - WebXR - - WebXR Device API - - XRHandedness - - hand - - left - - right -translation_of: Web/API/XRHandedness -original_slug: Web/API/XRHandedness ---- -<p>{{APIRef("WebXR")}}</p> - -<p>WebXR の <strong><code>XRHandedness</code></strong> 列挙型は、使用している XR 入力デバイスに接続された特定の入力コントローラーを操作するために使用しているユーザーの手を識別する値を提供します。 <code>XRHandedness</code> は、{{domxref("XRInputSource")}} の {{domxref("XRInputSource.handedness", "handedness")}} プロパティの値として使用されます。</p> - -<h2 id="Values" name="Values">値</h2> - -<dl> - <dt><code>none</code></dt> - <dd>入力コントローラーは、ユーザーのいずれの手にも関連付けられていません。</dd> - <dt><code>left</code></dt> - <dd>入力コントローラーは、ユーザーの左手に握られているか、着用されているか、取り付けられています。</dd> - <dt><code>right</code></dt> - <dd>入力コントローラーは、ユーザーの右手に握られているか、着用されているか、取り付けられています。</dd> -</dl> - -<h2 id="Examples" name="Examples">例</h2> - -<p><code>handedness</code> の重要な使用方法の1つは、コントローラーがどちらの手にあるかを判別して、仮想空間でその手(またはその手が制御しているデバイス)の表現を描画できるようにすることです。</p> - -<pre class="brush: js notranslate">function updateInputSources(session, frame, refSpace) { - for (let source of session.inputSources) { - if (source.gripSpace) { - let gripPose = frame.getPose(source.gripSpace, refSpace); - - if (gripPose) { - myRenderHandObject(gripPose, inputSource.handedness); - } - } - } -} -</pre> - -<p>この関数は、すべてのアニメーションフレーム(または必要な滑らかさの程度とパフォーマンスの制約に応じて定期的に)で呼ばれ、入力ソースのリストをスキャンして、<code>null</code> ではない {{domxref("XRInputSource.gripSpace", "gripSpace")}} を持つものを探します。 <code>gripSpace</code> が存在する場合、それは入力ソースが何らかのハンドヘルドデバイスであることを意味するため、可能であれば視覚的にレンダリングする必要があります。</p> - -<p><code>gripSpace</code> が <code>null</code> 以外の場合、この関数は、現在の参照空間に変換された <code>gripSpace</code> のポーズを取得します。 それが有効であると仮定すると、<code>myRenderHandObject()</code> と呼ばれる関数が、グリップのポーズと <code>handedness</code> の値を使用して呼び出されます。 これらの値が手元にあれば(しゃれは意図していません)、<code>myRenderHandObject()</code> は、正しい手のために配置および形成された適切なモデルを描画できます。</p> - -<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('WebXR','#enumdef-xrhandedness','XRHandedness')}}</td> - <td>{{Spec2('WebXR')}}</td> - <td>初期定義</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - -<p>{{Compat("api.XRHandedness")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li><a href="/ja/docs/Web/API/WebXR_Device_API">WebXR Device API</a></li> - <li><a href="/ja/docs/Web/API/WebXR_Device_API/Inputs">入力と入力ソース</a></li> - <li><a href="/ja/docs/Web/WebXR%20Device%20API/Gamepads">WebXR アプリケーションでのゲームパッドの使用</a></li> - <li>{{domxref("XREye")}}: ビューを表示する対象の目を示します</li> -</ul> diff --git a/files/ja/conflicting/web/api/xrinputsource/targetraymode/index.html b/files/ja/conflicting/web/api/xrinputsource/targetraymode/index.html deleted file mode 100644 index e787a3e7be..0000000000 --- a/files/ja/conflicting/web/api/xrinputsource/targetraymode/index.html +++ /dev/null @@ -1,103 +0,0 @@ ---- -title: XRTargetRayMode -slug: conflicting/Web/API/XRInputSource/targetRayMode -tags: - - 3D - - API - - AR - - Enum - - Enumerated Type - - Input - - Reality - - Reference - - Type - - VR - - Virtual - - WebXR - - WebXR API - - WebXR Device API - - XR - - XRTargetRayMode - - augmented - - source - - target -translation_of: Web/API/XRTargetRayMode -original_slug: Web/API/XRTargetRayMode ---- -<p>{{APIRef("WebXR")}}</p> - -<p><span class="seoSummary"><a href="/ja/docs/Web/API/WebXR_Device_API">WebXR Device API</a> の <strong><code>XRTargetRayMode</code></strong> 列挙型は、入力コントローラーのターゲティング光線を生成する方法を記述します。</span> ターゲティングは、視線追跡システムを使用してターゲットを見るか、ハンドコントローラー、グローブ、またはモーショントラッキングシステムを使用してターゲットを指すか、画面上で指やマウスを使用してターゲットをタップまたはクリックすることによって行うことができます。</p> - -<p>通常、<strong>ターゲット光線</strong>は、ターゲティングシステムのソースから、ユーザーが見ている方向または指している方向にターゲット光線に沿って描画されます。 光線の終点を示す方法と同様に、光線のスタイルは一般的にあなた次第です。 ターゲットとなる点またはオブジェクトは、図形を描画するか、ターゲットとなる表面またはオブジェクトを強調表示することによって示される場合があります。</p> - -<div style="width: 42em;"> -<figure style="background: #eee; padding: 0.5em; border: 1px solid #aaa; border-radius: 1em; max-width: 504px; padding: 1em; margin: 1em auto;"> -<figcaption><strong>ハンドコントローラーから放出されるターゲット光線。</strong></figcaption> -<img alt="ハンドコントローラーから放出されるターゲット光線を示すスクリーンショット" src="https://mdn.mozillademos.org/files/17089/example-target-ray.gif" style="width: 100%;"></figure> -</div> - -<p>ターゲット光線は、単純な線(理想的には距離とともにフェードする)から、上のスクリーンショットに示されているサイエンスフィクションの「フェイザー」スタイルなどのアニメーション効果まで、何でもかまいません。</p> - -<h2 id="Values" name="Values">値</h2> - -<dl> - <dt><code>gaze</code>(視線)</dt> - <dd>ユーザーは、ユーザーが見ている方向を検出する視線追跡システム(または<strong>視線入力</strong>)を使用しています。 ターゲット光線は、ビューアーの目を起点として描画され、ビューアーが見ている方向に追従します。</dd> - <dt><code>screen</code>(画面)</dt> - <dd>ターゲット光線の方向は、タッチスクリーン、マウス、またはその他の触覚入力デバイスをタップして示します。</dd> - <dt><code>tracked-pointer</code>(追跡ポインター)</dt> - <dd>ターゲティングは、ユーザーがターゲットの方向に向けるハンドヘルドデバイスまたはハンドトラッキングシステムを使用して行われます。 ターゲット光線は、手(または手の中のオブジェクト)からターゲット方向に伸びます。 方向はプラットフォーム固有のルールを使用して決定されますが、そのようなルールが存在しない場合は、ユーザーが人差し指を手からまっすぐに向けていると仮定して方向が選択されます。</dd> -</dl> - -<h2 id="Examples" name="Examples">例</h2> - -<p>このコードの断片は、フレームごとに1回呼び出される関数の一部を示しています。 <code>null</code> 以外の {{domxref("XRInputSource.targetRaySpace", "targetRaySpace")}} を持つ入力を探します。 このプロパティの値を持つ入力は、ターゲット光線をユーザーから外側に投影する入力を表します。</p> - -<p>このような入力ごとに、この例では、{{domxref("XRInputSource.targetRayMode", "targetRayMode")}} が <code>tracked-pointer</code> である入力を探します。 これは、入力が実際には、視線入力デバイス、画面タップ、またはマウスクリックではなく、ターゲティングデバイスを表すことを目的としていることを示しています。 追跡ポインターの場合、関数 <code>myRenderTargetRayAsBeam()</code> が呼び出され、入力コントローラーの仮想位置から、それが指している方向に外側にビームをレンダリングします。</p> - -<p>コードは、仮想空間でのユーザーの手の位置を表すコントローラーや任意のオブジェクトの描画、その他の入力関連のタスクなどを引き続き実行する必要があります。</p> - -<pre class="brush: js notranslate">function updateInputSources(session, frame, refSpace) { - for (let source of session.getInputSources()) { - let targetRayPose = frame.getPose(inputSource.targetRaySpace, refSpace); - - if (targetRayPose) { - if (source.targetRayMode == "tracked-pointer") { - myRenderTargetRayAsBeam(targetRayPose); - } - } - - /* ... */ - } -} -</pre> - -<p>詳細とより完全な例については、<a href="/ja/docs/Web/API/WebXR_Device_API/Inputs">入力と入力ソース</a>の記事を参照してください。</p> - -<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('WebXR','#enumdef-xrtargetraymode','XRTargetRayMode')}}</td> - <td>{{Spec2('WebXR')}}</td> - <td>初期定義</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - -<p>{{Compat("api.XRTargetRayMode")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li><a href="/ja/docs/Web/API/WebXR_Device_API">WebXR Device API</a></li> - <li><a href="/ja/docs/Web/API/WebXR_Device_API/Inputs">入力と入力ソース</a></li> -</ul> diff --git a/files/ja/conflicting/web/api/xrreferencespaceevent/xrreferencespaceevent/index.html b/files/ja/conflicting/web/api/xrreferencespaceevent/xrreferencespaceevent/index.html deleted file mode 100644 index 2ee7e3df6a..0000000000 --- a/files/ja/conflicting/web/api/xrreferencespaceevent/xrreferencespaceevent/index.html +++ /dev/null @@ -1,73 +0,0 @@ ---- -title: XRReferenceSpaceEventInit -slug: conflicting/Web/API/XRReferenceSpaceEvent/XRReferenceSpaceEvent -tags: - - API - - AR - - Configuration - - Dictionary - - Mixed - - Options - - Reality - - Reference - - Settings - - VR - - Virtual - - WebXR - - WebXR API - - WebXR Device API - - XR - - XRReferenceSpaceEventInit - - augmented -translation_of: Web/API/XRReferenceSpaceEventInit -original_slug: Web/API/XRReferenceSpaceEventInit ---- -<p>{{APIRef("WebXR Device API")}}{{SecureContext_header}}</p> - -<p><strong><code>XRReferenceSpaceEventInit</code></strong> ディクショナリーは、{{domxref("XRReferenceSpaceEvent.XRReferenceSpaceEvent", "XRReferenceSpaceEvent()")}} コンストラクターを呼び出して、そのプロパティの値を提供するときに使用します。 プロパティは読み取り専用であるため、これが値を設定するために利用できる唯一の機会です。</p> - -<p>これらのイベントは WebXR インフラストラクチャーによって作成されるため、通常はこれを使用する必要はありません。</p> - -<h2 id="Properties" name="Properties">プロパティ</h2> - -<dl> - <dt>{{domxref("XRReferenceSpaceEventInit.referenceSpace", "referenceSpace")}}</dt> - <dd>イベントの発生元の {{domxref("XRReferenceSpace")}}。</dd> - <dt>{{domxref("XRReferenceSpaceEventInit.transform", "transform")}}</dt> - <dd>古い座標系(このイベントによって示される変更の前のもの)を新しい座標系にマップする {{domxref("XRRigidTransform")}}。</dd> -</dl> - -<h2 id="Usage_notes" name="Usage_notes">使用上の注意</h2> - -<p>{{domxref("XRReferenceSpaceEvent.XRReferenceSpaceEvent", "XRReferenceSpaceEvent()")}} コンストラクターを呼び出す前に、このディクショナリーのすべてのプロパティに有効な値を設定する必要があります。</p> - -<h2 id="Examples" name="Examples">例</h2> - -<p>この単純なスニペットは、コンストラクターを呼び出して、{{domxref("XRReferenceSpace.reset_event", "reset")}} タイプの新しい参照空間イベントを作成します。</p> - -<pre class="brush: js notranslate">let refSpaceEvent = new XRReferenceSpaceEvent("reset", { - referenceSpace: myRefSpace, - transform: myTransform -}); -</pre> - -<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('WebXR','#dictdef-xrreferencespaceeventinit','XRReferenceSpaceEventInit')}}</td> - <td>{{Spec2('WebXR')}}</td> - <td>初期定義</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - -<p>{{Compat("api.XRReferenceSpaceEventInit")}}</p> diff --git a/files/ja/conflicting/web/api/xrreferencespaceevent/xrreferencespaceevent_0f733d39fd3094010931f093b9045686/index.html b/files/ja/conflicting/web/api/xrreferencespaceevent/xrreferencespaceevent_0f733d39fd3094010931f093b9045686/index.html deleted file mode 100644 index 2523b17ea1..0000000000 --- a/files/ja/conflicting/web/api/xrreferencespaceevent/xrreferencespaceevent_0f733d39fd3094010931f093b9045686/index.html +++ /dev/null @@ -1,63 +0,0 @@ ---- -title: XRReferenceSpaceEventInit.referenceSpace -slug: >- - conflicting/Web/API/XRReferenceSpaceEvent/XRReferenceSpaceEvent_0f733d39fd3094010931f093b9045686 -tags: - - API - - AR - - Mixed - - Property - - Reality - - Reference - - VR - - Virtual - - WebXR - - WebXR API - - WebXR Device API - - XR - - XRReferenceSpaceEventInit - - augmented - - referenceSpace -translation_of: Web/API/XRReferenceSpaceEventInit/referenceSpace -original_slug: Web/API/XRReferenceSpaceEventInit/referenceSpace ---- -<p>{{APIRef("WebXR Device API")}}{{SecureContext_header}}</p> - -<p>{{domxref("XRReferenceSpaceEventInit")}} の <strong><code>referenceSpace</code></strong> プロパティは、{{domxref("XRReferenceSpaceEvent.XRReferenceSpaceEvent", "XRReferenceSpaceEvent()")}} コンストラクターを呼び出すときに、新しく構築される {{domxref("XRReferenceSpaceEvent")}} オブジェクトの値を確立するために使用します。</p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<pre class="syntaxbox notranslate">let <em>eventInitDict</em> = { - referenceSpace: <em>xrReferenceSpace</em>, - transform: <em>xrRigidTransform</em> -}); -</pre> - -<h3 id="Value" name="Value">値</h3> - -<p>イベントのソースを示す {{domxref("XRReferenceSpace")}}。</p> - -<h2 id="Examples" name="Examples">例</h2> - -<p>{{page("/ja/docs/Web/API/XRReferenceSpaceEventInit", "Examples")}}</p> - -<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('WebXR','#dom-xrreferencespaceeventinit-referencespace','XRReferenceSpaceEventInit.referenceSpace')}}</td> - <td>{{Spec2('WebXR')}}</td> - <td>初期定義</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - -<p>{{Compat("api.XRReferenceSpaceEventInit.referenceSpace")}}</p> diff --git a/files/ja/conflicting/web/api/xrreferencespaceevent/xrreferencespaceevent_7dfb381c892055a0c91980d537a86c6b/index.html b/files/ja/conflicting/web/api/xrreferencespaceevent/xrreferencespaceevent_7dfb381c892055a0c91980d537a86c6b/index.html deleted file mode 100644 index 96da5a1fa1..0000000000 --- a/files/ja/conflicting/web/api/xrreferencespaceevent/xrreferencespaceevent_7dfb381c892055a0c91980d537a86c6b/index.html +++ /dev/null @@ -1,62 +0,0 @@ ---- -title: XRReferenceSpaceEventInit.transform -slug: >- - conflicting/Web/API/XRReferenceSpaceEvent/XRReferenceSpaceEvent_7dfb381c892055a0c91980d537a86c6b -tags: - - API - - AR - - Mixed - - Property - - Reality - - Reference - - VR - - Virtual - - WebXR - - WebXR API - - WebXR Device API - - XR - - XRReferenceSpaceEventInit - - augmented - - transform -translation_of: Web/API/XRReferenceSpaceEventInit/transform -original_slug: Web/API/XRReferenceSpaceEventInit/transform ---- -<p>{{APIRef("WebXR Device API")}}{{SecureContext_header}}</p> - -<p><span class="seoSummary">{{domxref("XRReferenceSpaceEventInit")}} の <strong><code>transform</code></strong> プロパティは、イベントが表す変更が適用された後の、影響を受ける参照空間のネイティブの原点の位置と向きを示します。</span> <code>transform</code> は古い座標系を使用して定義します。 これにより、座標をイベント前の座標系からイベント後の座標系に変換するために使用できます。</p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<pre class="syntaxbox notranslate">let <em>eventInitDict</em> = { - referenceSpace: <em>xrReferenceSpace</em>, - transform: <em>xrRigidTransform</em> -});</pre> - -<h3 id="Value" name="Value">値</h3> - -<p>座標をイベント前の座標系からイベント後の座標系に変換するために使用できる変換を提供する {{domxref("XRRigidTransform")}} オブジェクト。</p> - -<h2 id="Examples" name="Examples">例</h2> - -<p>{{page("/ja/docs/Web/API/XRReferenceSpaceEventInit", "Examples")}}</p> - -<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('WebXR','#dom-xrreferencespaceeventinit-transform','XRReferenceSpaceEventInit.transform')}}</td> - <td>{{Spec2('WebXR')}}</td> - <td>初期定義</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - -<p>{{Compat("api.XRReferenceSpaceEventInit.transform")}}</p> diff --git a/files/ja/conflicting/web/api_49b9a84475f11fffb8fc271a7df3c49a/index.html b/files/ja/conflicting/web/api_49b9a84475f11fffb8fc271a7df3c49a/index.html new file mode 100644 index 0000000000..cdd2b4c27d --- /dev/null +++ b/files/ja/conflicting/web/api_49b9a84475f11fffb8fc271a7df3c49a/index.html @@ -0,0 +1,11 @@ +--- +title: 索引 +slug: conflicting/Web/API_49b9a84475f11fffb8fc271a7df3c49a +tags: + - API + - Index + - Landing +translation_of: Web/API/Index +original_slug: Web/API/Index +--- +<p>{{Index("/ja/docs/Web/API")}}</p> diff --git a/files/ja/conflicting/web/css/index.html b/files/ja/conflicting/web/css/index.html index 3b505b86f1..9585f457ed 100644 --- a/files/ja/conflicting/web/css/index.html +++ b/files/ja/conflicting/web/css/index.html @@ -1,32 +1,31 @@ --- -title: CSS-2 Quick Reference +title: ツール slug: conflicting/Web/CSS tags: - CSS - - CSS2_Quick_Reference - - CSS_2.1 -translation_of: Web/CSS -translation_of_original: CSS-2_Quick_Reference -original_slug: CSS-2_Quick_Reference + - Guide + - NeedsUpdate + - ガイド +translation_of: Web/CSS/Tools +original_slug: Web/CSS/Tools --- -<p> </p><p>この文書は、初心者からエキスパートまでのための CSS-2 仕様のクイックリファレンスです。スタイルプロパティは簡単な文法で書かれています。 -</p><p><big><b><a href="ja/CSS-2_Quick_Reference/All_in_a_page">CSS-2 クイックリファレンス(一括)</a></b></big> -</p><p>さらに詳しい情報とブラウザのサポート: -</p><p><big> -<b><a href="ja/CSS-2_Quick_Reference/Selectors">セレクタ</a></b><br> -<b><a href="ja/CSS-2_Quick_Reference/Box_model">ボックスモデル</a></b><br> -<b><a href="ja/CSS-2_Quick_Reference/Visual_formatting_model">視覚的構成モデル</a></b><br> -<b><a href="ja/CSS-2_Quick_Reference/Visual_formatting_details">視覚的構成の詳細</a></b><br> -<b><a href="ja/CSS-2_Quick_Reference/Visual_effects">視覚効果</a></b><br> -<b><a href="ja/CSS-2_Quick_Reference/Lists">リスト</a></b><br> -<b><a href="ja/CSS-2_Quick_Reference/Color_and_Background">カラーと背景</a></b><br> -<b><a href="ja/CSS-2_Quick_Reference/Font">フォント</a></b><br> -<b><a href="ja/CSS-2_Quick_Reference/Text">テキスト</a></b><br> -<b><a href="ja/CSS-2_Quick_Reference/Tables">表組み</a></b><br> -<b><a href="ja/CSS-2_Quick_Reference/User_interface">ユーザインタフェース</a></b><br> -<b><a href="ja/CSS-2_Quick_Reference/Units">単位</a></b><br> -</big> -</p> -<div class="noinclude"> -</div> -{{ languages( { "en": "en/CSS-2_Quick_Reference", "fr": "fr/Pr\u00e9cis_CSS_2", "pl": "pl/Szybka_dokumentacja_CSS-2" } ) }} +<div></div> + +<p>CSS は強力な機能を多数提供していますが、その中には使いこなすのが面倒だったり、引数が多かったりするので、作業をしながら視覚化できると便利です。このページでは、これらの機能を使ってコンテンツのスタイルを整えるための CSS を構築するのに役立つ便利なツールへのリンクをいくつか紹介しています。</p> + +<p>{{LandingPageListSubpages}}</p> + +<h2 id="Other_tools" name="Other_tools">その他のツール</h2> + +<ul> + <li>CSS アニメーション - <a href="http://jeremyckahn.github.io/stylie/">Stylie</a></li> + <li>端末のディスプレイ情報を調べる ({{Glossary("responsive web design")}} で役立ちます) - <a href="http://mydevice.io">mydevice.io</a></li> + <li>CSS メニュー - <a href="http://cssmenumaker.com/">cssmenumaker.com</a></li> + <li>強力でモダンな CSS リンターで、一貫性のある規約を施行し、スタイルシートでのエラーを回避するのに役立ちます - <a href="https://stylelint.io/">stylelint</a></li> +</ul> + +<h2 id="See_also" name="See_also">関連情報</h2> + +<ul> + <li><a href="/ja/docs/Web/CSS">CSS</a></li> +</ul> diff --git a/files/ja/conflicting/web/css_eb0c7d23f84df658710ebb6b4bdec8ea/index.html b/files/ja/conflicting/web/css_eb0c7d23f84df658710ebb6b4bdec8ea/index.html deleted file mode 100644 index c3f2335ad4..0000000000 --- a/files/ja/conflicting/web/css_eb0c7d23f84df658710ebb6b4bdec8ea/index.html +++ /dev/null @@ -1,29 +0,0 @@ ---- -title: Other Resources -slug: conflicting/Web/CSS_eb0c7d23f84df658710ebb6b4bdec8ea -tags: - - CSS -translation_of: Web/CSS -translation_of_original: Web/CSS/Other_Resources -original_slug: Web/CSS/Other_Resources ---- -<h2 id="W3C_Documents" name="W3C_Documents">W3C の文書</h2> -<ul> - <li><a class="external" href="http://www.w3.org/Style/CSS/">CSS メインページ</a></li> - <li><a class="external" href="http://www.w3.org/TR/REC-CSS2/">CSS2 仕様</a></li> - <li><a class="external" href="http://www.w3.org/TR/CSS21/">CSS 2.1 仕様</a></li> - <li><a class="external" href="http://www.w3.org/Stylesheets/Core/">W3C での基本スタイルシート</a></li> - <li><a class="external" href="http://www.w3.org/Style/CSS/Test/current/">CSS1 テストスイート</a></li> - <li><a class="external" href="http://www.w3.org/Style/CSS/Test/CSS2.1/current/">CSS2.1 テストスイート</a></li> -</ul> - - -<h2 id="Other_Resources" name="Other_Resources">その他の資料</h2> -<ul> - <li><a class="external" href="http://www.w3schools.com/css/">W3 Schools CSS tutorial pages</a></li> - <li><a class="external" href="http://gallery.theopalgroup.com/selectoracle/">SelectORacle</a></li> - <li><a class="external" href="http://www.westciv.com/style_master/house/">House of Style</a></li> - <li><a class="external" href="http://www.mako4css.com/">MaKo4CSS.com</a></li> - <li>css-discuss: <a class="external" href="http://archivist.incutio.com/css-discuss/">archives</a>, <a class="external" href="http://css-discuss.incutio.com/">wiki</a></li> - <li><a class="external" href="http://www.meyerweb.com/eric/css/edge/">css/edge</a></li> -</ul> |
