From beff76e80538728c83865aa5d1af2f073fd83831 Mon Sep 17 00:00:00 2001 From: Atsuto Yamashita Date: Mon, 7 Mar 2022 01:52:45 +0900 Subject: user_input_methods の推奨事項の日本語訳追加 (#4423) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * 推奨事項の日本語訳追加 * 一部文言を修正 * 「-er」で終わる単語を「ー」で終わるように修正 * 不要な行を削除 --- files/ja/web/guide/user_input_methods/index.html | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) (limited to 'files/ja/web/guide/user_input_methods') diff --git a/files/ja/web/guide/user_input_methods/index.html b/files/ja/web/guide/user_input_methods/index.html index 04d36acba9..5e5390d10f 100644 --- a/files/ja/web/guide/user_input_methods/index.html +++ b/files/ja/web/guide/user_input_methods/index.html @@ -27,16 +27,16 @@ translation_of: Web/Guide/User_input_methods

推奨事項

-

Available input mechanisms depend on the capabilities of the device running the application:

+

利用できる入力の仕組みはアプリを動かしているデバイスの性能に依存します。

-

The following is a set of recommendations and best practices for using such tools in Open Web Apps.

+

以下は推奨事項一式であり、オープンなウェブアプリでそのようなツールを利用するためのベストプラクティスです。

Decide what input mechanism you’re using

-- cgit v1.2.3-54-g00ecf From 7d248f1c670ade5e0b90c3651ac1641becf320b1 Mon Sep 17 00:00:00 2001 From: Atsuto Yamashita Date: Tue, 8 Mar 2022 23:41:59 +0900 Subject: user_input_methods のリンクを日本語ページに修正 (#4424) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- files/ja/web/guide/user_input_methods/index.html | 20 ++++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) (limited to 'files/ja/web/guide/user_input_methods') diff --git a/files/ja/web/guide/user_input_methods/index.html b/files/ja/web/guide/user_input_methods/index.html index 5e5390d10f..08cc862863 100644 --- a/files/ja/web/guide/user_input_methods/index.html +++ b/files/ja/web/guide/user_input_methods/index.html @@ -150,14 +150,14 @@ if (elem.requestFullscreen) {

コンテンツを編集可能にする

-

contenteditable 属性を使うことで、開いているウェブアプリのあらゆる DOM 要素を直接編集することができます。

+

contenteditable 属性を使うことで、開いているウェブアプリのあらゆる DOM 要素を直接編集することができます。

<div contenteditable="true">
     このテキストは閲覧者が編集することができます。
 </div>
-

注: 互換性や例、その他リソースに関する情報は コンテンツを編集可能にするガイドで確認することができます。

+

注: 互換性や例、その他リソースに関する情報は コンテンツを編集可能にするガイドで確認することができます。

例

@@ -168,7 +168,7 @@ if (elem.requestFullscreen) {
Simple pointer lock demo
We've written a simple pointer lock demo to show you how to use it to set up a simple control system. The demo uses JavaScript to draw a ball inside a {{htmlelement("canvas")}} element. When you click the canvas, pointer lock is then used to remove the mouse pointer and allow you to move the ball directly using the mouse.
コンテンツを編集可能にするデモ
-
このデモは、編集可能なドキュメントセクションを作成することに利用できる contenteditable がどのように動くか表示しており、その状態はその後 ローカルストレージを使い保存されます。
+
このデモは、編集可能なドキュメントセクションを作成することに利用できる contenteditable がどのように動くか表示しており、その状態はその後 ローカルストレージを使い保存されます。

チュートリアル

@@ -176,9 +176,9 @@ if (elem.requestFullscreen) {

関連情報

@@ -186,12 +186,12 @@ if (elem.requestFullscreen) { -- cgit v1.2.3-54-g00ecf From eed124c5b15c59e88fb0d3dee7390c7c4e7b76c5 Mon Sep 17 00:00:00 2001 From: atyamash Date: Wed, 9 Mar 2022 17:59:16 +0900 Subject: user_input_methods 修正 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- files/ja/web/guide/user_input_methods/index.html | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) (limited to 'files/ja/web/guide/user_input_methods') diff --git a/files/ja/web/guide/user_input_methods/index.html b/files/ja/web/guide/user_input_methods/index.html index 08cc862863..b2fde6515a 100644 --- a/files/ja/web/guide/user_input_methods/index.html +++ b/files/ja/web/guide/user_input_methods/index.html @@ -14,7 +14,7 @@ tags: translation_of: Web/Guide/User_input_methods ---
-

現代のウェブのユーザー入力は、単純なマウスやキーボードだけではありません。この記事では、ユーザー入力を管理し、オープンなウェブアプリに制御を実装するための推奨事項を、FAQ、実例、および基礎となる技術についてより詳細な情報を必要とする人のための詳細な情報へのリンクとともに提供します。関連する API とイベントには、タッチイベント、ポインターロック API、Screen Orientation API、全画面 API、ドラッグ＆ドロップなどがあります。

+

現代のウェブのユーザー入力は、単純なマウスやキーボードだけではありません。この記事では、ユーザー入力を管理し、オープンなウェブアプリに制御を実装するための推奨事項を、FAQ、実例、および基礎となる技術について、より詳細な情報を必要とする人のための詳細な情報へのリンクとともに提供します。関連する API とイベントには、タッチイベント、Pointer Lock API、Screen Orientation API、Fullscreen API、ドラッグ＆ドロップ APIなどがあります。

ユーザー入力とコントロールのワークフロー

@@ -32,7 +32,7 @@ translation_of: Web/Guide/User_input_methods
  • デバイスの中にはタッチスクリーンディスプレイを提供するものがあります。そのウェブプラットフォームは、タッチを基にしたユーザーインターフェースで指の動きを解釈するためのタッチイベントを提供します。
  • ポインターを操作する方法としてマウスやタッチパッドを提供しているデバイスの場合、Pointer Lock API が一人称視点の 3D ゲームの実装や、他のアプリがポイントを合わせているデバイスの全ての制御を要求するのに役立ちます。そして Fullscreen API は、あなたのアプリをフルスクリーンモードで表示するのに役立ちます。
    • -
  • コンテンツが編集可能な要素（contentEditable など）のような機能を使うことで、速いリッチテキストエディターを実装することができ、そしてドラッグ＆ドロップ APIはユーザーがあなたのアプリ内に要素を移動することを可能にします。画面の向きがあなたのアプリで問題である時、画面の向きを制御する API を通して、画面の向きの状態を参照でき、またその他のアクションを実行できます。 +
  • コンテンツが編集可能な要素（contentEditable など）のような機能を使うことで、速いリッチテキストエディターを実装することができ、そしてドラッグ＆ドロップ APIはユーザーがあなたのアプリ内に要素を移動することを可能にします。画面の向きがあなたのアプリで問題である時、Screen Orientation API を通して、画面の向きの状態を参照でき、またその他のアクションを実行できます。
  • キーボードのアクセシビリティが適切か常に気に掛ける必要があります。多くのユーザーはキーボードのみを使いウェブサイトやアプリを操作します。ですので、あなたのシステムの機能性からそれを除外することは良くない考えです。
@@ -187,10 +187,10 @@ if (elem.requestFullscreen) {
  • {{domxref("MouseEvent")}}
  • {{domxref("KeyboardEvent")}}
  • タッチイベント
    • -
  • {{domxref("Pointer_Lock_API")}}
    • -
  • 画面回転 API
    • -
  • 全画面 API
    • -
  • ドラッグ＆ドロップ
    • +
  • Pointer Lock API
    • +
  • Screen Orientation API
    • +
  • Fullscreen API
    • +
  • ドラッグ＆ドロップ API
  • コンテンツを編集可能にする
  • Keyboard events in Firefox OS TV
  • Implementing TV remote control navigation
    • -- cgit v1.2.3-54-g00ecf From 994e42e36edcc8d4fa4b4e99e0a05d361599820b Mon Sep 17 00:00:00 2001 From: atyamash Date: Sat, 5 Mar 2022 17:53:12 +0900 Subject: user_input_methods のワークフローの日本語訳を追加 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- files/ja/web/guide/user_input_methods/index.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'files/ja/web/guide/user_input_methods') diff --git a/files/ja/web/guide/user_input_methods/index.html b/files/ja/web/guide/user_input_methods/index.html index b2fde6515a..bd5cfa5783 100644 --- a/files/ja/web/guide/user_input_methods/index.html +++ b/files/ja/web/guide/user_input_methods/index.html @@ -19,11 +19,11 @@ translation_of: Web/Guide/User_input_methods

    ユーザー入力とコントロールのワークフロー

    -

    The following diagram illustrates the typical workflow for implementing user input mechanisms:

    +

    次の図式は、ユーザー入力の仕組みを実装するための典型的なワークフローを説明しています。

    -

    First of all, you need to decide which input mechanisms you want to cover in your application out of mouse, keyboard, finger touch and so on. Once you decided the input mechanisms, you can control them using tools offered by the web platform or JavaScript libraries.

    +

    最初に、マウス、キーボード、指でのタッチなどから、アプリケーションで対象としたい入力の仕組みをどれにするかを決める必要があります。入力の仕組みを決めたのであれば、Web プラットフォームや JavaScript ライブラリによって提供されているツールを使い、制御することができます。

    推奨事項

    -- cgit v1.2.3-54-g00ecf From 38866d01224607efdc0b141ba19d40530ef7fa2d Mon Sep 17 00:00:00 2001 From: Atsuto Yamashita Date: Sat, 5 Mar 2022 22:08:27 +0900 Subject: Web をウェブに変更 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- files/ja/web/guide/user_input_methods/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'files/ja/web/guide/user_input_methods') diff --git a/files/ja/web/guide/user_input_methods/index.html b/files/ja/web/guide/user_input_methods/index.html index bd5cfa5783..fd2eb8c503 100644 --- a/files/ja/web/guide/user_input_methods/index.html +++ b/files/ja/web/guide/user_input_methods/index.html @@ -23,7 +23,7 @@ translation_of: Web/Guide/User_input_methods

    -

    最初に、マウス、キーボード、指でのタッチなどから、アプリケーションで対象としたい入力の仕組みをどれにするかを決める必要があります。入力の仕組みを決めたのであれば、Web プラットフォームや JavaScript ライブラリによって提供されているツールを使い、制御することができます。

    +

    最初に、マウス、キーボード、指でのタッチなどから、アプリケーションで対象としたい入力の仕組みをどれにするかを決める必要があります。入力の仕組みを決めたのであれば、ウェブプラットフォームや JavaScript ライブラリによって提供されているツールを使い、制御することができます。

    推奨事項

    -- cgit v1.2.3-54-g00ecf From 9ef5bf3f0c5d38b85f15ba430cd361d0791ef96a Mon Sep 17 00:00:00 2001 From: Atsuto Yamashita Date: Wed, 9 Mar 2022 17:43:53 +0900 Subject: ライブラリーに修正 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Masahiro FUJIMOTO --- files/ja/web/guide/user_input_methods/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'files/ja/web/guide/user_input_methods') diff --git a/files/ja/web/guide/user_input_methods/index.html b/files/ja/web/guide/user_input_methods/index.html index fd2eb8c503..33c0668a0c 100644 --- a/files/ja/web/guide/user_input_methods/index.html +++ b/files/ja/web/guide/user_input_methods/index.html @@ -23,7 +23,7 @@ translation_of: Web/Guide/User_input_methods

    -

    最初に、マウス、キーボード、指でのタッチなどから、アプリケーションで対象としたい入力の仕組みをどれにするかを決める必要があります。入力の仕組みを決めたのであれば、ウェブプラットフォームや JavaScript ライブラリによって提供されているツールを使い、制御することができます。

    +

    最初に、マウス、キーボード、指でのタッチなどから、アプリケーションで対象としたい入力の仕組みをどれにするかを決める必要があります。入力の仕組みを決めたのであれば、ウェブプラットフォームや JavaScript ライブラリーによって提供されているツールを使い、制御することができます。

    推奨事項

    -- cgit v1.2.3-54-g00ecf From d0ff6834a8bcbf97dbf40129dde2f07f58bf640e Mon Sep 17 00:00:00 2001 From: atyamash Date: Fri, 11 Mar 2022 17:45:39 +0900 Subject: user_input_methods のマウスの日本語訳を追加 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- files/ja/web/guide/user_input_methods/index.html | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'files/ja/web/guide/user_input_methods') diff --git a/files/ja/web/guide/user_input_methods/index.html b/files/ja/web/guide/user_input_methods/index.html index 33c0668a0c..9e40ccd88a 100644 --- a/files/ja/web/guide/user_input_methods/index.html +++ b/files/ja/web/guide/user_input_methods/index.html @@ -55,9 +55,10 @@ window.addEventListener("keyup", handleKeyUp, true);

    マウス

    -

    The events occurring when the user interacts with a pointing device such as a mouse are represented by the {{domxref("MouseEvent")}} DOM Interface. Common mouse events include click, dblclick, mouseup, and mousedown. The list of all events using the Mouse Event Interface is provided in the Events reference.

    +

    ユーザーがマウスのようなポインティングデバイスと関わっている時に発生するイベントは {{domxref("MouseEvent")}} DOM インターフェースによって表されます。一般的なマウスイベントは、click イベント、dblclick イベント、mouseup イベント、そして mousedown イベントを含みます。マウスイベントインターフェースが使用している全てのイベントの一覧は、イベントリファレンスに記載されています。

    When the input device is a mouse, you can also control user input through the Pointer Lock API and implement Drag & Drop (see below).

    +

    入力機器がマウスの場合、ユーザー入力を Pointer Lock API やドラッグ＆ドロップ API の実装でも制御できます (下記を参照してください)。

    指でのタッチ

    -- cgit v1.2.3-54-g00ecf From 8d2dc8ec12ee7713c2d4859f4072385a7082129f Mon Sep 17 00:00:00 2001 From: atyamash Date: Fri, 11 Mar 2022 17:48:38 +0900 Subject: 機器をデバイスに変更 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- files/ja/web/guide/user_input_methods/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'files/ja/web/guide/user_input_methods') diff --git a/files/ja/web/guide/user_input_methods/index.html b/files/ja/web/guide/user_input_methods/index.html index 9e40ccd88a..32b72d0996 100644 --- a/files/ja/web/guide/user_input_methods/index.html +++ b/files/ja/web/guide/user_input_methods/index.html @@ -58,7 +58,7 @@ window.addEventListener("keyup", handleKeyUp, true);

    ユーザーがマウスのようなポインティングデバイスと関わっている時に発生するイベントは {{domxref("MouseEvent")}} DOM インターフェースによって表されます。一般的なマウスイベントは、click イベント、dblclick イベント、mouseup イベント、そして mousedown イベントを含みます。マウスイベントインターフェースが使用している全てのイベントの一覧は、イベントリファレンスに記載されています。

    When the input device is a mouse, you can also control user input through the Pointer Lock API and implement Drag & Drop (see below).

    -

    入力機器がマウスの場合、ユーザー入力を Pointer Lock API やドラッグ＆ドロップ API の実装でも制御できます (下記を参照してください)。

    +

    入力デバイスがマウスの場合、ユーザー入力を Pointer Lock API やドラッグ＆ドロップ API の実装でも制御できます (下記を参照してください)。

    指でのタッチ

    -- cgit v1.2.3-54-g00ecf From 110df40cbfe901169b9ac7b1da1e29be198bdfd7 Mon Sep 17 00:00:00 2001 From: atyamash Date: Fri, 11 Mar 2022 17:19:22 +0900 Subject: APIの後に半角空白を追加 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- files/ja/web/guide/user_input_methods/index.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'files/ja/web/guide/user_input_methods') diff --git a/files/ja/web/guide/user_input_methods/index.html b/files/ja/web/guide/user_input_methods/index.html index 32b72d0996..a856722917 100644 --- a/files/ja/web/guide/user_input_methods/index.html +++ b/files/ja/web/guide/user_input_methods/index.html @@ -14,7 +14,7 @@ tags: translation_of: Web/Guide/User_input_methods ---
    -

    現代のウェブのユーザー入力は、単純なマウスやキーボードだけではありません。この記事では、ユーザー入力を管理し、オープンなウェブアプリに制御を実装するための推奨事項を、FAQ、実例、および基礎となる技術について、より詳細な情報を必要とする人のための詳細な情報へのリンクとともに提供します。関連する API とイベントには、タッチイベント、Pointer Lock API、Screen Orientation API、Fullscreen API、ドラッグ＆ドロップ APIなどがあります。

    +

    現代のウェブのユーザー入力は、単純なマウスやキーボードだけではありません。この記事では、ユーザー入力を管理し、オープンなウェブアプリに制御を実装するための推奨事項を、FAQ、実例、および基礎となる技術について、より詳細な情報を必要とする人のための詳細な情報へのリンクとともに提供します。関連する API とイベントには、タッチイベント、Pointer Lock API、Screen Orientation API、Fullscreen API、ドラッグ＆ドロップ API などがあります。

    ユーザー入力とコントロールのワークフロー

    @@ -32,7 +32,7 @@ translation_of: Web/Guide/User_input_methods
    • デバイスの中にはタッチスクリーンディスプレイを提供するものがあります。そのウェブプラットフォームは、タッチを基にしたユーザーインターフェースで指の動きを解釈するためのタッチイベントを提供します。
    • ポインターを操作する方法としてマウスやタッチパッドを提供しているデバイスの場合、Pointer Lock API が一人称視点の 3D ゲームの実装や、他のアプリがポイントを合わせているデバイスの全ての制御を要求するのに役立ちます。そして Fullscreen API は、あなたのアプリをフルスクリーンモードで表示するのに役立ちます。
      • -
    • コンテンツが編集可能な要素（contentEditable など）のような機能を使うことで、速いリッチテキストエディターを実装することができ、そしてドラッグ＆ドロップ APIはユーザーがあなたのアプリ内に要素を移動することを可能にします。画面の向きがあなたのアプリで問題である時、Screen Orientation API を通して、画面の向きの状態を参照でき、またその他のアクションを実行できます。 +
    • コンテンツが編集可能な要素（contentEditable など）のような機能を使うことで、速いリッチテキストエディターを実装することができ、そしてドラッグ＆ドロップ API はユーザーがあなたのアプリ内に要素を移動することを可能にします。画面の向きがあなたのアプリで問題である時、Screen Orientation API を通して、画面の向きの状態を参照でき、またその他のアクションを実行できます。
    • キーボードのアクセシビリティが適切か常に気に掛ける必要があります。多くのユーザーはキーボードのみを使いウェブサイトやアプリを操作します。ですので、あなたのシステムの機能性からそれを除外することは良くない考えです。
    -- cgit v1.2.3-54-g00ecf From eaf4b3a1cebea97822f0b942c03f03e7e0628bf5 Mon Sep 17 00:00:00 2001 From: atyamash Date: Wed, 9 Mar 2022 19:45:43 +0900 Subject: user_input_methods のキーボードの和訳追加 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- files/ja/web/guide/user_input_methods/index.html | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) (limited to 'files/ja/web/guide/user_input_methods') diff --git a/files/ja/web/guide/user_input_methods/index.html b/files/ja/web/guide/user_input_methods/index.html index a856722917..30989d253f 100644 --- a/files/ja/web/guide/user_input_methods/index.html +++ b/files/ja/web/guide/user_input_methods/index.html @@ -38,19 +38,19 @@ translation_of: Web/Guide/User_input_methods

    以下は推奨事項一式であり、オープンなウェブアプリでそのようなツールを利用するためのベストプラクティスです。

    -

    Decide what input mechanism you’re using

    +

    使用する入力の仕組みを決める

    キーボード

    -

    Keyboard input can be controlled by your app. For example if you want to add controls when any key gets pressed, you need to add an event listener on the window object:

    +

    キーボード入力はあなたのアプリによって制御できます。例えば、何らかのキーが押された時に制御を追加したい場合、ウィンドウオブジェクトにイベントリスナーを追加する必要があります。

    window.addEventListener("keydown", handleKeyDown, true);
 window.addEventListener("keyup", handleKeyUp, true);
    -

    where handleKeyDown and handleKeyUp are the functions implementing the controls about the keydown and keyup events.

    +

    handleKeyDown と handleKeyUp は、keydown と keyup イベントについての制御を実装する関数です。

    -

    注: Have a look at the Events reference and {{domxref("KeyboardEvent")}} guide to find out more about keyboard events.

    +

    注: キーボードイベントについて、より知りたい人はイベントリファレンス と {{domxref("KeyboardEvent")}} ガイドをご確認ください。

    マウス

    -- cgit v1.2.3-54-g00ecf