diff options
author | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2021-04-20 21:41:09 +0900 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-04-20 21:41:09 +0900 |
commit | 13ba45ebc58799c2b400761f463897b92e902d1c (patch) | |
tree | 3714d8c654e6d248b28b7dcd40397e720e8838e6 /files/ja/web/javascript/reference/global_objects/intl | |
parent | e33d623b3c79684e6cceb767408539f8d53b4727 (diff) | |
download | translated-content-13ba45ebc58799c2b400761f463897b92e902d1c.tar.gz translated-content-13ba45ebc58799c2b400761f463897b92e902d1c.tar.bz2 translated-content-13ba45ebc58799c2b400761f463897b92e902d1c.zip |
Intl.RelativeTimeFormat() を更新 (#446)
2021/03/20 時点の英語版に同期
Diffstat (limited to 'files/ja/web/javascript/reference/global_objects/intl')
-rw-r--r-- | files/ja/web/javascript/reference/global_objects/intl/relativetimeformat/relativetimeformat/index.html | 110 |
1 files changed, 55 insertions, 55 deletions
diff --git a/files/ja/web/javascript/reference/global_objects/intl/relativetimeformat/relativetimeformat/index.html b/files/ja/web/javascript/reference/global_objects/intl/relativetimeformat/relativetimeformat/index.html index fdc22fa753..3a7cd5722c 100644 --- a/files/ja/web/javascript/reference/global_objects/intl/relativetimeformat/relativetimeformat/index.html +++ b/files/ja/web/javascript/reference/global_objects/intl/relativetimeformat/relativetimeformat/index.html @@ -7,6 +7,7 @@ tags: - Internationalization - Intl - JavaScript + - Localization - Reference - RelativeTimeFormat translation_of: >- @@ -16,48 +17,51 @@ translation_of: >- <p><strong><code>Intl.RelativeTimeFormat()</code></strong> コンストラクターは、 {{jsxref("Intl/RelativeTimeFormat", "Intl.RelativeTimeFormat")}} オブジェクトを生成します。</p> -<h2 id="Syntax" name="Syntax">構文</h2> +<h2 id="Syntax">構文</h2> -<pre class="notranslate">new Intl.RelativeTimeFormat([<var>locales</var>[, <var>options</var>]])</pre> +<pre class="brush: js">new Intl.RelativeTimeFormat([<var>locales</var>[, <var>options</var>]])</pre> -<h3 id="Parameters" name="Parameters">引数</h3> +<h3 id="Parameters">引数</h3> <dl> - <dt><code><var>locales</var></code> {{optional_inline}}</dt> - <dd> - <p>BCP 47 言語タグを持つ文字列か、そのような文字列の配列です。 <code>locales</code> 引数の一般的な形式と解釈については、 {{jsxref("Global_Objects/Intl", "Intl ページ", "#Locale_identification_and_negotiation", 1)}}を参照してください。</p> - </dd> - <dt><code><var>options</var></code> {{optional_inline}}</dt> - <dd>以下のプロパティのうち一部またはすべてを持つオブジェクトです。 - <dl> - <dt><code>localeMatcher</code></dt> - <dd>使用するロケールの一致アルゴリズムです。指定可能な値は <code>lookup</code> および <code>best fit</code> で、既定値は <code>best fit</code> です。このオプションの詳細は、 {{jsxref("Global_Objects/IntlIntl", "Intl", "#Locale_negotiation")}} を参照してください。</dd> - <dt><code>numeric</code></dt> - <dd>メッセージを出力する書式です。利用可能な値は次の通りです。 - <ul> - <li>"<code>always</code>" (既定値、例えば <code>1 日前</code>)</li> - <li>"<code>auto</code>" (例えば <code>昨日</code>)。 "<code>auto</code>" にすると、出力に常に数値が入るとは限りません。</li> - </ul> - </dd> - <dt><code>style</code></dt> - <dd>国際化されたメッセージの長さです。利用可能な値は次の通りです。 - <ul> - <li>"<code>long</code>" (既定値、例えば <code>in 1 month</code>)</li> - <li>"<code>short</code>" (例えば <code>in 1 mo.</code>)</li> - <li>"<code>narrow</code>" (例えば <code>in 1 mo.</code>) narrow スタイルは同じロケールでは short スタイルと同様になることがあります。</li> - </ul> - </dd> - </dl> - </dd> + <dt><code><var>locales</var></code> {{optional_inline}}</dt> + <dd> + <p>BCP 47 言語タグを持つ文字列か、そのような文字列の配列です。 <code>locales</code> 引数の一般的な形式と解釈については、 {{jsxref("Global_Objects/Intl", "Intl", "#Locale_identification_and_negotiation", 1)}} のページを参照してください。</p> + </dd> + <dt><code><var>options</var></code> {{optional_inline}}</dt> + <dd> + <p>以下のプロパティのうち一部またはすべてを持つオブジェクトです。</p> + <dl> + <dt><code>localeMatcher</code></dt> + <dd>使用するロケールの一致アルゴリズムです。使用可能な値は "<code>lookup</code>" および "<code>best fit</code>" で、既定値は "<code>best fit</code>" です。このオプションの詳細は、 {{jsxref("Global_Objects/Intl", "Intl", "#Locale_negotiation", 1)}} のページを参照してください。</dd> + <dt><code>numeric</code></dt> + <dd> + メッセージを出力する書式です。使用可能な値は次の通りです。 + <ul> + <li>"<code>always</code>" (既定値、例えば <code>1 日前</code>)</li> + <li>"<code>auto</code>" (例えば <code>昨日</code>)。 "<code>auto</code>" にすると、出力に常に数値が入るとは限りません。</li> + </ul> + </dd> + <dt><code>style</code></dt> + <dd> + 国際化されたメッセージの長さです。使用可能な値は次の通りです。 + <ul> + <li>"<code>long</code>" (既定値、例えば <code>in 1 month</code>)</li> + <li>"<code>short</code>" (例えば <code>in 1 mo.</code>)</li> + <li>"<code>narrow</code>" (例えば <code>in 1 mo.</code>) narrow スタイルは同じロケールでは short スタイルと同様になることがあります。</li> + </ul> + </dd> + </dl> + </dd> </dl> -<h2 id="Examples" name="Examples">例</h2> +<h2 id="Examples">例</h2> -<h3 id="Basic_format_usage" name="Basic_format_usage">基本的な書式の使い方</h3> +<h3 id="Basic_format_usage">基本的な書式の使い方</h3> <p>以下の例は、英語を使用した相対時間のフォーマッターの生成方法を示しています。</p> -<pre class="brush: js notranslate">// Create a relative time formatter in your locale +<pre class="brush: js">// Create a relative time formatter in your locale // with default values explicitly passed in. const rtf = new Intl.RelativeTimeFormat("en", { localeMatcher: "best fit", // other values: "lookup" @@ -73,11 +77,11 @@ rtf.format(-1, "day"); rtf.format(1, "day"); // > "in 1 day"</pre> -<h3 id="Using_the_auto_option" name="Using_the_auto_option">auto オプションの使用</h3> +<h3 id="Using_the_auto_option">auto オプションの使用</h3> -<p><code>numeric:auto</code> オプションが渡された場合は、 <code>1 day ago</code> や <code>in 1 day</code> の代わりに <code>yesterday</code> や <code>tomorrow</code> の文字列が生成されます。これにより、出力に数値が含まれなくなることがあります。</p> +<p><code>numeric:auto</code> オプションが渡された場合は、 <code>yesterday</code> や <code>tomorrow</code> の文字列が <code>1 day ago</code> や <code>in 1 day</code> の代わりに生成されます。これにより、出力に数値が含まれなくなることがあります。</p> -<pre class="brush: js notranslate">// Create a relative time formatter in your locale +<pre class="brush: js">// Create a relative time formatter in your locale // with numeric: "auto" option value passed in. const rtf = new Intl.RelativeTimeFormat("en", { numeric: "auto" }); @@ -90,33 +94,29 @@ rtf.format(1, "day"); // > "tomorrow" </pre> -<h2 id="Specifications" name="Specifications">仕様書</h2> +<h2 id="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('ES Int Draft', '#sec-intl-relativetimeformat-constructor', 'RelativeTimeFormat()')}}</td> - <td>第 4 段階</td> - <td></td> - </tr> - </tbody> + <thead> + <tr> + <th scope="col">仕様書</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('ES Int Draft', '#sec-intl-relativetimeformat-constructor', 'RelativeTimeFormat()')}}</td> + </tr> + </tbody> </table> <h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> -<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div> +<div>{{Compat("javascript.builtins.Intl.RelativeTimeFormat.RelativeTimeFormat")}}</div> -<p>{{Compat("javascript.builtins.Intl.RelativeTimeFormat.RelativeTimeFormat")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> +<h2 id="See_also">関連情報</h2> <ul> - <li><a href="https://developers.google.com/web/updates/2018/10/intl-relativetimeformat">The Intl.RelativeTimeFormat API</a></li> + <li>{{jsxref("Intl.RelativeTimeFormat")}}</li> + <li>{{jsxref("Global_Objects/Intl", "Intl")}}</li> + <li><a href="https://developers.google.com/web/updates/2018/10/intl-relativetimeformat">The Intl.RelativeTimeFormat API</a></li> </ul> |