freeCodeCamp/client/i18n/locales/japanese/intro.json

{
  "responsive-web-design": {
    "title": "レスポンシブウェブデザイン",
    "intro": [
      "このレスポンシブウェブデザイン認定講座では、開発者がウェブページを構築するために使用する言語について学びます。コンテンツには HTML (Hypertext Markup Language)、デザインには CSS (Cascading Style Sheets) を使用します。",
      "初めに、HTML と CSS の基礎を学ぶために、猫の写真アプリを作ります。その後、ペンギンの絵を作りながら CSS 変数等のモダンなテクニックを学びます。そしてウェブフォームを作りながらアクセシビリティのベストプラクティスを学びます。",
      "最後に、Flexbox を使った Twitter カードや CSS グリッドを使った複雑なブログレイアウトの作成を通じて、さまざまな画面サイズに応答するウェブページを作成する方法を学びます。"
    ],
    "note": "注意: 広告ブロッカーやダークモード拡張などの、一部のブラウザ拡張機能がテストに干渉する可能性があります。問題が発生した場合、コース受講中はページのコンテンツやレイアウトを変更する拡張機能を無効にすることをお勧めします。",
    "blocks": {
      "basic-html-and-html5": {
        "title": "HTML と HTML5 の基礎",
        "intro": [
          "HTML は、ウェブページの構造をブラウザに伝えるために特別な構文や記法を使用するマークアップ言語です。HTML 要素は通常、コンテンツに意味を与える開始タグや終了タグを持ちます。例えば、テキストを見出し、段落、リストアイテムとして記述できる各種要素があります。",
          "このコースでは、Web ページの構成ブロックとして最も一般的な HTML 要素を学ぶために、猫の写真アプリを構築します。"
        ]
      },
      "basic-css": {
        "title": "CSS の基礎",
        "intro": [
          "CSS (Cascading Style Sheets) は、HTML で書かれたテキストやその他のコンテンツをどのように画面上に表示すればいいかをブラウザに指示します。CSS を使用すると、HTML 要素のカラー、フォント、サイズ、間隔、その他様々な面をコントロールすることが可能です。",
          "ここまで猫の写真アプリの基本的な構造を記述しました。次に CSS でスタイルを追加しましょう。"
        ]
      },
      "applied-visual-design": {
        "title": "応用ビジュアルデザイン",
        "intro": [
          "ビジュアルデザインでは、タイポグラフィ、カラー理論、グラフィック、アニメーション、ページレイアウトなどの様々な組み合わせによって、ユニークなメッセージを発信することができます。",
          "このコースでは、ビジュアルデザインのさまざまな要素をウェブページに適用する方法を学びます。"
        ]
      },
      "applied-accessibility": {
        "title": "応用アクセシビリティ",
        "intro": [
          "ウェブ開発におけるアクセシビリティとは、幅広いユーザーが理解し、移動し、対話できるコンテンツやUI (ユーザーインターフェース) のことを指します。これには視覚、聴覚、運動、認知に障害がある人も含みます。",
          "このコースでは、誰もがアクセス可能な Web ページを構築するためのベストプラクティスを学びます。"
        ]
      },
      "responsive-web-design-principles": {
        "title": "レスポンシブウェブデザイン原則",
        "intro": [
          "ウェブにアクセスできるデバイスには様々な形やサイズのものがあります。レスポンシブウェブデザインとは、異なる画面サイズ・向き・解像度に対応できる柔軟なウェブサイトを設計することです。",
          "このコースでは、表示デバイスに関係なく、CSS を使用してウェブページの見栄えを向上させる方法を学びます。"
        ]
      },
      "css-flexbox": {
        "title": "CSS フレックスボックス",
        "intro": [
          "フレックスボックスは、CSS の最新バージョンである CSS3 で導入されたパワフルかつ十分にサポートされているレイアウト方法です。フレックスボックスを使用すると、要素をページの中央に配置したり、自動的に拡大縮小する動的なユーザーインターフェイスを簡単に作成できます。",
          "このコースでは、Twitter カードの作成を通じて、フレックスボックスと動的レイアウトの基礎を学びます。"
        ]
      },
      "css-grid": {
        "title": "CSS グリッド",
        "intro": [
          "CSS グリッドは、複雑なレスポンシブレイアウトを簡単に構築できる新しい標準規格です。これは HTML 要素をグリッドに変えることで動作し、子要素を内部のどこにでも配置できるようになります。",
          "このコースでは、ブログを含む、多様で複雑なレイアウトを構築することで、CSS グリッドの基礎を学びます。"
        ]
      },
      "responsive-web-design-projects": {
        "title": "レスポンシブウェブデザインプロジェクト",
        "intro": [
          "新しく学んだスキルで仕事に取り組む時間です。これらのプロジェクトに取り組むことで、HTML、CSS、ビジュアルデザイン、アクセシビリティなど、これまで学んだ全てのスキル、原則、コンセプトを適用する機会を得られます。",
          "以下の 5 つの Web プログラミングプロジェクトを完了し、レスポンシブウェブデザイン認定証を取得しましょう。"
        ]
      }
    }
  },
  "2022/responsive-web-design": {
    "title": "レスポンシブウェブデザイン (ベータ版)",
    "intro": [
      "このレスポンシブウェブデザイン認定講座では、開発者がウェブページを構築するために使用する言語について学びます。コンテンツには HTML (Hypertext Markup Language)、デザインには CSS (Cascading Style Sheets) を使用します。",
      "初めに、HTML と CSS の基礎を学ぶために、猫の写真アプリを作ります。その後、ペンギンの絵を作りながら CSS 変数等のモダンなテクニックを学びます。そしてウェブフォームを作りながらアクセシビリティのベストプラクティスを学びます。",
      "最後に、Flexbox を使った Twitter カードや CSS グリッドを使った複雑なブログレイアウトの作成を通じて、さまざまな画面サイズに応答するウェブページを作成する方法を学びます。"
    ],
    "note": "注意: 広告ブロッカーやダークモード拡張などの、一部のブラウザ拡張機能がテストに干渉する可能性があります。問題が発生した場合、コース受講中はページのコンテンツやレイアウトを変更する拡張機能を無効にすることをお勧めします。",
    "blocks": {
      "build-a-tribute-page-project": {
        "title": "トリビュートページ",
        "intro": [
          "これは認定証を獲得するために必須のプロジェクトの 1 つです。",
          "このプロジェクトでは、ご自身で選んだ架空または現実の題材に対するトリビュートページを構築します。"
        ]
      },
      "build-a-personal-portfolio-webpage-project": {
        "title": "個人ポートフォリオのウェブページ",
        "intro": [
          "これは認定証を獲得するために必須のプロジェクトの 1 つです。",
          "このプロジェクトでは、ご自身の個人ポートフォリオページを作成します。"
        ]
      },
      "build-a-product-landing-page-project": {
        "title": "プロダクトのランディングページ",
        "intro": [
          "これは認定証を獲得するために必須のプロジェクトの 1 つです。",
          "このプロジェクトでは、ご自身で選んだプロダクトを売り出すための、プロダクトのランディングページを構築します。"
        ]
      },
      "build-a-survey-form-project": {
        "title": "アンケートフォーム",
        "intro": [
          "これは認定証を獲得するために必須のプロジェクトの 1 つです。",
          "このプロジェクトでは、ユーザーからのデータを集めるためのアンケートフォームを構築します。"
        ]
      },
      "build-a-technical-documentation-page-project": {
        "title": "テクニカルドキュメントページ",
        "intro": [
          "これは認定証を獲得するために必須のプロジェクトの 1 つです。",
          "このプロジェクトでは、トピックの説明書または参考資料として役に立つテクニカルドキュメントページを構築します。"
        ]
      },
      "learn-html-by-building-a-cat-photo-app": {
        "title": "HTML の学習: 猫の写真アプリを作成する",
        "intro": [
          "HTML タグはウェブページに構造を与えます。HTML タグで写真やボタン、また他の要素をウェブページに加えることができます。",
          "このコースでは、あなた自身で猫の写真アプリを構築しながら、最もよく使われる HTML タグを学習します。"
        ]
      },
      "learn-basic-css-by-building-a-cafe-menu": {
        "title": "CSS 基礎の学習: カフェメニューを作る",
        "intro": [
          "CSS はブラウザにウェブページをどうやって表示するか指示します。CSS を使用して HTML 要素の色、フォント、サイズ、また他の様相を設定できます。",
          "このコースでは、カフェのウェブページ用のメニューページをデザインして CSS を学習します。"
        ]
      },
      "learn-the-css-box-model-by-building-a-rothko-painting": {
        "title": "CSS ボックスモデルの学習: ロスコの絵画を作る",
        "intro": [
          "すべての HTML 要素は間隔と境界を伴ったボックスそのものです。これはボックスモデルと呼ばれています。",
          "このコースでは、CSS とボックスモデルを使ってロスコ風の長方形アート作品を作成します。"
        ]
      },
      "learn-css-variables-by-building-a-city-skyline": {
        "title": "CSS 変数の学習: 都市のスカイラインを作る",
        "intro": [
          "CSS の変数はスタイルを体系づけたり、それらを再利用するのに役立ちます。",
          "このコースでは、都市のスカイラインを作成します。CSS の変数の設定方法を学習して、使いたい時にいつでもそれらを再利用できるようにします。"
        ]
      },
      "learn-html-forms-by-building-a-registration-form": {
        "title": "HTML フォームの学習: 登録フォームを作成する",
        "intro": [
          "HTML のフォームを使用して、ウェブページへ訪問する人々から情報を集めることができます。",
          "このコースでは、サインアップページを作成することで HTML のフォームを学習します。人々がどのデータ型をフォームに入力できるかを制御する方法と、ページをスタイリングする新しい CSS のツールについて学習します。"
        ]
      },
      "learn-accessibility-by-building-a-quiz": {
        "title": "アクセシビリティの学習: クイズを作る",
        "intro": [
          "アクセシビリティとは、障害のある人を含むすべての人々にとって、ウェブページを利用しやすくすることです。",
          "このコースでは、クイズのウェブページを作成します。キーボードショートカット、ARIA 属性、デザインのベストプラクティスなど、アクセシビリティのツールについて学習します。"
        ]
      },
      "learn-intermediate-css-by-building-a-picasso-painting": {
        "title": "CSS 中級の学習: ピカソの絵画を作る",
        "intro": [
          "このコースでは、ピカソの絵画のウェブページを自分でコーディングすることで中級の CSS テクニックを学習します。SVG アイコンや、CSS の位置決めについて学習し、学んできた他の CSS スキルを復習します。"
        ]
      },
      "learn-responsive-web-design-by-building-a-piano": {
        "title": "レスポンシブウェブデザインの学習: ピアノを作る",
        "intro": [
          "レスポンシブデザインはウェブページに異なるサイズのスクリーンでどのように見える必要があるかを伝えます。",
          "このコースでは、CSS とレスポンシブデザインを用いてピアノをコーディングします。メディアクエリと疑似セレクターについてもさらに学習します。"
        ]
      },
      "learn-css-flexbox-by-building-a-photo-gallery": {
        "title": "CSS フレックスボックスの学習: フォトギャラリーを作る",
        "intro": [
          "フレックスボックスはどの画面サイズでも綺麗に表示されるようにウェブページをデザインするのに役立ちます。",
          "このコースでは、フレックスボックスを用いてレスポンシブなフォトギャラリーウェブページを作成します。"
        ]
      },
      "learn-css-grid-by-building-a-magazine": {
        "title": "CSS グリッドの学習: 雑誌を作る",
        "intro": [
          "CSS のグリッドはウェブページデザインの行と列を制御できるようにしてくれます。",
          "このコースでは、雑誌の記事を作成します。グリッド行やグリッド列といった概念を含む CSS のグリッドを使用する方法を学習します。"
        ]
      },
      "learn-typography-by-building-a-nutrition-label": {
        "title": "タイポグラフィの学習: 栄養ラベルを作る",
        "intro": [
          "タイポグラフィはテキストを読み易く、また目的に合うようにスタイリングする技術です。",
          "このコースでは、タイポグラフィを用いて栄養ラベルのウェブページを作成します。CSS を用いてテキストを整え、行の高さを調節し、テキストを配置することを学習します。"
        ]
      },
      "learn-css-transforms-by-building-a-penguin": {
        "title": "CSS Transform の学習: ペンギンを作成する",
        "intro": [
          "HTML 要素を変形させて、閲覧者の目を引き付ける魅力的なデザインを生み出すことができます。transform を用いることで要素の回転や、大きさの調整などができます。",
          "このコースでは、ペンギンを作成します。CSS の transform を用いてペンギンのパーツを配置およびリサイズし、背景を作成し、作品をアニメーションさせます。"
        ]
      },
      "learn-css-animation-by-building-a-ferris-wheel": {
        "title": "CSS アニメーションの学習: 観覧車を作る",
        "intro": [
          "CSS のアニメーションを用いることで、ウェブページの特定のセクションに注意を引き付け、ウェブページをより魅力的にできます。",
          "このコースでは、観覧車を作成します。要素のアニメーションや変形、およびスピードの調節に CSS を用いる方法を学習します。"
        ]
      },
      "learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet": {
        "title": "CSS 疑似セレクターの学習: 貸借対照表を作成する",
        "intro": [
          "CSS の疑似セレクターを用いて、特定の HTML 要素を変化させることができます。",
          "このコースでは、疑似セレクターを用いて貸借対照表を作成します。ウェブページ上でマウスポインタを要素の上に合わせた時に要素のスタイルを変更する方法や、他のイベントを起こす方法を学習します。"
        ]
      },
      "learn-css-colors-by-building-a-set-of-colored-markers": {
        "title": "CSS 色指定の学習: カラーマーカーのセットを作成する",
        "intro": [
          "ウェブページに対して的確な色を選択することにより、閲覧者への見え方の美しさを大いに向上させることができます。",
          "このコースでは、カラーマーカーのセットを作成します。色の値を設定するさまざまな方法や、色を組み合わせる方法を学習します。"
        ]
      }
    }
  },
  "javascript-algorithms-and-data-structures": {
    "title": "JavaScript のアルゴリズムとデータ構造",
    "intro": [
      "HTML と CSS はページの内容とスタイルを制御しますが、JavaScript はそれを対話式にすることを手掛けます。JavaScript のアルゴリズムとデータ構造認定講座では、変数、配列、オブジェクト、ループ、そして関数を含む JavaScript の基礎を学習します。",
      "いったん基礎を習得すれば、その知識を応用して文字列を扱うためのアルゴリズムを作成したり、数の階乗を計算したり、さらに国際宇宙ステーションの軌道を計算することもできます。",
      "途中で、オブジェクト指向プログラミング (OOP) と関数型プログラミング (FP) の 2 つの重要なプログラミングの様式または典型について学習します。"
    ],
    "note": "注: 広告ブロッカーやスクリプトブロッカーのようないくつかのブラウザ拡張機能は、テストを妨害することがあります。もし問題に直面したら、受講中はページの内容を変更もしくはブロックする拡張機能を無効にすることをお勧めします。",
    "blocks": {
      "basic-javascript": {
        "title": "JavaScript の基本",
        "intro": [
          "JavaScript はウェブページをインタラクティブにするために使用できるスクリプト言語です。それは HTML や CSS とともにウェブの中核技術の一つであり、すべての現代的なブラウザでサポートされています。",
          "このコースでは、JavaScript で基本的なプログラミングの概念を学習します。数値や文字列のような基本的なデータ構造から始め、それから配列、オブジェクト、関数、ループ、if/else 文、その他いろいろなことを手掛ける学習をします。"
        ]
      },
      "es6": {
        "title": "ES6",
        "intro": [
          "ECMAScript、または ES とは JavaScript の標準化された版です。すべての主要なブラウザがこの仕様書に準拠しているため、ECMAScript と JavaScript という用語は置き換えることができます。",
          "ここまでで学習した JavaScript のほとんどは ES5 (ECMAScript 5) で、2009 年に完成しました。プログラムを今までどおり ES5 で記述することができるのと同時に、JavaScript は絶えず進化しており、そして毎年新しい機能が公開されます。",
          "ES6 は 2015 年に公表され、多くの強力な新しい機能をこの言語に追加しました。このコースでは、アロー関数、分割代入、クラス、プロミス、そしてモジュールを含む新しい機能を学習します。"
        ]
      },
      "regular-expressions": {
        "title": "正規表現",
        "intro": [
          "正規表現は、しばしば \"regex\" または \"regexp\" と略され、プログラマーがテキストを一致させたり、検索したり、そして置換したりする際に役立つパターンです。正規表現はとても強力ですが、より複雑で柔軟な条件で一致させるために特殊文字を使用するので、読みづらいことがあります。",
          "このコースでは、一致させたいテキストに応じて、特殊文字、キャプチャグループ、先読みと否定先読み、その他の技法をどのように使用するかを学習します。"
        ]
      },
      "debugging": {
        "title": "デバッグ",
        "intro": [
          "デバッグとは、コードを調べて問題を見つけ、それを修正するプロセスです。",
          "コード内部の問題は通常 3 つの形で現れます: プログラムの実行を妨げる構文エラー、想定外の挙動を含む場合の実行時エラー、あるいは意図したように動作しない場合の論理エラーです。",
          "このコースでは、JavaScript のコンソールをどのように使用してプログラムをデバッグし、一般的な問題を発生する前に防止するのかを学習します。"
        ]
      },
      "basic-data-structures": {
        "title": "基本的なデータ構造",
        "intro": [
          "データは様々な方法で保存され、アクセスされます。配列やオブジェクトのようないくつかの一般的な JavaScript のデータ構造については既にご存知でしょう。",
          "この基本的なデータ構造のコースでは、配列とオブジェクトの違いについてより詳しく、そして様々な状況下でどちらを使用すべきかを学習します。<code>splice()</code> や <code>Object.keys()</code> のような、データにアクセスして操作するのに役に立つ JS メソッドを使用する方法も学習します。"
        ]
      },
      "basic-algorithm-scripting": {
        "title": "基本的なアルゴリズムスクリプト",
        "intro": [
          "アルゴリズムとは、何かを実行する方法を記述する、一連の段階的な命令です。",
          "効率的なアルゴリズムを記述するには、問題をより細かく分類し、そしてそれぞれの部分をコードで解決する方法について慎重に考えることが役立ちます。",
          "このコースでは、アルゴリズム的思考の基礎を、温度を変換することから複雑な二次元配列を扱うことまで、様々なことを実行するアルゴリズムを記述することによって学習します。"
        ]
      },
      "object-oriented-programming": {
        "title": "オブジェクト指向プログラミング",
        "intro": [
          "OOP、またはオブジェクト指向プログラミングは、ソフトウェア開発工程における重要な手法の一つです。OOP では、オブジェクトとクラスを用いて、物事とそれが何を実行できるかを記述することでコードを編成します。",
          "このコースでは JavaScript で、<code>this</code> キーワード、プロトタイプチェーン、コンストラクタ、継承などの OOP の基本原理を学習します。"
        ]
      },
      "functional-programming": {
        "title": "関数型プログラミング",
        "intro": [
          "関数型プログラミングはソフトウェア開発のもう一つの一般的な手法です。関数型プログラミングでは、コードはより小さく基礎的な関数として整理されます。そして関数を組み合わせて、複雑なプログラムを構築することができます。",
          "このコースでは、純粋関数、変更 (mutations) を避ける方法、そして <code>.map()</code> や <code>.filter()</code> のようなメソッドでよりきれいなコードを記述する方法を含む、関数型プログラミングの中核概念を学習します。"
        ]
      },
      "intermediate-algorithm-scripting": {
        "title": "中級のアルゴリズムスクリプト",
        "intro": [
          "アルゴリズム的思考の基本に加えて、OOP と 関数型プログラミングを学びました。ここで、中級のアルゴリズムスクリプトチャレンジで力を試しましょう。"
        ]
      },
      "javascript-algorithms-and-data-structures-projects": {
        "title": "JavaScript アルゴリズムとデータ構造プロジェクト",
        "intro": [
          "さあ、新たな JavaScript 技能を活用する時です。これらのプロジェクトは以前にやったアルゴリズムスクリプトチャレンジに類似しています – ただもっと難しいです。",
          "JavaScript アルゴリズムとデータ構造認定証を取得するために、これら 5 つの JavaScript プロジェクトを完成させてください。"
        ]
      },
      "basic-javascript-rpg-game": {
        "title": "基本的な JavaScript RPG ゲーム",
        "intro": [
          "",
          ""
        ]
      },
      "intermediate-javascript-calorie-counter": {
        "title": "中級の JavaScript カロリーカウンター",
        "intro": [
          "",
          ""
        ]
      },
      "functional-programming-spreadsheet": {
        "title": "関数型プログラミングスプレッドシート",
        "intro": [
          "",
          ""
        ]
      }
    }
  },
  "front-end-development-libraries": {
    "title": "フロントエンド開発ライブラリ",
    "intro": [
      "今やあなたは HTML、CSS、そして JavaScript に精通しているので、業界内で最も一般的なフロントエンドライブラリのいくつかを学習することで技能を向上させましょう。",
      "フロントエンド開発ライブラリ認定講座では、Bootstrap でサイトを素早く整える方法を学習します。Sassで CSS スタイルに論理を加え、そして拡張する方法についても学習します。",
      "後ほど、ショッピングカートや他のアプリケーションを構築しながら、強力なシングルページアプリケーション (SPA) を React と Redux で作成する方法を学習します。"
    ],
    "note": "",
    "blocks": {
      "bootstrap": {
        "title": "Bootstrap",
        "intro": [
          "Bootstrap はレスポンシブなウェブページやアプリケーションの設計に使用されるフロントエンドフレームワークです。Bootstrap はウェブ開発にモバイルファースト手法を採用しており、あらかじめ構築された CSS スタイルとクラスに加えて、いくつかの JavaScript の機能を含みます。",
          "このコースでは、Bootstrap でレスポンシブなウェブサイトを構築し、Bootstrap に含まれているクラスを使用して、ボタン、画像、フォーム、ナビゲーション、その他のよく使われる要素を整える方法を学習します。"
        ]
      },
      "jquery": {
        "title": "jQuery",
        "intro": [
          "jQuery は世界で最も広く使用されている JavaScript ライブラリです。",
          "2006 年に jQuery が公表された時点では、主要なブラウザはそれぞれ若干異なる方法で JavaScript を取り扱っていました。jQuery はクライアント側の JavaScript を記述する工程を単純化し、そしてすべてのブラウザでコードが同じように機能することも保証しました。",
          "このコースでは、 jQuery を使用してページ上の様々な要素を選択し、削除し、複製し、変更する方法を学習します。"
        ]
      },
      "sass": {
        "title": "SASS",
        "intro": [
          "Sass、または \"Syntactically Awesome StyleSheets\" は、CSS の言語拡張です。基本的な CSS では利用できない機能が加えられており、プロジェクトのスタイルシートを単純化し保守しやすくします。",
          "この Sass コースでは、変数にデータを格納したり、CSS をネストしたり、mixin で再利用できるスタイルを作成したり、論理やループをスタイルに加えたりする方法などを学習します。"
        ]
      },
      "react": {
        "title": "React",
        "intro": [
          "React は人気のある JavaScript ライブラリで、ウェブページまたはアプリケーションのために、再利用可能でコンポーネント駆動のユーザーインターフェースを構築するために使われます。",
          "React は HTML と JavaScript の機能性を JSX と呼ばれる特有のマークアップ言語に結びつけます。React はまた、アプリケーションの全体にわたってデータの流れを管理しやすくします。",
          "このコースでは、さまざまな React コンポーネントの作成方法、state props の形でデータを管理する方法、<code>componentDidMount</code> のようなさまざまなライフサイクルメソッドを使用する方法、その他多くのことを学習します。"
        ]
      },
      "redux": {
        "title": "Redux",
        "intro": [
          "アプリケーションの規模と範囲が増大するにつれて、共有データを管理することははるかに難しくなります。Redux は、アプリが予想通りに動作し、テストがしやすくなることを保証するのに役立つ「JavaScript アプリのための予測可能な state コンテナ」として定義されています。",
          "Redux はどんなビューライブラリとでも使用できますが、ここでは Redux を、次のコースで React と組み合わせて使う前段階として紹介します。",
          "このコースでは、アプリケーション全体のデータを管理するために、Redux のストア (stores)、アクション (actions)、リデューサー (reducers)、そしてミドルウェア (middleware) の基本を学習します。"
        ]
      },
      "react-and-redux": {
        "title": "React と Redux",
        "intro": [
          "React と Redux はよく一緒に言及されます。それには正当な理由があります。Redux を生み出した開発者は、異なるコンポーネント間でデータを共有しやすくしたいと考えた、React 開発者でした。",
          "Redux で共有データの流れを管理する方法がわかったので、その知識を React と結合させる時です。React と Redux コースでは、React コンポーネントを構築し、Redux で state をコンポーネントレベルで局所的に、そしてアプリケーション全体で管理する方法を学習します。"
        ]
      },
      "front-end-development-libraries-projects": {
        "title": "フロントエンド開発ライブラリプロジェクト",
        "intro": [
          "フロントエンド開発ライブラリの技能をテストする時です。Bootstrap、jQuery、Sass、React、そして Redux を使用してこれまで学習してきたすべてをテストする 5 つのプロジェクトを構築してください。",
          "5 つすべてのプロジェクトを完成させれば、フロントエンド開発ライブラリ認定証を取得できます。"
        ]
      }
    }
  },
  "data-visualization": {
    "title": "データ可視化",
    "intro": [
      "データは至る所にありますが、形状と文脈なしではあまり意味を表しません。",
      "データ可視化認定講座では、D3.js ライブラリを使用して、様々な種類のデータを表すチャート、グラフ、およびマップを構築します。",
      "また JSON (JavaScript Object Notation) について、そして API (Application Programming Interface) を使用してオンラインでデータを扱う方法についても学習します。"
    ],
    "note": "",
    "blocks": {
      "data-visualization-with-d3": {
        "title": "D3 を用いたデータ可視化",
        "intro": [
          "D3、または D3.js とは、Data Driven Documents の略語です。ブラウザ内に動的でインタラクティブなデータ可視化を描画するための JavaScript ライブラリです。",
          "D3 はウェブ標準 – すなわち HTML、CSS、そして 変倍ベクタ図形 (SVG) を扱えるように作られています。",
          "D3 は多くのいろいろな種類の入力データ形式に対応します。そして、強力な組み込みメソッドを使用することで、そのデータをさまざまなチャート、グラフ、およびマップに変換することができます。",
          "D3 を用いたデータ可視化コースでは、データを処理してさまざまなチャート、グラフ、ホバー要素、その他の構成要素を作成し、動的かつ魅力的にデータを可視化する方法を学習します。"
        ]
      },
      "json-apis-and-ajax": {
        "title": "JSON API と AJAX",
        "intro": [
          "人々がプログラムを使用する際に UI が役に立つのと同様に、API (Application Programming Interface) は、プログラムが他のプログラムと相互に作用する際に役立ちます。API はコンピューターがお互いに通信し、データを送受信するために使用する道具です。",
          "プログラマーは API を扱う際によく AJAX (Asynchronous JavaScript and XML) を使用します。AJAX は、データを転送するための非同期リクエストをサーバーに対して送信し、戻ってきたデータをページの中に入れ込む技術のことです。また、多くの場合ブラウザとサーバーの間で転送されるデータは JSON (JavaScript Object Notation) と呼ばれる形式です。",
          "このコースでは、ブラウザで API とさまざまな AJAX 技術を扱うことについての基本を学習します。"
        ]
      },
      "data-visualization-projects": {
        "title": "データ可視化プロジェクト",
        "intro": [
          "D3、API、そして AJAX 技術を扱う方法を学習したので、下記 5 つのデータ可視化プロジェクトで技能をテストしましょう。",
          "これらのプロジェクトでは、データを取得し、解析し、D3 を使用して様々なデータ可視化を作成します。これらすべてを完成させ、データ可視化認定証を取得しましょう。"
        ]
      },
      "d3-dashboard": {
        "title": "D3 ダッシュボード",
        "intro": [
          "",
          ""
        ]
      }
    }
  },
  "relational-databases": {
    "title": "リレーショナルデータベース",
    "intro": [
      "このコースでは、VS Code、PostgreSQL、そして Linux / Unix コマンドラインを含む本格的な開発者ツールとソフトウェアを使用して、インタラクティブなチュートリアルを完了し、プロジェクトを構築します。"
    ],
    "blocks": {
      "learn-relational-databases": {
        "title": "リレーショナルデータベースを学習する",
        "intro": [
          "これらのコースは基本的な Bash コマンドから始まります。ターミナルを使用して、ファイルシステムの移動や操作から、Bash 内でのスクリプト、幅広い高度な使用法まで、すべてを学習します。",
          "次に、データベース管理システムである PostgreSQL と、これらデータベースの言語である SQL を使用して関係データベースを作成し取り扱う方法を学習します。",
          "最後に、すべての開発者に不可欠な 2 つのツール、バージョン管理システムである Git と、コードリポジトリホスティングサービスである GitHub を学習します。"
        ]
      }
    }
  },
  "back-end-development-and-apis": {
    "title": "バックエンド開発と API",
    "intro": [
      "ここまでは、JavaScript をフロントエンドで使用して、ページに対話性を加えたり、アルゴリズムチャレンジを解決したり、SPA を構築したりしてきました。しかし JavaScript は、バックエンド (サーバー) でも使用でき、ウェブアプリケーション全体を構築することができます。",
      "現在、アプリケーションを構築する一般的な方法の一つはマイクロサービスを使用する方法です。これは、小さなモジュール式のアプリケーションを組み合わせて、より大きな全体を形成する方法です。",
      "バックエンド開発と API 認定講座では、Node.js と npm (Node Package Manager) を使用してバックエンドアプリを記述する方法を学習します。また、Express フレームワークでウェブアプリケーションを構築し、そして MongoDB と Mongoose ライブラリで People Finder マイクロサービスを構築します。"
    ],
    "note": "",
    "blocks": {
      "managing-packages-with-npm": {
        "title": "NPM でパッケージを管理する",
        "intro": [
          "npm (Node Package Manager) は、Node.js のために記述された JavaScript コードのパッケージをインストールし、作成し、共有するためのコマンドラインツールです。npm では多くのオープンソースパッケージが利用できるので、日付を扱ったり API からデータを取得したりするような処理を再び一から作ってしまうことのないよう、プロジェクトを開始する前にいくらか時間をとって調べてみてください。",
          "このコースでは、<code>package.json</code> の取り扱い方法やインストールされた依存関係を管理する方法など、npm の使い方の基本を学習します。"
        ]
      },
      "basic-node-and-express": {
        "title": "Node と Express の基本",
        "intro": [
          "Node.js は、開発者が JavaScript でバックエンド (サーバーサイド) プログラムを記述することを可能にする JavaScript ランタイムです。Node.js にはそれを支援する組み込みモジュール (小さな、独立したプログラム) がいくつかあります。コアモジュールには、サーバーのような役割を務める HTTP、ファイルを読み込んだり変更するモジュールであるファイルシステムなどがあります。",
          "一つ前のコースでは、npm から小さいモジュールの集まりであるパッケージをインストールし管理することを学習しました。これらのパッケージはより大きく複雑なアプリケーションを構築するのに役立ちます。",
          "Express は軽量のウェブアプリケーションフレームワークであり、また npm で最も一般的なパッケージの一つです。Express は、サーバーを作成したり、アプリのルーティングを扱ったりすることを容易にします。例えば <pre>/blog</pre> のような特定のエンドポイントを訪れる人々を正しいページに誘導するといった処理です。",
          "このコースでは、サーバーの作成方法、さまざまなファイルを供給する方法、そしてブラウザからのいろいろなリクエストの扱い方を含む、Node と Express の基本を学習します。"
        ]
      },
      "mongodb-and-mongoose": {
        "title": "MongoDB と Mongoose",
        "intro": [
          "MongoDB はアプリケーションで使用できる JSON ドキュメント (またはレコード) を保管するデータベースアプリケーションです。別の種類のデータベースである SQL とは異なり、Mongo は非リレーショナル、または \"NoSQL\" データベースです。これは、SQL データベースがあらかじめ定義した多くのテーブルにデータを保管するのと異なり、Mongo はすべての関連データを一つのレコードの中に保管することを意味します。",
          "Mongoose は、よく Mongo と一緒にインストールされる一般的な npm パッケージです。Mongoose を使用することで、JSON ではなく素の JavaScript オブジェクトを使用することができるようになり、Mongo が使いやすくなります。また、スキーマと呼ばれるドキュメントの設計図を作成することを可能にし、間違った型のデータを保存してしまい後にバグを発生させることを防ぎます。",
          "MongoDB と Mongoose コースでは、モデルを設定する方法や、データベース内のドキュメントを保存、削除、検索する方法など、永続的なデータを扱うことの基本を学習します。"
        ]
      },
      "back-end-development-and-apis-projects": {
        "title": "バックエンド開発と API プロジェクト",
        "intro": [
          "以前にも API を扱いましたが、npm、Node、Express、MongoDB、そして Mongoose を学んだ今、それを実践する時です。これまでに学習したすべてを利用して、5 つのマイクロサービス (範囲を限定されたより小さなアプリケーション) を作成してください。",
          "これらを完成させると、5 つのクールなマイクロサービス API を友人や家族、そしてあなたを雇用してくれそうな会社の人に披露することができます。しかも真新しいバックエンド開発と API 認定証も取得できます。"
        ]
      }
    }
  },
  "quality-assurance": {
    "title": "品質保証",
    "intro": [
      "プログラムまたはウェブアプリケーションがより複雑になるにつれて、新たな変更が元の機能を破壊しないか確かめるために、それらをテストしたくなるでしょう。",
      "品質保証認定講座では、アプリケーションが期待通りに動作することを保証するために、Chai でテストを記述する方法を学習します。",
      "そして、高度な Node と Express の概念を学習するためにチャットアプリケーションを構築します。また、テンプレートエンジンとして Pug を、認証のために Passport を、そしてサーバーと接続されているクライアントの間のリアルタイム通信を行うために Socket.io を使用します。"
    ],
    "note": "",
    "blocks": {
      "quality-assurance-and-testing-with-chai": {
        "title": "品質保証と Chai でのテスト",
        "intro": [
          "Chai は、JavaScript のテストライブラリです。コードを変更した後もなお期待通りにプログラムが機能することを確かめるのに役立ちます。",
          "Chai を使用することで、プログラムの要件を表すテストを記述し、そしてプログラムがそれを満たしているかどうかを確かめることができます。",
          "このコースでは、アサーション、深い等価性 (deep equality)、真値性 (truthiness)、API のテスト、その他 JavaScript アプリケーションのテストの基本について学習します。"
        ]
      },
      "advanced-node-and-express": {
        "title": "高度な Node と Express",
        "intro": [
          "ここで、サインインシステムがあるチャットアプリケーションを構築しながら、Node.js と Express.js を深く掘り下げます。",
          "サインインシステムを安全に実装するために、認証について学習する必要があります。認証とは、人または処理の身元を確認することです。",
          "このコースでは、認証を管理するための Passport、フロンドエンドを素早く構築する再利用可能なテンプレートを作成するための Pug、そしてクライアントとサーバー間のリアルタイム通信のためのウェブソケットの使用方法を学習します。"
        ]
      },
      "quality-assurance-projects": {
        "title": "品質保証プロジェクト",
        "intro": [
          "今やあなたはフロントエンドとバックエンドの両方に精通しているので、これまでに学習したすべての技能と概念を活用する時です。5 つのウェブアプリケーションを構築し、そしてそれぞれに対してテストを記述して、アプリケーションが正しく機能しさまざまなエッジケースにも対応できていることを確かめます。",
          "これらの品質保証プロジェクトを完成させることで、さらに 5 つのプロジェクトの経験を積み、そしてポートフォリオで披露できる新しい認定証を取得できます。"
        ]
      }
    }
  },
  "scientific-computing-with-python": {
    "title": "Python を用いた科学的コンピューティング",
    "intro": [
      "Python は現在最も一般的で適応性のあるプログラミング言語です。基本的なスクリプトから機械学習まで幅広く使用することができます。",
      "Python を用いた科学的コンピューティング認定講座では、変数、ループ、条件式、そして関数のような、Python の基本を学習します。それから、複雑なデータ構造、ネットワーキング、リレーショナルデータベース、そしてデータ可視化まで素早く強化します。"
    ],
    "note": "",
    "blocks": {
      "python-for-everybody": {
        "title": "みんなの Python",
        "intro": [
          "みんなの Python は、Python 3 使用法の基本を教える無料のビデオコースです。",
          "このコースは Charles Severance 博士 (Chuck 博士としても知られています) によって作成されました。彼はミシガン大学情報学部の臨床学教授で、そこでプログラミング、データベース設計、そしてウェブ開発を含む様々なテクノロジー指向のコースを教えています。"
        ]
      },
      "scientific-computing-with-python-projects": {
        "title": "Python を用いた科学的コンピューティングプロジェクト",
        "intro": [
          "Python の技能をテストする時です。これらのプロジェクトを完成させることによって、Python の優れた基礎知識をもっていることと、Python を用いた科学的コンピューティング認定証を得る資格があることを証明します。"
        ]
      }
    }
  },
  "data-analysis-with-python": {
    "title": "Python を用いたデータ分析",
    "intro": [
      "データ分析はずっと以前からありました。しかし数年前までは、開発者は Tableau のような高額で、クローズドソースのツールを用いてそれを実践していました。しかし最近では、Python、SQL、そして他のオープンなライブラリがデータ分析を永遠に変えてしまいました。",
      "Python を用いたデータ分析認定講座では、Python を用いたデータ分析の基礎を学習します。この認定講座の終わりまでに、CSV や SQL のような情報源からデータを読み出す方法と、Numpy、Pandas、Matplotlib、そして Seaborn といったライブラリを、データを加工し可視化するために使用する方法がわかるようになります。"
    ],
    "note": "",
    "blocks": {
      "data-analysis-with-python-course": {
        "title": "Python を用いたデータ分析",
        "intro": [
          "Santiago Basulto によって作成されたこれらの幅広いビデオコースで、データ分析の全工程を学習します。データを複数の情報源 (CSV, SQL, Excel) から読み出し、そのデータを NumPy と Pandas を用いて加工し、Matplotlib と Seaborn を使用してそれを可視化します。",
          "さらに、詳細な Jupyter Notebook コースと、プログラミング技能を新たにするための Python クイックリファレンスを含めました。"
        ]
      },
      "numpy": {
        "title": "NumPy",
        "intro": [
          "Keith Galli によって作成された以下のビデオコースで、NumPy ライブラリの基本を学びましょう。",
          "このコースでは、NumPy がどのように機能し、そして Python の組み込みリストと比べてどのような物かを学習します。また、NumPy でコードを記述する方法や、インデックスの作成、再整形、統計の応用など、他にもたくさんのことを学習します。"
        ]
      },
      "data-analysis-with-python-projects": {
        "title": "Python を用いたデータ分析プロジェクト",
        "intro": [
          "Python を用いてデータを分析する方法は多数あります。これらのプロジェクトを完成させることによって、あなたが Python を用いたデータ分析に関する優秀な基礎知識をもっていることを証明できるでしょう。",
          "これらすべてを完成させ、Python を用いたデータ分析認定証を獲得しましょう。"
        ]
      }
    }
  },
  "information-security": {
    "title": "情報セキュリティ",
    "intro": [
      "オンラインで行うすべてのことに伴い、膨大な量の取り扱いに注意すべき情報が危険にさらされます。電子メールアドレス、パスワード、電話番号、その他にもたくさんの情報があります。",
      "情報セキュリティ認定講座では、オンラインで人々の情報を保護する基本を学習するために、 HelmetJS で安全なウェブアプリを構築します。",
      "また、Python で TCP クライアントと、Nmap およびポートスキャナーを構築します。これは優れた情報セキュリティにおいて重要な構成要素である、ペネトレーションテストの基本の学習に役立ちます。"
    ],
    "note": "",
    "blocks": {
      "information-security-with-helmetjs": {
        "title": "HelmetJS を用いた情報セキュリティ",
        "intro": [
          "このプログラミングコースでは HelmetJS を取り上げます。HelmetJS は、HTTP ヘッダーを自動的に設定する、Express を基盤としたアプリケーションのためのミドルウェアの一種です。これにより、取り扱いに注意を要する情報がサーバーとクライアントの間で意図せずやり取りされることを防止することができます。",
          "以下のコースを完成させると、ウェブサイトを悪意のある行為から保護する方法を理解するのに役立つでしょう。"
        ]
      },
      "python-for-penetration-testing": {
        "title": "ペネトレーションテストに適した Python",
        "intro": [
          "これらのビデオコースでは Python を用いたペネトレーションテストを取り上げます。ペネトレーションテストはペンテストとしても知られており、脆弱性を検査するための、システムに対する模擬攻撃です。",
          "このコースでは、ソケットについて学習し、TCP サーバーとクライアントを作成し、Nmap スキャナーを構築し、そしてペンテスターがよく使用するその他のツールや技術についても学習します。"
        ]
      },
      "information-security-projects": {
        "title": "情報セキュリティプロジェクト",
        "intro": [
          "さあ、新しい情報セキュリティの技能を活用する時です。これらのプロジェクトはここまで学んできた情報セキュリティの技能、原則、概念を応用する機会を提供します。",
          "完成した暁には、たくさんの情報セキュリティプロジェクトの経験を積み、友人や家族、そして雇用主へ披露することができる認定証を手にしていることでしょう。"
        ]
      }
    }
  },
  "machine-learning-with-python": {
    "title": "Python を用いた機械学習",
    "intro": [
      "機械学習には、プロジェクト内または仕事中に使用することができる多くの実用的なアプリケーションがあります。",
      "Python を用いた機械学習認定講座では、TensorFlow フレームワークを使用して、いくつかのニューラルネットワークを構築し、自然言語処理や強化学習のようなより高度な技術も探究します。",
      "またニューラルネットワークを掘り下げて、ディープ、回帰型、そして畳み込みニューラルネットワークの仕組みの背後にある原理を学習します。"
    ],
    "note": "",
    "blocks": {
      "tensorflow": {
        "title": "TensorFlow",
        "intro": [
          "TensorFlow は機械学習とニューラルネットワークを使いやすくしてくれるオープンソースフレームワークです。",
          "以下のビデオコースは “Tech With Tim” としても知られている Tim Ruscica によって作成されました。このコースは TensorFlow とその強力な機能の一部を理解するのに役立つでしょう。"
        ]
      },
      "how-neural-networks-work": {
        "title": "ニューラルネットワークの仕組み",
        "intro": [
          "ニューラルネットワークは今日私たちが人工知能と呼ぶものの中核を成しています。しかしそれらは歴史的に見て理解が難しいものでした。特に機械学習の分野の初心者にとってはそうでした。",
          "たとえニューラルネットワークに触れるのが完全に初めてでも、これらの Brandon Rohrer によるビデオコースでその背後にある概念と数学に慣れることができます。"
        ]
      },
      "machine-learning-with-python-projects": {
        "title": "Python を用いた機械学習プロジェクト",
        "intro": [
          "機械学習には多くの実用的なアプリケーションがあります。これらの無料でやりがいのあるコーディングプロジェクトを完成させることによって、機械学習の優れた基礎知識をもっていることと、Python を用いた機械学習認定証を得る資格があることを証明できます。"
        ]
      }
    }
  },
  "coding-interview-prep": {
    "title": "コーディング面接対策",
    "intro": [
      "次回の就職面接に備えて無料のコーディング演習をお探しでしたら、こちらにご用意しています。",
      "このセクションはアルゴリズム、データ構造、および数学の知識をテストする何百ものコーディングチャレンジを含んでいます。技能を向上させ、またはポートフォリオに加えるために活用できる多くの宿題プロジェクトもあります。"
    ],
    "note": "",
    "blocks": {
      "algorithms": {
        "title": "アルゴリズム",
        "intro": [
          "これらの無料のプログラミング演習で、実際に直面しうるいくつかの一般的なアルゴリズムについて学べます。これらは論理的思考力およびプログラミングの技能を向上させる絶好の機会です。",
          "このようなアルゴリズムは、就職面接で応募者の技能をテストするために頻繁に利用されます。あなたがそれぞれに適した解決策を実装することができるよう、これらのいろいろなアルゴリズムがどのように機能するかについて明解で簡潔に説明します。"
        ]
      },
      "data-structures": {
        "title": "データ構造",
        "intro": [
          "これらの無料のプログラミングコースは、まだあなたがあまり馴染みがないかもしれない、大規模で複雑なデータ構造を扱うのに役立つよう意図されています。",
          "以下のコースに取り組むことで、タイプ別のデータ構造について学習し、理解を深めるためにアルゴリズムを実装します。"
        ]
      },
      "take-home-projects": {
        "title": "宿題プロジェクト",
        "intro": [
          "プログラミングの就職面接は常にストレスの多いものです。応募者はときどき面接外での宿題プロジェクトを与えられることがあります。このようなタイプの面接は通常多くの作業を要求しますが、しかしそれらは雇用主にとって、あなたがどのように仕事に取り組むかを確かめるのにうってつけの方法です。",
          "追加演習として、以下のボーナスコーディングプロジェクトを構築してください。ゆっくり時間をかけ、素晴らしいものにして、将来の雇用主へ披露するために履歴書やポートフォリオに追加しましょう。"
        ]
      },
      "rosetta-code": {
        "title": "ロゼッタコード",
        "intro": [
          "由緒あるロゼッタコードライブラリから取られた以下の無料のプログラミングタスクで、クリエイティブな課題解決技能を向上させましょう。",
          "これらの課題は困難かもしれませんが、あなたのアルゴリズムのロジックを新たな高みに押し上げます。"
        ]
      },
      "project-euler": {
        "title": "プロジェクト・オイラー",
        "intro": [
          "大規模なプロジェクト・オイラー・アーカイブから取られた、以下のプログラミングプロジェクトを完成させてください。これらはアルゴリズムと数学の知識を強化するでしょう。",
          "これらの問題は難しさに幅があり、そして多くの場合、その実習は帰納的なチェーン学習です。つまり、ある問題を解くことにより、以前はとっつきにくかった問題に取り掛ることができるようになる新しい概念に触れられるようになっています。あなたはすべてを終えることができるでしょうか？"
        ]
      }
    }
  },
  "misc-text": {
    "certification": "{{cert}} 認定",
    "browse-other": "他の無料の認定講座を閲覧する\n(順番に受講することをお勧めします)",
    "courses": "コース",
    "steps": "ステップ",
    "expand": "コースを展開",
    "collapse": "コースを閉じる",
    "legacy-header": "レガシーコース",
    "legacy-desc": "現在、これらのコースは認定講座の一部ではありませんが、あなたの学習をより深めるために利用可能です。",
    "viewing-upcoming-change": "ベータ版のページを閲覧中です。 ",
    "go-back-to-learn": "カリキュラムの安定版へ戻る。"
  }
}