JavaScript の第一歩

最初の JavaScript のモジュールでは、初めて JavaScript を書く実践的な経験を体験する前に、「JavaScript とは何?」や「どのようなもの?」や「何ができる?」といったような基本的な質問に答えます。その後、変数や文字列、 数値、配列といったような言語の内容をお話しします。

フロントエンドのウェブ開発者になりたいですか?

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

始めましょう

前提条件

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

メモ: 作業しているコンピューターやタブレットなどの端末で、自分でファイルを作れない場合は、 JSBinGlitch といったようなオンラインコーディングプログラムで(ほとんどの場合)試すことができます。

ガイド

JavaScript とは

MDN の初心者向け JavaScript コースへようこそ!この最初の記事では JavaScript を高い視点から見ていき、「それは何ですか?」「それで何ができますか?」などの質問に答え、 JavaScript の目的があなたに受け入れられるものであるかを確認します。

最初のダイブ

JavaScript の理論についていくつか学びましたが、それで何ができるのでしょう?完全に実践的なチュートリアルを通して、JavaScript の基本機能の短期集中コースを提供します。 ここでは、簡単な数字当てゲームを段階的に作っていきます。

何が間違っている? JavaScript のトラブルシューティング

前の記事で数字当てゲームを構築した時に、うまく動かなかったかもしれません。心配しないでください —この記事は、JavaScript のプログラムにエラーを見つけて修正するシンプルな方法を提供することで、こうした大変な事態からあなたを手助けすることを目的としています。

必要な情報を保存する — 変数

前の 2 つの記事を読んで、JavaScript が何であるか、あなたのために何ができるか、他のウェブテクノロジーと一緒に使う方法、そして高い視点から見た主な機能を知ったことでしょう。この記事では実際の基礎に着目し、JavaScript の最も基本的な構成要素を扱う方法を見ていきます ― それが変数です。

JavaScript での基本演算 — 数値と演算子

ここで、JavaScript における数学について論じます。指示に従ってうまく数値を操作するために、演算子やその他の機能を組み合わる方法を説明します。

テキストを扱う — JavaScript での文字列

次に、文字列に注目します ― プログラミングではテキストのことをこう呼びます。この記事では、文字列の作成、文字列の引用符のエスケープ、およびそれらの結合など、JavaScript を学習するにあたって本当に知っておくべき、文字列についてのすべての一般的な事柄を見ていきます。

便利な文字列メソッド

文字列の基本について見てきましたが、文字列の長さの取得、文字列の結合と分割、文字列内の文字の置換、その他の文字列の置換など、組込みメソッドを使用して文字列に対して実行できる便利な操作について考えてみましょう。

配列

このモジュールの最後の記事では、配列を見ていきます — 単一の変数名の下に複数のデータ項目のリストを保存するのに適した方法です。ここでは、なぜこれが便利なのかを確認してから、配列の作成方法、配列に格納された項目の取り出し、追加、削除などの方法を学びます。

課題

以下の成績評価では、上のガイドで取り上げた JavaScript の基礎についての理解をテストします。

バカ話ジェネレーター

この課題では、このモジュールの記事で取り上げた知識の一部を用いて、ランダムなバカ話を生成する愉快なアプリの作成に適用することを求められます。楽しんで取り組みましょう!

関連情報

Learn JavaScript

短いレッスンとインタラクティブなテストを使用して、自動化された評価に基づいた、インタラクティブな環境で JavaScript を学びます。 最初の 40 レッスンは無料で、コース全体を少額の 1 回払いで利用できます。