JavaScript超入門① 最初のプログラムを書いて動かそう

JavaScriptを初めて学ぶ人に向けた、全8回の入門シリーズです。

JavaScriptは、Webページへ動きを加えるためによく使われます。ブラウザのほか、Node.jsという実行環境でも動かせます。

最初のプログラム

ブラウザの開発者向けコンソール、またはJavaScriptの学習用環境で実行してください。

console.log("こんにちは、JavaScript！");

console.logは、確認したい文字や数字をコンソールへ表示します。

<!doctype html>
<html lang="ja">
  <body>
    <h1>JavaScriptの練習</h1>

    <script>
      console.log("HTMLから実行しました");
    </script>
  </body>
</html>

scriptタグの中にJavaScriptを書きます。このファイルを.htmlとして保存し、ブラウザで開くと実行されます。

console.log("1番目");
console.log("2番目");
console.log("3番目");

JavaScriptも、基本的に上から順番に処理します。

行末のセミコロンは省略できる場合もありますが、このシリーズでは命令の終わりを分かりやすくするために書きます。

// 1行のコメント

/*
複数行の
コメント
*/

コメントは実行されません。処理の目的を短く残すために使います。

ブラウザのコンソールには、エラーの内容と行番号が表示されます。

console.logを3回使い、名前、好きなもの、作ってみたいWebページを表示してください。

console.log("名前はAoiです");
console.log("好きなものは音楽です");
console.log("作品を紹介するWebページを作りたいです");

console.logを3回呼び出すと、開発者ツールのコンソールへ上から順に表示されます。文字列はダブルクォーテーションまたはシングルクォーテーションで囲み、各命令の終わりにセミコロンを付けています。