この記事で分かること
- JavaScriptの基本書式（半角・大文字小文字）
- 命名規則（変数名・関数名のルール）
- 予約語の一覧と注意点
- 文字列・数値・論理値の扱い方
- セミコロンの使い方と改行ルール
JavaScriptを書くときには、基本的な書式や命名ルールを理解しておくことがとても重要です。
これらを知らないと、思わぬエラーが発生したり、読みづらいコードになってしまいます。
この記事では、JavaScriptの基本書式・命名規則・文字列や数値の扱いなど、初心者が最初に知っておくべきポイントをまとめて解説します。
半角文字で記述する（基本ルール）
JavaScriptでは、基本的に半角英数字と次のような記号を使用します。
{ }（中カッコ）( )（小カッコ）" "（ダブルクォーテーション）' '（シングルクォーテーション）
ただし、文字列として扱う場合は " " や ' ' で囲むため、全角文字も問題なく使用できます。
大文字と小文字は区別される
JavaScriptは大文字と小文字を区別する言語です。たとえば、次の2つは別物として扱われます。
// 正しい例
document.write("こんにちは");
// 間違い（エラーになる）
document.Write("こんにちは");
変数名や関数名も同様で、myDay と myday は別の変数として扱われます。
命名規則（変数名・関数名）
変数名や関数名には、次のルールがあります。
- 使用できる文字：半角英字（a〜z、A〜Z）、数字（0〜9）、_、$
- 先頭に数字は使えない
- 予約語は使用できない
予約語とは、JavaScriptの仕様で特別な意味を持つキーワードのことです。
JavaScriptの予約語一覧
| abstract | boolean | break | byte | case | catch | char |
| class | const | continue | debugger | default | delete | do |
| double | else | enum | export | extends | false | final |
| finally | float | for | function | goto | if | implements |
| import | in | instanceof | int | interface | long | native |
| new | null | package | private | protected | public | return |
| short | static | super | switch | synchronized | this | throw |
| throws | transient | try | true | typeof | var | void |
| volatile | while | with |
改行とセミコロン（;）
JavaScriptでは、命令文の区切りに ;（セミコロン）を使います。
- 1行に1つの命令なら省略しても動作する
- 複数の命令を1行に書く場合は必須
例：2つの命令を1行にまとめた場合
today = new Date(); t = today.getDate();
逆に、1つの命令が長くなる場合は途中で改行しても問題ありません。
document.write("訪問済みリンクの色は"
+ document.vlinkColor + "です。");
数値の扱い
JavaScriptで扱える数値は次のとおりです。
- 整数（例：1、-2）
- 浮動小数点数（例：2.145）
- 16進数（例：0xff）
- 8進数（例：0 から始まる）
文字列の扱い
文字列は " " または ' ' で囲みます。
today = new Date();
t = today.getDate();
document.write("こんにちは。いいお天気ですね。");
document.write('今日は<b>' + t + '</b>日です。');
write や writeln では、カンマ区切りで複数の文字列を渡すと連結されて出力されます。
論理値（Boolean）
論理値は true（真）または false（偽）で、条件分岐などで使用されます。
その他の値
null：値が存在しないことを示すundefined：値が未定義であることを示す
JavaScript 初心者におすすめの学習書籍
書籍で学ぶのが向いている人
- 紙の本で体系的に学びたい
- ネット記事だけだと情報が断片的に感じる
- 基本文法を順序立てて理解したい
今回の記事で扱った「基本書式・命名規則・文字列・数値」などは、JavaScript学習の最初のステップです。
書籍ではこれらの基礎を体系的に順序立てて学べるため、理解が深まりやすく、挫折しにくいのが特徴です。
いちばんやさしい JavaScript の教本
写真や図が多く、手を動かしながら学べる初心者向けの入門書です。
変数・関数・命名規則・文字列・数値など、この記事で扱った基礎を実際に動くサンプルとともに理解できます。
この本で解決できること：
- JavaScriptの基本文法をやさしく理解できる
- 手を動かしながら学べるため、挫折しにくい
- 「まず動くものを作ってみたい」が実現できる
確かな力が身につく JavaScript「超」入門
JavaScriptの基礎を体系的に学びたい方に向いている入門書です。
初心者がつまずきやすいポイントを丁寧に解説しており、基本書式・命名規則・文字列・数値などの理解をさらに深められます。
この本で解決できること：
- JavaScriptの基礎を体系的に学び直せる
- 実務で使えるレベルの基礎力が身につく
- 現代的なコードの書き方が理解できる
動画で理解を深めたい方へ（Udemy講座）
基本書式や命名規則は、実際にコードを書きながら学ぶと理解が一気に深まります。
Udemyの動画講座では、画面の動きを見ながら学べるため、初心者でもスムーズに理解できます。
初心者のためのJavaScript 完全入門
JavaScriptの基礎を体系的に学べる人気講座です。
変数・関数・命名規則・文字列・数値など、この記事で扱った内容を実際のコード操作とともに理解できます。
この講座で解決できること：
- JavaScriptの基本文法を体系的に理解できる
- 命名規則や書式の正しい書き方が身につく
- 初心者がつまずきやすいポイントを動画で理解できる
→ 初心者のためのJavaScript 完全入門（Udemy）
超JavaScript 完全ガイド 2026
JavaScriptの基礎〜応用まで幅広く学べる講座です。
基本文法だけでなく、DOM操作・イベント処理・非同期処理までカバーしており、次のステップに進みたい方に最適です。
この講座で解決できること：
- JavaScriptの基礎〜応用を体系的に理解できる
- 現代的なコードの書き方が身につく
- 実務で必要な知識をまとめて習得できる
体系的に学びたい方へ（スクールという選択肢）
基本文法を理解したあと、DOM・イベント処理・非同期処理に進むと、独学では急に難しく感じることがあります。
こうした段階で「質問できる環境」があると、理解スピードが大きく変わります。
独学でつまずきやすいポイント
- コードの意図が理解できない
- イベント処理や非同期処理で混乱しやすい
- コードレビューを受ける機会がない
- 学習の順番に自信が持てない
スクールでは、プロの講師が学習ロードマップを作成し、つまずきやすい部分を丁寧にサポートしてくれます。
「効率よく学びたい」「質問しながら進めたい」という方に向いています。
無料相談で得られるメリット
- あなたのレベルに合わせた学習計画を作成してくれる
- 独学でつまずきやすい部分を事前に教えてくれる
- 学習方法の改善点をプロがアドバイス
- エンジニア転職を視野に入れたキャリア相談も可能
JavaScript を効率よく学びたい方には、未経験からエンジニアを目指せる
DMM WEBCAMP の学習コースも選択肢のひとつです。
JavaScriptの基本書式に関するよくある質問（FAQ）
セミコロンは必ず書くべき？
省略しても動作しますが、予期せぬ改行解釈を避けるため、実務では書くのが一般的です。
変数名に日本語は使える？
技術的には可能ですが、実務では可読性の観点から英字を使うのが一般的です。
文字列はシングルとダブルどちらを使う？
どちらでも動作します。プロジェクト内で統一することが重要です。
予約語を変数名にするとどうなる？
エラーになります。予約語はJavaScriptの構文として使われるため、変数名には使用できません。
まとめ｜JavaScriptの基本書式を理解してエラーを防ごう
JavaScriptの基本書式や命名規則、文字列・数値の扱いを理解しておくことで、エラーを防ぎ、読みやすいコードを書くことができます。
初心者の方は、まず今回紹介したポイントを押さえながら、実際にコードを書いて慣れていくのがおすすめです。
