0Pricing
JavaScript Academy · レッスン

正規表現の基礎 — リテラル、test、アンカー、フラグ

簡単な正規表現を作り、テキストをtestし、アンカー（^ $）を使い、よく使うフラグ（i、g）を小さな解析タスクに適用します。

「正規表現の基礎 — リテラル、test、アンカー、フラグ」はCoddyKit上の無料JavaScript Academyレッスンです。 これはレッスン1/3です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはJavaScript Academy学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 JavaScript Academyコースには全3レッスンが含まれています。

正規表現の基本

目標：小さな正規表現パターンを認識し、適用できるようにします。

  • /cat/のような正規表現リテラルを作成します
  • test()で確認します
  • アンカー^と$を使用します
  • フラグを追加します：i（大文字と小文字を区別しない）、g（グローバル）
正規表現の基礎 — リテラル、test、アンカー、フラグ — イラスト1

リテラルとtest()

/cat/のようなリテラルを作成し、test(text)を呼び出すと、trueまたはfalseを取得できます。

// Use a regex literal and test() to check presence
const r = /cat/;
console.log("has cat?", r.test("my cat"));
console.log("has cat?", r.test("dog"));
正規表現の基礎 — リテラル、test、アンカー、フラグ — イラスト2

文字クラスとmatch()

よく使う文字クラス：\\dは数字、\\wは単語文字、\\sは空白文字です。すべての一致を取得するにはgを使用します。

// Character classes: \\d (digit), \\w (word), \\s (space)
const msg = "Order #245, table 7";
const numbers = msg.match(/\\d+/g);
console.log("numbers:", numbers);
正規表現の基礎 — リテラル、test、アンカー、フラグ — イラスト3

アンカー

^は先頭に一致し、$は末尾に一致します。これらを組み合わせると、文字列全体に一致するパターンを作成できます。

// Anchors: ^ start, $ end
const a = /^hello/.test("hello world");
const b = /world$/.test("say world");
const c = /^hello$/.test("hello");
console.log("starts hello?", a, "ends world?", b, "exact hello?", c);
正規表現の基礎 — リテラル、test、アンカー、フラグ — イラスト4

フラグの概要

iは大文字と小文字を区別せず、gは最初の一致だけでなくすべての一致を見つけます。

// Flags: i = ignore case, g = global (find all)
const text = "Red, red, RED";
const first = text.match(/red/i);
const all   = text.match(/red/gi);
console.log("first:", first[0]);
console.log("all:", all);
正規表現の基礎 — リテラル、test、アンカー、フラグ — イラスト5

エスケープの基本

エスケープのヒント：

  • 特殊文字：. * + ? ( ) [ ] { } | ^ $
  • ドットに一致させるには、\\.を使用します
  • 初心者にも読みやすいよう、パターンは小さく保ちます
正規表現の基礎 — リテラル、test、アンカー、フラグ — イラスト6

フラグの基本クイズ

クイックチェック：正規表現のフラグです。

正規表現の基礎 — リテラル、test、アンカー、フラグ — イラスト7

まとめ

まとめ：リテラルで正規表現を作成し、test()で確認します。先頭と末尾には^/$を使用し、大文字と小文字を区別しない検索や複数一致の検索にはi/gフラグを追加します。

正規表現の基礎 — リテラル、test、アンカー、フラグ — イラスト8

よくある質問

「正規表現の基礎 — リテラル、test、アンカー、フラグ」レッスンは無料ですか？

はい。「正規表現の基礎 — リテラル、test、アンカー、フラグ」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、JavaScript Academyコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 JavaScript Academyコースには全3レッスンが含まれています。

「正規表現の基礎 — リテラル、test、アンカー、フラグ」で何を学びますか？

簡単な正規表現を作り、テキストをtestし、アンカー（^ $）を使い、よく使うフラグ（i、g）を小さな解析タスクに適用します。 ブラウザで直接実行するハンズオンコードでJavaScript Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

JavaScript Academyを始めるのに経験は必要ですか？

事前経験は必要ありません。CoddyKitのJavaScript Academyは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン1/3です。

「正規表現の基礎 — リテラル、test、アンカー、フラグ」レッスンにはどのくらい時間がかかりますか？

ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。

このJavaScript Academyレッスンでコードを書いて実行できますか？

はい。すべてのJavaScript Academyレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。

このコースのすべてのレッスン

  1. 正規表現の基礎 — リテラル、test、アンカー、フラグ
  2. グループ、キャプチャ、置換
  3. バリデーションと小さな注意点
← JavaScript Academyに戻る