From b8899e350326af3e53dfad89747761c1c13a3915 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Tue, 14 Sep 2021 11:06:51 +0900 Subject: Learn 以下の文書内のリンクURLを正規化 (#2356) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - /en-US へのリンクを /ja へのリンクに修正 - /ja が付いていないものに /ja を付加 - MDN内のリンクが完全URLの場合、 /ja/docs からのURLに修正 --- files/ja/learn/javascript/asynchronous/index.html | 14 +++++------ .../javascript/building_blocks/events/index.html | 2 +- .../building_blocks/functions/index.html | 12 +++++----- .../ja/learn/javascript/building_blocks/index.html | 2 +- .../building_blocks/looping_code/index.html | 2 +- .../building_blocks/return_values/index.html | 2 +- .../client-side_web_apis/fetching_data/index.html | 14 +++++------ .../javascript/client-side_web_apis/index.html | 6 ++--- .../client-side_web_apis/introduction/index.html | 18 +++++++------- .../manipulating_documents/index.html | 28 +++++++++++----------- .../third_party_apis/index.html | 2 +- .../video_and_audio_apis/index.html | 26 ++++++++++---------- .../first_steps/a_first_splash/index.html | 26 ++++++++++---------- files/ja/learn/javascript/first_steps/index.html | 4 ++-- .../learn/javascript/first_steps/math/index.html | 20 ++++++++-------- .../javascript/first_steps/strings/index.html | 20 ++++++++-------- .../first_steps/useful_string_methods/index.html | 18 +++++++------- .../javascript/first_steps/variables/index.html | 18 +++++++------- files/ja/learn/javascript/howto/index.html | 12 +++++----- files/ja/learn/javascript/index.html | 4 ++-- files/ja/learn/javascript/objects/index.html | 2 +- .../javascript/objects/inheritance/index.html | 6 ++--- files/ja/learn/javascript/objects/json/index.html | 14 +++++------ .../objects/object_building_practice/index.html | 2 +- .../objects/object_prototypes/index.html | 2 +- .../index.html | 2 +- 26 files changed, 139 insertions(+), 139 deletions(-) (limited to 'files/ja/learn/javascript') diff --git a/files/ja/learn/javascript/asynchronous/index.html b/files/ja/learn/javascript/asynchronous/index.html index f3b1c62242..adac4c607a 100644 --- a/files/ja/learn/javascript/asynchronous/index.html +++ b/files/ja/learn/javascript/asynchronous/index.html @@ -19,7 +19,7 @@ translation_of: Learn/JavaScript/Asynchronous

非同期 JavaScript はとても高度なトピックなので、事前に JavaScript の第一歩と JavaScript の構成要素のモジュールに取り組んでおくことをおすすめします。

-

非同期プログラミングの概念に慣れていない場合は、間違いなくこのモジュールの General asynchronous programming concepts から始めるべきです。慣れている場合は、Introducing asynchronous JavaScript まで飛ばしていただいてもかまいません。

+

非同期プログラミングの概念に慣れていない場合は、間違いなくこのモジュールの General asynchronous programming concepts から始めるべきです。慣れている場合は、Introducing asynchronous JavaScript まで飛ばしていただいてもかまいません。

注記： ファイルを作成する手段のないコンピュータ・タブレット・その他のデバイスをお使いの場合、（ほとんどの）コード例は JSBin やThimble などのオンラインエディタでも試すことができます。

@@ -28,19 +28,19 @@ translation_of: Learn/JavaScript/Asynchronous

ガイド

-
General asynchronous programming concepts
+
General asynchronous programming concepts

この記事では、非同期プログラミングに関するいくつかの重要な概念を一通り確認し、それらがウェブブラウザや JavaScript でどう見えるかを確認します。このモジュールの他の記事に進む前に、それらの概念を理解しておいてください。

-
Introducing asynchronous JavaScript
+
Introducing asynchronous JavaScript
この記事では、同期 JavaScript にまつわる問題をざっと振り返り、これから遭遇するであろう、今までとは異なる非同期 JavaScript のテクニックをいくつか見てみます。そして、それらのテクニックがいかにして同期 JavaScript の問題を解決するかを確認します。
-
Cooperative asynchronous JavaScript: Timeouts and intervals
+
Cooperative asynchronous JavaScript: Timeouts and intervals
ここでは、JavaScriptでコードを非同期〔一定時間が経過した時、もしくは、一定間隔（例えば1秒あたり何回）〕に実行する時に使う伝統的な手法を見てみます。そして、どんな場合に便利なのかを説明し、内在する問題を考察します。
-
Handling async operations gracefully with Promises
+
Handling async operations gracefully with Promises
Promise は JavaScript の比較的新しい機能で、前の処理が完了するまでそれ以上の処理を先延ばしにしたり、その失敗に対処したりすることを可能にするものです。これは、一連の作業を正しく動作させるのに非常に便利です。この記事では、promise がどのように動作するか、WebAPIのどこで使われているか、そして、どうやって使うかを解説します。
-
Making asynchronous programming easier with async and await
+
Making asynchronous programming easier with async and await
Promise は構成したり理解したりするのにやや複雑であるため、モダンブラウザは async 関数と await 演算子を実装しています。前者は通常の関数が promise によって暗黙に非同期的に振る舞うことを可能にし、後者は async 関数内で処理が進む前に promise を待つことで、promise の連鎖を簡単にします。この記事では async/await を解説します。
-
Choosing the right approach
+
Choosing the right approach
このモジュールの最後に、別のコーディングテクニックとこれまで議論してきた機能を考察します。そして、推奨事項とよくある落とし穴への注意とともに、どれを・いつ・どこで使うのが適切なのかを検討します。
diff --git a/files/ja/learn/javascript/building_blocks/events/index.html b/files/ja/learn/javascript/building_blocks/events/index.html index 6f2d31df5f..58aba9ea1c 100644 --- a/files/ja/learn/javascript/building_blocks/events/index.html +++ b/files/ja/learn/javascript/building_blocks/events/index.html @@ -137,7 +137,7 @@ btn.onclick = bgChange;
  • btn.onmouseover と btn.onmouseout — マウスポインタがボタンの上に来たときとボタンの上から外れた時に色が変わります。
    • -

    いくつかのイベントはとても汎用的なのでほとんどどこでも使えます(例えば onlick ハンドラはほぼ全ての要素に登録できます)が、いくつかはもっと限定的で、特定の状況でしか使えません(例えば onplay  は{{htmlelement("video")}}のような特定の要素でのみ意味を持ちます)。

    +

    いくつかのイベントはとても汎用的なのでほとんどどこでも使えます(例えば onlick ハンドラはほぼ全ての要素に登録できます)が、いくつかはもっと限定的で、特定の状況でしか使えません(例えば onplay  は{{htmlelement("video")}}のような特定の要素でのみ意味を持ちます)。

    インラインイベントハンドラー — 使っちゃだめ

    diff --git a/files/ja/learn/javascript/building_blocks/functions/index.html b/files/ja/learn/javascript/building_blocks/functions/index.html index a6901fcec8..6abfcb5ddb 100644 --- a/files/ja/learn/javascript/building_blocks/functions/index.html +++ b/files/ja/learn/javascript/building_blocks/functions/index.html @@ -29,7 +29,7 @@ translation_of: Learn/JavaScript/Building_blocks/Functions 前提知識: - 基本的なコンピューターの知識、HTML と CSS への理解、JavaScript の第一歩。 + 基本的なコンピューターの知識、HTML と CSS への理解、JavaScript の第一歩。 目的: @@ -79,15 +79,15 @@ console.log(madeAString);

    JavaScript言語にはたくさんの組込み関数があるので、いろいろあるあなたのやりたい事を、全部をあなた自身で書かなくてもすみます。実は、あなたが呼び出して起動(走らせたり実行する事の別の言い方)するコードのいくつかは、JavaScript では書けない、ブラウザー組込み関数です — こういった関数の多くは背後のブラウザーのコードを呼び出していて、これらは JavaScript のようなウェブ言語ではなく、大半が C++のような低レベルのシステム言語で書かれています。

    -

    ブラウザー関数のいくつかは JavaScript言語の核に含まれない事を心に留めておいてください — いくつかはブラウザー API の一部として定義されていて、もっと多くの機能を提供すべくデフォルトの言語の上で構築されています(詳しくは私たちのコースのこの以前のセクションを見てください)。ブラウザー API のもっと詳しい使い方については、後の方のモジュールで見ていく事になるでしょう。

    +

    ブラウザー関数のいくつかは JavaScript言語の核に含まれない事を心に留めておいてください — いくつかはブラウザー API の一部として定義されていて、もっと多くの機能を提供すべくデフォルトの言語の上で構築されています(詳しくは私たちのコースのこの以前のセクションを見てください)。ブラウザー API のもっと詳しい使い方については、後の方のモジュールで見ていく事になるでしょう。

    関数とメソッド

    オブジェクトのメソッドの一部を、プログラマーは関数として呼び出します。構成された JavaScript オブジェクト内部の働きについては、まだ知る必要はありません — この後のモジュールで、オブジェクト内部の働きや自分でオブジェクトを作る方法について教える段階になってから覚えれば大丈夫です。今のところは、ウェブのあちこちにある関連したリソースを見ていると、メソッドと関数が混在している事があるとわかってもらいたいだけです。

    -

    これまで利用してきた組込み関数は両方です: 関数でありメソッドでもあります。組み込みオブジェクトとそのメソッドと同様に、組み込み関数の一覧をこちらで確認できます。

    +

    これまで利用してきた組込み関数は両方です: 関数でありメソッドでもあります。組み込みオブジェクトとそのメソッドと同様に、組み込み関数の一覧をこちらで確認できます。

    -

    このコースのここまででもたくさんのカスタム関数を見てきました — ブラウザーの内部でではなくあなたのコードの中で定義された関数です。独自の名前の直後にカッコがついてるものを見かけたら、それはカスタム関数を使っているという事です。繰返しの記事で出てきた random-canvas-circles.html の例(ソースコードはこちら)では、独自に作った draw() 関数が含まれていました。こんなやつです:

    +

    このコースのここまででもたくさんのカスタム関数を見てきました — ブラウザーの内部でではなくあなたのコードの中で定義された関数です。独自の名前の直後にカッコがついてるものを見かけたら、それはカスタム関数を使っているという事です。繰返しの記事で出てきた random-canvas-circles.html の例(ソースコードはこちら)では、独自に作った draw() 関数が含まれていました。こんなやつです:

    function draw() {
   ctx.clearRect(0,0,WIDTH,HEIGHT);
@@ -267,7 +267,7 @@ function greeting() {
  
  • コンソールに次のように入力してみてください
   
    output(y);
 output(z);
    
-  どちらも、"ReferenceError: y is not defined"の一行のエラーが返されるはずです。なぜでしょうか？ 関数スコープのため、つまり y と z は a() と b() 関数の中でロックされているので、global スコープから呼び出されたときには output() はそれらにアクセスできません。
    • 
+  どちらも、"ReferenceError: y is not defined"の一行のエラーが返されるはずです。なぜでしょうか？ 関数スコープのため、つまり y と z は a() と b() 関数の中でロックされているので、global スコープから呼び出されたときには output() はそれらにアクセスできません。
  
  • しかし、別の関数の中から呼び出されたときはどうでしょうか？ a() と b() を次のように編集してみてください：
   
    function a() {
   let y = 2;
@@ -320,7 +320,7 @@ b();
    • -

    注: ReferenceError: "x" is not defined というエラーは、あなたが遭遇する最も一般的なエラーの 1 つです。このエラーが発生し、問題の変数が定義されていると確信できる場合は、変数のスコープを確認してください。

    +

    注: ReferenceError: "x" is not defined というエラーは、あなたが遭遇する最も一般的なエラーの 1 つです。このエラーが発生し、問題の変数が定義されていると確信できる場合は、変数のスコープを確認してください。

    -

    注記: 変数や定数についてはこのコースの間に、次の記事を始めとして何度も出てきます。

    +

    注記: 変数や定数についてはこのコースの間に、次の記事を始めとして何度も出てきます。

    関数

    @@ -282,7 +282,7 @@ translation_of: Learn/JavaScript/First_steps/A_first_splash

    Return/Enter を押した後で、"ここはプレースホルダです"という警告が表示されましたね。呼び出すと、いつでも警告が表示される関数を定義することができました。

    -

    注記: 関数についてもこのコースの後の方で詳しく学びます。

    +

    注記: 関数についてもこのコースの後の方で詳しく学びます。

    演算子

    @@ -334,7 +334,7 @@ hello; let greeting = name + hello; greeting; -

    累算代入演算子と呼ばれるもっと短い書き方もあります。すでにある文字列に、さらに文字を追加した結果を返したい場合などに使います。例えば、

    +

    累算代入演算子と呼ばれるもっと短い書き方もあります。すでにある文字列に、さらに文字を追加した結果を返したい場合などに使います。例えば、

    name += 'が、こんにちは！と言っています。';
    @@ -598,13 +598,13 @@ guesses.style.boxShadow = '3px 3px 6px black';

    このモジュール

    diff --git a/files/ja/learn/javascript/first_steps/index.html b/files/ja/learn/javascript/first_steps/index.html index 26c69c3475..bd83655354 100644 --- a/files/ja/learn/javascript/first_steps/index.html +++ b/files/ja/learn/javascript/first_steps/index.html @@ -28,7 +28,7 @@ translation_of: Learn/JavaScript/First_steps

    私たちはあなたがあなたの目標に向かって取り組むために必要なすべての重要な情報を含むコースをまとめました。

    -

    始めましょう

    +

    始めましょう

    前提条件

    @@ -36,7 +36,7 @@ translation_of: Learn/JavaScript/First_steps

    このモジュールを始めるには JavaScript の知識は必要ありませんが、HTML や CSS に少し慣れている必要があります。JavaScript の学習を開始する前に以下のモジュールを学習することをお勧めします :

    diff --git a/files/ja/learn/javascript/first_steps/math/index.html b/files/ja/learn/javascript/first_steps/math/index.html index df0a2af55f..867eca58ef 100644 --- a/files/ja/learn/javascript/first_steps/math/index.html +++ b/files/ja/learn/javascript/first_steps/math/index.html @@ -88,7 +88,7 @@ typeof myFloat;

    便利な Number メソッド

    -

    Number オブジェクトは、あなたが JavaScript を使う時すべての基本的な数値を表現するインスタンスですが、その中には、数値を操作するための沢山の便利なメソッドがあります。この記事では、簡単な紹介と基本的な要点だけまとめたいので、詳しくは割愛しますが、この段落を何回か読んだら、オブジェクト参照ページに行って、どんなメソッドが使えるのかを勉強するのが良いと思います。

    +

    Number オブジェクトは、あなたが JavaScript を使う時すべての基本的な数値を表現するインスタンスですが、その中には、数値を操作するための沢山の便利なメソッドがあります。この記事では、簡単な紹介と基本的な要点だけまとめたいので、詳しくは割愛しますが、この段落を何回か読んだら、オブジェクト参照ページに行って、どんなメソッドが使えるのかを勉強するのが良いと思います。

    例えば、数値を固定の桁数に丸めるには toFixed() メソッドを使用します。ブラウザのコンソールに次の行を入力します。

    @@ -457,13 +457,13 @@ function updateBtn() {

    このモジュール内

    diff --git a/files/ja/learn/javascript/first_steps/strings/index.html b/files/ja/learn/javascript/first_steps/strings/index.html index d4b850bd6d..ab9a0e1a2a 100644 --- a/files/ja/learn/javascript/first_steps/strings/index.html +++ b/files/ja/learn/javascript/first_steps/strings/index.html @@ -217,7 +217,7 @@ I gave it a score of ${ score/highestScore * 100 }%.`;

    あなたのスキルをテストしてください！

    -

    この記事の最後に到達しましたが、最も重要な情報を覚えていますか？ 先に進む前に、この情報を記憶していることを確認するためのいくつかのテストを見つけることができます。これには次の記事の知識も必要なので、最初にそれを読むことをお勧めします。

    +

    この記事の最後に到達しましたが、最も重要な情報を覚えていますか？ 先に進む前に、この情報を記憶していることを確認するためのいくつかのテストを見つけることができます。これには次の記事の知識も必要なので、最初にそれを読むことをお勧めします。

    結論

    @@ -228,13 +228,13 @@ I gave it a score of ${ score/highestScore * 100 }%.`;

    このモジュール内

    diff --git a/files/ja/learn/javascript/first_steps/useful_string_methods/index.html b/files/ja/learn/javascript/first_steps/useful_string_methods/index.html index c18f846d20..bfd2cea2c1 100644 --- a/files/ja/learn/javascript/first_steps/useful_string_methods/index.html +++ b/files/ja/learn/javascript/first_steps/useful_string_methods/index.html @@ -668,13 +668,13 @@ textarea.onkeyup = function(){

    このモジュール内

    diff --git a/files/ja/learn/javascript/first_steps/variables/index.html b/files/ja/learn/javascript/first_steps/variables/index.html index 1ed288aa84..a8424263a1 100644 --- a/files/ja/learn/javascript/first_steps/variables/index.html +++ b/files/ja/learn/javascript/first_steps/variables/index.html @@ -330,13 +330,13 @@ daysInWeek = このモジュール diff --git a/files/ja/learn/javascript/howto/index.html b/files/ja/learn/javascript/howto/index.html index 528ce80fe4..9609cff261 100644 --- a/files/ja/learn/javascript/howto/index.html +++ b/files/ja/learn/javascript/howto/index.html @@ -149,8 +149,8 @@ translation_of: Learn/JavaScript/Howto @@ -161,7 +161,7 @@ translation_of: Learn/JavaScript/Howto
  • JavaScript での基本的な算術演算の方法とは
  • JavaScript での演算子の優先順位とは
  • JavaScript で値をインクリメント、デクリメントするには
    • -
  • JavaScript で値を比較するには(どちらが大きいか、ある値が別の値と等しいか、など)
    • +
  • JavaScript で値を比較するには(どちらが大きいか、ある値が別の値と等しいか、など)

    • 文字列

    @@ -210,14 +210,14 @@ translation_of: Learn/JavaScript/Howto
  • 条件判定のブロックを別のブロックに入れ子にするには
  • AND や OR、NOT を JavaScript で使用するには
  • 多くの選択肢を一つの条件として手軽に扱うには
    • -
  • true/false の判定によって 2 つの選択肢から 1 つを手早く選択するのに、三項演算子を使用するには
    • +
  • true/false の判定によって 2 つの選択肢から 1 つを手早く選択するのに、三項演算子を使用するには

    • ループ/イテレーション

    diff --git a/files/ja/learn/javascript/index.html b/files/ja/learn/javascript/index.html index 2094a48052..540199941e 100644 --- a/files/ja/learn/javascript/index.html +++ b/files/ja/learn/javascript/index.html @@ -21,12 +21,12 @@ translation_of: Learn/JavaScript

    目標に向かって頑張るために必要な情報をまとめたコースをご用意しました。

    -

    Get started

    +

    Get started

    学習の道筋

    -

    JavaScript は HTML や CSS などの関連技術よりもきっと学ぶのが難しいでしょう。JavaScript を習得する前に、まずこれらの 2 つの技術、そしておそらく他の技術を熟知しておくことを強くおすすめします。先ず次のモジュールを実施してください :

    +

    JavaScript は HTML や CSS などの関連技術よりもきっと学ぶのが難しいでしょう。JavaScript を習得する前に、まずこれらの 2 つの技術、そしておそらく他の技術を熟知しておくことを強くおすすめします。先ず次のモジュールを実施してください :