diff --git a/files/ja/learn/index.md b/files/ja/learn/index.md index 45b0efd5db6b76..3837a273eb9c4b 100644 --- a/files/ja/learn/index.md +++ b/files/ja/learn/index.md @@ -7,34 +7,34 @@ l10n: {{LearnSidebar}} -MDN 学習領域へようこそ。この一連の記事は、ウェブ開発の完全な初心者に、ウェブサイトをコーディングするための基本的なスキルを提供することを目的としています。目的は、あなたを「初心者」から「エキスパート」に導くことではなく、「初心者」から「ほどほど」に導くことです。そこから、 [MDN のその他の部分](/ja/)や、前回多くの知識を想定した他の中級から上級のリソースから学びながら、自分の道を歩み始めることができるはずです。 +MDN 学習領域へようこそ。この一連の記事は、ウェブ開発の完全な初心者に、ウェブサイトをコーディングするための基本的なスキルを身に付けてもらうことを目的としています。あなたを「初心者」から「エキスパート」に導くことではなく、「初心者」から「慣れ親しむ」ところまで導くことがこの記事の目的です。これを終えると、そこから自分の歩みを始め、 [MDN の他の記事](/ja/)や、その他の多くの前提知識を想定する中級・上級者向けリソースを使って学んでいくことができるはずです。 -全くの初心者であれば、ウェブ開発は難しいものです。私たちはあなたの手を握り、あなたが快適に感じ、適切にトピックを学ぶために十分な詳細を提供します。あなたがウェブ開発を学習している学生(個人またはクラスの一部として)、クラスの教材を探している先生、趣味の人、ウェブ技術の仕組みをもっと理解したい人など、どのような人であっても、安心してください。 +あなたが全くの初心者なら、ウェブ開発は難しいものかもしれません。私たちはあなたの手を取り、快適かつ適切にトピックを学べるよう十分に詳細な情報を提供します。あなたがウェブ開発を(独学または授業で)学習している学生や教材を探している教師、趣味の人、ただウェブ技術の仕組みをより深く理解したい人など、どのような人であっても安心してください。 -## 読み始める場所 +## どこから始めるか -ウェブ開発を深く学ぶことに自信がなく、おためしセッションから始めたい場合は、[ウェブ入門](/ja/docs/Learn/Getting_started_with_the_web)ガイドを読み終えてから作業することをお勧めします。続いて、以下のトピックを学ぶことから始めてください。 +ウェブ開発を深く学ぼうと決めているわけではなく、おためしセッションから始めたい場合は、[ウェブ入門](/ja/docs/Learn/Getting_started_with_the_web)ガイドからまずはやってみることをお勧めします。それを終えたら、以下のトピックから学習を始めるといいでしょう。 - HTML および CSS - - : HTML とはウェブコンテンツの構造を指定されたもので、 CSS とはそのコンテンツをスタイル設定したりレイアウトしたりする命令を提供するものです。必要不可欠な初心者向け情報については、 [HTML 入門](/ja/docs/Learn/HTML/Introduction_to_HTML)および [CSS 入門](/ja/docs/Learn/CSS/First_steps)を参照してください。 + - : HTML とはウェブコンテンツに構造を与えるもので、 CSS とはそのコンテンツにスタイルやレイアウトを設定するものです。初心者向けの基礎知識については、 [HTML 入門](/ja/docs/Learn/HTML/Introduction_to_HTML)および [CSS の第一歩](/ja/docs/Learn/CSS/First_steps)を参照してください。 - JavaScript - - : JavaScript を使用すると、ウェブサイト上でインタラクティブな機能をコード化することができます。 [JavaScript の第一歩](/ja/docs/Learn/JavaScript/First_steps)から始めてください。 + - : JavaScript を使用すると、ウェブサイト上でインタラクティブな機能を実装することができます。 [JavaScript の第一歩](/ja/docs/Learn/JavaScript/First_steps)から始めてください。 - フレームワークとツールの利用 - - : HTML、CSS、JavaScript の基本をマスターしたら、[クライアントサイドウェブ開発ツール](/ja/docs/Learn/Tools_and_testing/Understanding_client-side_tools)について学んでください。そして、[クライアントサイド JavaScript フレームワーク](/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks)、[サーバーサイドウェブサイトプログラミング](/ja/docs/Learn/Server-side)について掘り下げて考えてみてください。 + - : 素の HTML、CSS、JavaScript の基本をマスターしたら、次は [クライアントサイドウェブ開発ツール](/ja/docs/Learn/Tools_and_testing/Understanding_client-side_tools)について学んでください。それから、 [クライアントサイド JavaScript フレームワーク](/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks)、 [サーバーサイドウェブサイトプログラミング](/ja/docs/Learn/Server-side)の基本的なコンセプトの学習というふうに進めていくといいでしょう。 -> **メモ:** [用語集](/ja/docs/Glossary)には、用語の定義が記載されています。また、ウェブ開発に関する特定の質問がある場合は、[よくある質問](/ja/docs/Learn/Common_questions)の節で解決できることがあるかもしれません。 +> **メモ:** [用語集](/ja/docs/Glossary)には、用語の定義を掲載しています。また、ウェブ開発に関する特定の質問がある場合は、[よくある質問](/ja/docs/Learn/Common_questions)の節で解決できることがあるかもしれません。 > [!CALLOUT] > > #### フロントエンドのウェブ開発者を目指している方へ > -> あなたがフロントエンドウェブ開発者になりたいと思っていて、最初に何を学べばいいかわからない場合は、 [MDN カリキュラム](/ja/curriculum/)を使用して学習計画を立てることを提案します。これは、成功するフロントエンド開発者になるために必要なスキルと実践を網羅し、推奨される学習リソースとともに、体系化された学習経路を提供します。 +> あなたがフロントエンドウェブ開発者になりたいと思っていて、最初に何を学べばいいかわからない場合は、 [MDN Curriculum](/en-US/curriculum/)を使用して学習計画を立てることを提案します。これは、フロントエンド開発者として成功するために必須のスキルと実践を網羅し、推奨される学習リソースとともに、体系化された学習経路を提供します。 > -> [**始めましょう**](/ja/curriculum/) +> [**始める**](/en-US/curriculum/) ## 扱うトピック -下記は MDN 学習領域にて扱っているすべてのトピック一覧です。 +下記は MDN 学習領域で扱っているすべてのトピックの一覧です。 - [ウェブ入門](/ja/docs/Learn/Getting_started_with_the_web) - : 完全なウェブ開発初心者用の実用的な入門を提供します。 @@ -43,42 +43,42 @@ MDN 学習領域へようこそ。この一連の記事は、ウェブ開発の - [CSS — ウェブのスタイル付け](/ja/docs/Learn/CSS) - : CSS はウェブのコンテンツウェブコンテンツのスタイルやレイアウトを制御したり、アニメーションのような振る舞いを追加したりするために用いる言語です。このトピックでは CSS を包括的にカバーします。 - [JavaScript — 動的クライアントサイドスクリプティング](/ja/docs/Learn/JavaScript) - - : JavaScript はウェブページに動的な機能を追加するスクリプト言語です。このトピックでは JavaScript を書いたり理解するのに十分となるのに必要なすべての要点を教えます。 + - : JavaScript はウェブページに動的な機能を追加するスクリプト言語です。このトピックでは JavaScript を一通り書いたり理解できるようになるために必要なすべての要点を教えます。 - [ウェブフォーム — ユーザーデータを扱う](/ja/docs/Learn/Forms) - : ウェブフォームは、ユーザーと対話するための強力なツールです。最も一般的には、ユーザーからデータを収集したり、ユーザーがユーザーインターフェイスを制御したりするために使用されます。以下の記事では、ウェブフォームの構造、スタイル、操作に関するすべての重要な側面について説明します。 - [アクセシビリティ — ウェブを誰でも利用できるようにする](/ja/docs/Learn/Accessibility) - - : アクセシビリティはウェブコンテンツをなるべく多くの人に利用できるようにする実践であり、それは障がいや、端末や、ロケールや、その他の分化させる要素に関係なく利用できるようにします。このトピックでは知る必要のあるすべてが与えられます。 -- [ウェブの性能 — ウェブサイトを高速かつレスポンシブにする](/ja/docs/Learn/Performance) - - : ウェブの性能は、ウェブアプリケーションのダウンロードを確実に高速化し、ダウンロードを帯域幅、画面の寸法、ネットワーク、端末の能力にかかわらず、ユーザーの操作をレスポンシブにする技術です。 + - : アクセシビリティは、障がいや端末、言語、その他の人を分かつ要因に影響されず、ウェブコンテンツをなるべく多くの人に利用できるようにする実践です。このトピックでは知っておく必要のあることのすべてを提供します。 +- [ウェブパフォーマンス — ウェブサイトを高速かつレスポンシブにする](/ja/docs/Learn/Performance) + - : ウェブパフォーマンスは、ユーザーの帯域幅、画面サイズ、ネットワーク、端末の性能にかかわらず、ウェブアプリケーションが高速にダウンロードされ、ユーザーの操作に対してレスポンシブになるようにする技術です。 - [MathML](/ja/docs/Learn/MathML) - - : MathML は、分数、スクリプト、基数、行列、インテグラル、級数などを用いて、ウェブページに数式を記述するために使用する言語です。このトピックでは、MathML を網羅します。 + - : MathML は、分数、スクリプト、基数、行列、インテグラル、級数などを用いて、ウェブページに数式を記述するために使用する言語です。このトピックでは、MathML を扱います。 - [ツールとテスト](/ja/docs/Learn/Tools_and_testing) - - : このトピックでは、開発者が作業を円滑に進めるために使用するツール、例えばブラウザー間テストツール、リンター、フォーマッター、変換ツール、バージョン管理システム、デプロイツール、クライアント側 JavaScript フレームワークなどについて説明します。 + - : このトピックでは、開発者が作業を円滑に進めるために使用するツール、例えばブラウザー間テストツール、リンター、フォーマッター、変換ツール、バージョン管理システム、デプロイツール、クライアントサイド JavaScript フレームワークなどについて説明します。 - [サーバーサイドのウェブサイトプログラミング](/ja/docs/Learn/Server-side) - - : クライアントサイドのウェブ開発に集中していても、サーバーとサーバーサイドのコードがどう動くのかを知るのは有益です。このトピックではサーバーサイドの動作の一般的な入門と、2 つの有名フレームワーク — Django (Python) や Express (Node.js) を使ってサーバーサイドアプリを作る方法の詳しいチュートリアルを提供します。 + - : クライアントサイドのウェブ開発に専念しているとしても、サーバーとサーバーサイドのコードがどう動くのかを知るのは有益です。このトピックではサーバーサイドの動作の一般的な入門と、2 つの有名フレームワーク — Django (Python) や Express (Node.js) を使ってサーバーサイドアプリを作る方法の詳しいチュートリアルを提供します。 -## 課題と評価 +## 課題と評価試験 -MDN のウェブ開発の学習セクションには、自己完結型の課題や評価がたくさんあります。これらは主に 2 つの型に入力します。 +MDN のウェブ開発の学習セクションには、その中で完結する課題や評価試験がたくさんあります。これらは主に 2 つのタイプに分かれます。 -- 「スキルテスト」の課題、例えば[コードでの意思決定 — 条件文](/ja/docs/Learn/JavaScript/Building_blocks/conditionals#test_your_skills!)。 -- 一部のモジュールの終わりには、より詳細な**評価試験**、例えば[画像ギャラリー](/ja/docs/Learn/JavaScript/Building_blocks/Image_gallery)などがあります。 +- 「スキルテスト」課題。例えば[コードでの意思決定 — 条件文](/ja/docs/Learn/JavaScript/Building_blocks/conditionals#test_your_skills!)など。 +- 一部のモジュールの終わりにある、より詳細な**評価試験**。例えば[画像ギャラリー](/ja/docs/Learn/JavaScript/Building_blocks/Image_gallery)など。 -それぞれに関連する採点ガイドと模範解答があり、作業する際の評価に利用できます。 -例えば、このようなリソースを探しやすくするパターンがあります。 +それぞれに関連する採点ガイドと模範解答があり、あなたの答案の評価に利用できます。 +これらのリソースには従っているパターンがあり、例えば以下の方法で簡単に見つけることができます。 -- 上記リンクの**スキルテスト**課題には、採点ガイドと資料が <https://github.com/mdn/learning-area/tree/main/javascript/building-blocks/tasks/conditionals> にあります。 -- 上記リンクの**評価試験**には、採点ガイドと資料が <https://github.com/mdn/learning-area/tree/main/javascript/building-blocks/gallery> にあります。 +- 上記リンクの**スキルテスト**課題の採点ガイドとリソースは <https://github.com/mdn/learning-area/tree/main/javascript/building-blocks/tasks/conditionals> にあります。 +- 上記リンクの**評価試験**の採点ガイドとリソースは <https://github.com/mdn/learning-area/tree/main/javascript/building-blocks/gallery> にあります。 > [!NOTE] -> 課題と評価のための採点ガイドと他のリソースのほとんどは [`mdn/learning-area`](https://github.com/mdn/learning-area/) で利用できますが、一部は [`mdn/css-examples`](https://github.com/mdn/css-examples/tree/main/learn) にあります。 +> 課題と評価試験のための採点ガイドと他のリソースのほとんどは [`mdn/learning-area`](https://github.com/mdn/learning-area/) で利用できますが、一部は [`mdn/css-examples`](https://github.com/mdn/css-examples/tree/main/learn) にあります。 ## サンプルコードの入手 学習領域にあるサンプルコードはすべて [GitHub から利用可能](https://github.com/mdn/learning-area/)です。 すべてのコードを自分のコンピューターにコピーしたいのであれば、[最新の main コードブランチの ZIP をダウンロードする](https://codeload.github.com/mdn/learning-area/zip/main)のが最も簡単です。 -自動更新ができる、より柔軟な方法でリポジトリーをコピーしたい場合は、より複雑な指示に従うことになります。 +自動更新ができる、より柔軟な方法でリポジトリーをコピーしたい場合は、より複雑な以下の指示に従ってください。 1. マシンに [Git をインストールします](https://git-scm.com/downloads)。これは GitHub が動作する基盤となっているバージョン管理システムのソフトウェアです。 2. コンピューターで[コマンドプロンプト](https://www.lifewire.com/how-to-open-command-prompt-2618089) (Windows) またはターミナル ([Linux](https://help.ubuntu.com/community/UsingTheTerminal), [macOS](https://blog.teamtreehouse.com/introduction-to-the-mac-os-x-command-line)) を開きます。 @@ -90,9 +90,9 @@ MDN のウェブ開発の学習セクションには、自己完結型の課題 4. (Finder/エクスプローラーや [cd コマンド](<https://en.wikipedia.org/wiki/Cd_(command)>)を使用して)そのディレクトリーに入ると、ファイルが見つかります。 -`learning-area` リポジトリーを、GitHub の master バージョンになされたあらゆる変更で更新するには、以下の手順でできます。 +GitHub の main バージョンにどんな変更があったときでも、`learning-area` リポジトリーを以下の手順で更新できます。 -1. コマンドプロンプト/ターミナルで、 `cd` を使って `learning-area` ディレクトリーの中に移動します。例えば、上位のディレクトリーにいる場合は以下のようにします。 +1. コマンドプロンプト/ターミナルで、 `cd` を使って `learning-area` ディレクトリーの中に移動します。例えば、一つ上のディレクトリーにいる場合は以下のようにします。 ```bash cd learning-area @@ -108,19 +108,19 @@ MDN のウェブ開発の学習セクションには、自己完結型の課題 何か連絡を取りたいことがある場合は、[コミュニケーションチャンネル](/ja/docs/MDN/Community/Communication_channels)を使用してください。サイト上で間違っていると思うことや足りないもの、新しい学習テーマのリクエスト、わからない項目のヘルプなど、どんなことでもお聞かせください。 -コンテンツの開発、改善の手助けに興味がある場合、[協力するには?](/ja/docs/MDN/Community/Contributing)を覗いて、始めてください。あなたが初心者でも、先生でも、熟練のウェブ開発者でも、その他学習体験の改善に興味がある人でも、誰でも歓迎です。 +コンテンツの作成、改善の手助けに興味がある場合、[協力するには?](/ja/docs/MDN/Community/Contributing)を覗いて、それから連絡を取ってください! あなたが初心者でも、教師でも、経験豊富なウェブ開発者でも、その他学習体験の改善に興味がある人でも、誰でも歓迎です。 ## 関連情報 - [Learn JavaScript](https://learnjavascript.online/) - - : ウェブ開発者を目指す人のための優れたリソースです。短いレッスンとインタラクティブなテストで、自動評価によって導かれるインタラクティブな環境で JavaScript を学ぶことができます。最初の 40 レッスンは無料で、完全なコースはわずかな一回の支払いで利用できます。 + - : ウェブ開発者を目指す人のための優れたリソースです。インタラクティブな環境で、短いレッスンとインタラクティブなテストを使用して、自動的に採点される評価試験にガイドされながら JavaScript を学ぶことができます。最初の 40 レッスンは無料で、完全なコースはわずかな一回の支払いで利用できます。 - [Codecademy](https://www.codecademy.com/) - - : 最初からプログラミング言語を学ぶためのすばらしいインタラクティブサイトです。 + - : 一からプログラミング言語を学ぶための優れたインタラクティブなサイトです。 - [freeCodeCamp.org](https://www.freecodecamp.org/) - - : ウェブ開発を学習するチュートリアルやプロジェクトのあるインタラクティブなサイトです。 + - : ウェブ開発を学習するチュートリアルやプロジェクトを備えたインタラクティブなサイトです。 - [The Odin Project](https://www.theodinproject.com/) - - : 初心者から上級者まで、無料で開くためのフルスタックカリキュラムが特徴です。 + - : 初心者から上級者までを対象に、無料かつオープンソースのフルスタックカリキュラムが特徴です。 - [MDN Blog](/en-US/blog/) - : MDN ブログでは、 MDN チームやゲストライターが、サイトの新しい開発、HTML、CSS、JavaScript、他にもウェブ開発に関するニュースを記事にしています。 - [Mozilla developer newsletter](https://www.mozilla.org/en/newsletter/developer/) - - : 我々のウェブ開発者向けニュースレターで、あらゆる経験レベル向けのすばらしいリソースです。 + - : ウェブ開発者向けの私たちのニュースレターで、あらゆる経験のレベルに向けた素晴らしいリソースです。