Keyboard shortcuts

Press or to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

🧠 JavaScriptの記述きじゅつルール(初心者しょしんしゃ向けむけまとめ)

I. ぶん終わりおわりにはセミコロン(;)をつける

  • 命令めいれい終わりおわりにセミコロンをつけることで、コードの区切りくぎり明確めいかくになります。
let name = "Taro";

II. 変数へんすう宣言せんげんには letconst使うつかう

  • let変更へんこう可能かのう変数へんすう
  • const変更へんこう不可ふか定数ていすう
let age = 20;
const birthYear = 2005;

III. 文字列もじれつ" " または ' '囲むかこむ

  • どちらでもOKですが、統一とういつして使うつかうのが良いよい習慣しゅうかんです。
let greeting = "こんにちは";

IV. インデント(字下げじさげ)でコードを見やすくみやすくする

  • 通常つうじょうはスペース2つまたは4つで揃えますそろえます
function sayHello() {
  console.log("こんにちは!");
}

V. コメントを使ってつかって説明せつめい書くかく

  • //使ってつかってコードの説明せつめい記述きじゅつできます。
// これは挨拶を表示する関数です
function sayHello() {
  console.log("こんにちは!");
}

VI. 命名めいめいはわかりやすく、英語えいご書くかく

  • 変数へんすう関数名かんすうめい意味いみのある英語えいご書くかくのが一般的いっぱんてきです。
let userName = "Taro";
function showMessage() {
  console.log("ようこそ!");
}

VII. 大文字おおもじ小文字こもじ区別くべつされる

  • Namenameべつ変数へんすうとして扱われますあつかわれます
let name = "Taro";
let Name = "Hanako";  // ← 別の変数


VIII. ⚠️ 留学生への重要アドバイス:文字列もじれつやコメント以外いがい半角文字はんかくもじ記述きじゅつする

日本のパソコンやスマホを使うとき、最初にびっくりするのが 「文字の大きさ(幅)」 の違いだと思います。

簡単に言うと、「スリムな文字」ふとっちょな文字」 の2種類があります。

これは日本だけではなく、漢字やハングルを使う東アジアの国々(CJK:China, Japan, Korea)に共通する特徴です。

1. 全角ぜんかく半角はんかくの違い

イメージは「箱」のサイズです。

  • 全角ぜんかく (Full-width): 正方形の箱。漢字やひらがなと同じ大きさ。
  • 半角はんかく (Half-width): 全角ぜんかくの半分の細い箱。アルファベットや数字に使われます。
種類特徴
半角はんかく (Half)A B C 1 2 3 ! ?スリム。世界中で使われる標準サイズ。
全角ぜんかく (Full)A B C 1 2 3 ! ?横に広い。日本の漢字やひらがなと仲良しサイズ。

2. なぜこれが大事なの?

日本のウェブサイト(銀行、学校の登録とうろく、ネットショッピングなど)では、「ここは半角はんかくで書いてください」「ここは全角ぜんかくで!」 というルールがとても厳しいです。

  • メールアドレス・パスワード: ほとんどが 半角はんかく です。全角ぜんかくで打つとエラーになります。
  • 名前(フリガナ): 銀行などでは 全角ぜんかく を求められることが多いです。

Important

よくあるミス: スペース(空白)にも「全角ぜんかく」と「半角はんかく」があります。 パスワードの間に「全角ぜんかくスペース」が入ってしまうと、では気づけないのでログインできなくて困ることがあります。注意しましょう!

コードはすべて「半角はんかく(half-width)」で書きます

JavaScriptなどのプログラムを書くときは、画面がめんに日本語で表示ひょうじする言葉や、コメントなどを除いて、半角はんかく文字で書きます。

特に「全角ぜんかくスペース」や「全角ぜんかくのセミコロン 」、「全角ぜんかくのカッコ ( ) 」が混じると、プログラムはうごきません。日本語入力にゅうりょく(IME)を使っているときは、常に半角はんかくになっているか確認しましょう。

また、ほとんどのプログラミング言語(Python, JavaScript, Java, C++ など)は、英語をベースに作られています。そのため、コンピュータは「全角ぜんかくスペース」をスペースとして認識できず、「ナゾの記号」だと思ってしまいます。

3. どうやって使つかけるの?

キーボードの「半角はんかく/全角ぜんかく」キー以外にも、便利なショートカットがあります(Windowsの場合)。

  1. 文字を入力にゅうりょくして、確定する(Enterを押す)前に…
  2. F8キー を押すと、一瞬で 半角はんかく になります。
  3. F9キー を押すと、一瞬で 全角ぜんかくアルファベット になります。

最初は少し面倒に感じるかもしれませんが、「日本の文字(漢字)は大きいから、専用せんようの広い席が必要なんだな」と思えばOKです!


IX. まとめ:JavaScript学習のルールと習慣

JavaScriptのかた:これだけは守りたい8つのルール

最後に、ミスを防ぐための大切なルールをまとめました。

たとえば飲食いんしょく店でアルバイトをする場合も、わかりやすく書かれたマニュアルを見れば、ミスをすることなく作業することができます。マニュアルは、誰が読んでも同じ意味にとれるように、あいまいさのない、はっきり書かれたものでなければなりません。

プログラミングは世界共通のルールです。なぜ英語(えいご)で名前を付けるのか? それは世界中のプログラマーが共通して使う「公用こうよう>の言葉」だからです。

以下のルールを「チェックリスト」として使いましょう。

  1. 文の終わりにはセミコロン(;): 命令の区切くぎりをはっきりさせます。
  2. 変数へんすう宣言せんげん(せんげん)は let と const: 値を入れる「箱(はこ)」を作ります。
    • const:一度決めたら変えられない 「箱に貼った固定ラベル」 です。基本はこちらを使います。
    • let:あとで中身をかえられる箱です。
  3. 文字列は “ “ または ’ ’ で囲む: 「こんにちは」などの言葉は引用符いんようふ(いんようふ)で囲みます。
  4. インデント(字下げ): コードの行の最初をスペースでそろえて、見やすくします。
  5. コメント(//): 自分のためのメモです。コンピュータは無視します。
  6. 名前は英語(えいご)で付ける: let namae ではなく let userName と書くのがプロのルールです。
  7. 命名にキャメルケース (camelCase): 2つ目の単語を大文字にします(れい:userName)。
  8. 大文字と小文字を分ける: MyName と myname は、コンピュータには違う箱に見えます。
  9. コメントを書きましょう: // のあとにメモを書きます。自分の母国語でメモを残すと学習がはかどります。
  10. コードはすべて「半角はんかく(half-width)」で書きます: これが一番大切です。文字列の中とコメント以外で 「全角ぜんかく」を使うと、コードは絶対にうごきません。