JavaScriptの構文ルールまとめ！セミコロン・中かっこなど初心者が最初に覚えるべきポイント

1. JavaScriptの「構文（こうぶん）」とは？

1. JavaScriptの「構文（こうぶん）」とは？

構文とは、JavaScriptの文の書き方や順番の決まりのことです。

たとえば、日本語では「私はパンを食べます」と書くけど、「食べますパン私は」だと不自然ですよね。JavaScriptでも決まった形で書かないと動きません。

2. セミコロン（;）の使い方

2. セミコロン（;）の使い方

JavaScriptでは、1つの命令文の終わりにセミコロン（;）をつけるのが基本です。

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

実はセミコロンは省略しても動く場合がありますが、初心者のうちは必ずセミコロンをつけるようにしましょう。

3. 中かっこ（{ }）の意味と使い方

3. 中かっこ（{ }）の意味と使い方

中かっこ（{ }）は、まとまった処理を囲むために使います。

たとえば、「この中の命令は一緒に動かすよ」というような意味です。

{
  console.log("はじめ");
  console.log("おわり");
}

中かっこはセットで使うことが大切です。開きかっこ { と 閉じかっこ } を忘れずに！

4. 改行とインデントのルール

4. 改行とインデントのルール

JavaScriptでは、改行やスペースの位置も重要です。意味は変わらなくても、見やすいコードを書くことがとても大事です。

次のようにインデント（字下げ）を使うと読みやすくなります。

{
  console.log("中にある命令");
}
console.log("外にある命令");

タブキーやスペースでインデントを入れることで、コードの中の構造がはっきり見えるようになります。

5. 大文字と小文字の区別

5. 大文字と小文字の区別

JavaScriptでは大文字と小文字をしっかり区別します。

たとえば、次の2つはまったく別物です。

console.log("これは正しい");

Console.log("これはエラーになる");

初心者がよく間違えるポイントなので、注意しましょう。

6. 文字列（もじれつ）の書き方

6. 文字列（もじれつ）の書き方

文字列（＝文章や文字データ）を書くときは、ダブルクォーテーション（"）かシングルクォーテーション（'）で囲みます。

console.log("こんにちは");
console.log('JavaScriptの文法');

どちらを使っても構いませんが、どちらかに統一するのが良い習慣です。

7. コメントの構文

7. コメントの構文

JavaScriptでは、コメント（メモ書き）を使うことができます。これはプログラムに影響せず、説明やメモとして残すことができる便利な機能です。

1行コメントは // で始めます。複数行コメントは /* 〜 */ で囲みます。

// これは1行のコメント

/*
これは複数行の
コメントです
*/
console.log("コメントの練習");

8. JavaScript構文ミスでよくある例

8. JavaScript構文ミスでよくある例

最後に、初心者がよくやってしまう構文ミスを紹介します。

• セミコロンをつけ忘れる
• 中かっこを閉じ忘れる
• 文字列の囲み（"や'）が片方だけ
• 大文字と小文字を間違える

エラーが出たときは、書いたコードをよく見直して、これらのポイントに注意しましょう。

まとめ

まとめ

JavaScriptの構文ルールについて全体を振り返ると、初心者が最初に必ず理解しておくべき大切な基礎が数多く含まれていることが分かります。特に、セミコロンの使い方、中かっこの扱い、インデントによる読みやすさ、大文字小文字の区別、文字列の表記方法、コメントの書き方などは、どれも日常的に目にする基礎要素であり、これらを正しく理解できているかどうかでコードの品質やトラブルの発生頻度が大きく変わります。構文ルールは難しそうに見えても、ひとつひとつの意味を知れば自然と理解が深まり、実際のプログラムでも迷わず書けるようになります。 また、よくある間違いとして挙げられる「中かっこを閉じ忘れる」「セミコロンをつけ忘れる」「文字列の引用符が片方しかない」「大文字小文字の識別ミス」は、どれも初心者だけでなく、慣れた人でも油断すると起きてしまうものです。こうしたミスを防ぐためには、読みやすさを意識したインデントや改行、決まりに沿った記述スタイル、統一した文字列の書き方が重要になります。さらに、JavaScriptでは見た目のわずかな違いが大きなエラーにつながるため、特に大文字と小文字の区別は丁寧に扱う必要があります。 ここでは、記事の内容を振り返る形で簡単なサンプルコードも紹介しながら、構文ルールの理解が深まるようにまとめていきます。実際のJavaScriptコードでも、今回学んだ要素がどのように使われるのかを確認し、構文の決まりを守った正しい記述に慣れていくことが大切です。次のような基本的なコードにも、中かっこやセミコロン、コメント、インデントなどの要素がしっかり含まれています。

サンプルプログラムで確認する構文ルール

function aisatsu() {
  console.log("こんにちは");
  console.log("JavaScriptの基本構文を学ぼう");
}

// コメントの例
// これはあいさつ関数を実行する部分
aisatsu();

このサンプルコードでは、中かっこが正しくセットで使われており、インデントでどの処理が関数の内部か外側かが分かりやすく整理されています。さらに、すべての命令文にはセミコロンがつけられ、コメントを使って処理の意図が明確に説明されています。こうした構文ルールを守ることで、読みやすく、後から修正しやすいコードを書くことができます。JavaScriptは構文ミスが原因でエラーが出ることも多いため、今回の記事で学んだポイントを普段から意識して記述すれば、トラブルを未然に防ぐことにもつながります。 今回の内容を改めて整理すると、JavaScriptの構文ルールは基礎的でありながら非常に重要な部分を占めています。セミコロンや中かっこ、インデント、大文字小文字、文字列の書き方などは、どれもJavaScriptを理解するうえで最初に押さえるべき項目です。このような基本を確実に身につけておくことで、これから学ぶ条件分岐、ループ処理、関数定義、オブジェクト操作など、さらに広い分野の理解にもつながります。