-
Notifications
You must be signed in to change notification settings - Fork 8k
/
index.md
60 lines (46 loc) · 6.05 KB
/
index.md
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
---
title: JavaScript の第一歩
slug: Learn/JavaScript/First_steps
l10n:
sourceCommit: bb026bcb88b7f45374d602301b7b0db5a49ff303
---
{{LearnSidebar}}
最初の JavaScript のモジュールでは、初めて JavaScript を書く実践的な経験を体験する前に、「JavaScript とは何?」や「どのようなもの?」や「何ができる?」といったような基本的な質問に答えます。その後、変数や文字列、 数値、配列といったような言語の内容をお話しします。
> [!CALLOUT]
>
> #### フロントエンドのウェブ開発者になりたいですか?
>
> 目標に向かって取り組むために必要なすべての重要な情報を含むコースをまとめました。
>
> [**始めましょう**](/ja/docs/Learn/Front-end_web_developer)
## 前提条件
このモジュールを始めるには JavaScript の知識は必要ありませんが、HTML や CSS に少し慣れている必要があります。JavaScript の学習を開始する前に以下のモジュールを学習することをお勧めします。
- [ウェブ入門](/ja/docs/Learn/Getting_started_with_the_web) ([JavaScript の基本](/ja/docs/Learn/Getting_started_with_the_web/JavaScript_basics) を含む)
- [HTML 入門](/ja/docs/Learn/HTML/Introduction_to_HTML)
- [CSS の第一歩](/ja/docs/Learn/CSS/First_steps)
> [!NOTE]
> 作業しているコンピューターやタブレットなどの端末で、自分でファイルを作れない場合は、 [JSBin](https://jsbin.com/) や [Glitch](https://glitch.com/) といったようなオンラインコーディングプログラムで(ほとんどの場合)試すことができます。
## ガイド
- [JavaScript とは](/ja/docs/Learn/JavaScript/First_steps/What_is_JavaScript)
- : MDN の初心者向け JavaScript コースへようこそ!この最初の記事では JavaScript を高い視点から見ていき、「それは何ですか?」「それで何ができますか?」などの質問に答え、 JavaScript の目的があなたに受け入れられるものであるかを確認します。
- [JavaScript の最初の一歩](/ja/docs/Learn/JavaScript/First_steps/A_first_splash)
- : これで JavaScript の理論や、 JavaScript で何ができるかを学んだと思いますが、完全に実践的なチュートリアルを通して、 JavaScript の基本的な機能を学ぶことができます。ここでは単純な「数字当てゲーム」を順を追って作っていきます。
- [何が間違っている? JavaScript のトラブルシューティング](/ja/docs/Learn/JavaScript/First_steps/What_went_wrong)
- : 前回の記事で「数字当てゲーム」を組み上げたとき、うまく動作しないことがあったかもしれません。心配しないでください。この記事は、 JavaScript プログラムでエラーを見つけて修正する単純なヒントを提供することで、このような問題で髪をかきむしらなくて済むようにすることを目的としています。
- [必要な情報を保管する — 変数](/ja/docs/Learn/JavaScript/First_steps/Variables)
- : 前の記事を読んで、JavaScript とは何か、JavaScript を使用することで何ができるのか、JavaScript を他のウェブ技術と並べたときにどのように使用するのか、JavaScript の主な機能がどのようなものなのかを理解できたと思います。この記事では、JavaScript の最も基本的な構成要素である変数を使ってどのように作業するのか、本当の基本に迫ります。
- [JavaScript での基本演算 — 数値と演算子](/ja/docs/Learn/JavaScript/First_steps/Math)
- : ここで、JavaScript における数学について論じます。指示に従ってうまく数値を操作するために、演算子やその他の機能を組み合わる方法を説明します。
- [テキストの扱い — JavaScript での文字列](/ja/docs/Learn/JavaScript/First_steps/Strings)
- : 次に、文字列に注目します ― プログラミングではテキストのことをこう呼びます。この記事では、文字列の作成、文字列の引用符のエスケープ、およびそれらの結合など、JavaScript を学習するにあたって本当に知っておくべき、文字列についてのすべての一般的な事柄を見ていきます。
- [便利な文字列メソッド](/ja/docs/Learn/JavaScript/First_steps/Useful_string_methods)
- : 文字列の基本について見てきましたが、文字列の長さの取得、文字列の結合と分割、文字列内の文字の置換、その他の文字列の置換など、組込みメソッドを使用して文字列に対して実行できる便利な操作について考えてみましょう。
- [配列](/ja/docs/Learn/JavaScript/First_steps/Arrays)
- : このモジュールの最後の記事では、配列を見ていきます — 単一の変数名の下に複数のデータ項目のリストを保存するのに適した方法です。ここでは、なぜこれが便利なのかを確認してから、配列の作成方法、配列に格納された項目の取り出し、追加、削除などの方法を学びます。
## 評価試験
以下の評価試験では、上のガイドで取り上げた JavaScript の基礎についての理解度をテストします。
- [バカ話ジェネレーター](/ja/docs/Learn/JavaScript/First_steps/Silly_story_generator)
- : この課題では、このモジュールの記事で取り上げた知識の一部を用いて、ランダムなバカ話を生成する愉快なアプリの作成に適用することを求められます。楽しんで取り組みましょう!
## 関連情報
- [Learn JavaScript](https://learnjavascript.online/)
- : 短いレッスンとインタラクティブなテストを使用して、自動化された評価に基づいた、インタラクティブな環境で JavaScript を学びます。最初の 40 レッスンは無料で、コース全体を少額の 1 回払いで利用できます。