正規表現勉強会（初歩）

https://megmogmog1965.github.io/regex_slides/

Transcript

1. 正規表現勉強会
2. 今日の目的 1. まず正規表現のありがたさを知るべし！ 2. ゼロから一緒にハンズオンをしよう！
3. デモ
4. はじめに
5. 正規表現とは？ 検索 (⌘+F) の進化系のようなものです 置換にも使えます
6. 普通の検索 普通の検索は完全一致。
7. 正規表現で検索 いろんな文字を同時にマッチできます。
8. 置換 一括で置換できます。
9. 準備 VSCode でやります ⌘+F で検索窓を開こう ↓の通りにボタンを押す
10. 記法
11. 完全一致 正規表現でも、普通の検索と同じように完全一致 できます。
12. 完全一致 ワード Script は、2箇所でマッチ。
13. . → 任意の文字 検索文字 . は、あらゆる１文字にマッチ。 文字 a で置換するとこうなる。 aaaaaaaaaaaaaaaaaaaaaaaaaa
14. . → 任意の文字 検索ワード ....Script は、JavaScript と TypeScript の両方にマッチ。
15. ^ → 行頭 検索文字 ^ は、行頭にマッチ。 検索ワードが行頭に来たケースのみをマッチで きる。
16. ^ → 行頭 TypeScript は行頭に来てないので ^Type はマッ チしない！
17. $ → 行末 検索文字 $ は、行末にマッチ。
18. […] → どれか１文字 文字 a, b, c にマッチ。
19. […] → どれか１文字 無理やり数字にマッチさせるとこう。
20. […] → どれか１文字 ハイフンでまとめて指定できます。(小文字)
21. […] → どれか１文字 ハイフンでまとめて指定できます。(大文字)
22. […] → どれか１文字 ハイフンでまとめて指定できます。(数字)
23. [^…] → どれでもない１文字 逆に指定した文字のうち どれでもない１文字 に マッチもできます。 ↓例は 数字以外 の文字にマッチ
24. + → 繰り返し + 直前の文字の繰り返しにマッチ ↓例は a の後に b が１回以上続くケースにマッ チ
25. * → 繰り返し * は + と同じく、直前の文字の繰り返しにマッ チ * は + と異なり０回 (ないこと) にもマッチする
26. * → 繰り返し 文字 a の間に「b が０回ある」という事実にマ ッチしている… ※これが正規表現の理解が難しい所 ↓ (置換) _a_a_a_
27. (…)+ → ワードの繰り返し グループ (...) を使えば、ワードの繰り返しにもマ ッチできます。
28. (…|…) → ワードのOR グループ (...|...) を使えば、複数ワードのどれかに マッチできます。
29. エスケープ
30. 特殊記号はエスケープが必要 前述した特殊記号は abc の様に普通にマッチは できない。 \ を使ってエスケープをすると文字としてマッチ できる。 . → \. ^ → \^ $ → \$ [ → \[ ] → \] + → \+ * → \* ( → \( ) → \) | → \|
31. 特殊記号はエスケープが必要 それか [...] を使う技もある。 この中では ], - 以外はエススケープが不要。 [.^$+*()|]
32. 置換
33. 普通の置換
34. 普通の置換
35. 奥義！ キャプチャグループ！ Taro, Hanako, Mike にマッチする正規表現 [A- Za-z]+ が丸括弧で囲まれています
36. 奥義！ キャプチャグループ！ 置換後の文字列では $1 がそれぞれ Taro, Hanako, Mike に置き換わりました 丸括弧が複数ある場合は順に、 $1, $2, $3 … で参照します
37. なぜ $1 なのか？ \1 は？ VSCode は という JavaScript Framework で作られています → VSCode の正規表現の仕様は Electron JavaScript 標準
38. 先・後読みは説明しないが… 次の様に書いて置換すると、マッチしない行を まとめて消せる ので便利 ^(?!.*残したいワード).*\n
39. その他、ツール類
40. HTTPS://REGEX101.COM/
41. CHATGPT
42. 演習
43. 探す 1. 次のアクセスログからエラーログ (4XX) を正規 表現でマッチさせよう 2. エラーログ (4XX, 5XX) の両方をマッチさせよう 3. (Want・難) 4XX, 5XX にマッチだけにフィルタ [info] 2023-03-15 10:15:30 - GET /some/path - 200 OK - 123ms [error] 2023-03-20 08:20:15 - GET /no/such/path - 404 Not Foun [error] 2023-03-20 12:00:03 - POST /some/path - 500 Internal S [error] 2023-03-21 23:55:55 - GET /some/path - 401 Anauthorize
44. 消す 末尾の秒数(ms)だけを残して、手前は消してみよ う ↓ (置換) [info] 2023-03-15 10:15:30 - GET /some/path - 200 OK - 123ms [error] 2023-03-20 08:20:15 - GET /no/such/path - 404 Not Foun [error] 2023-03-20 12:00:03 - POST /some/path - 500 Internal S [error] 2023-03-21 23:55:55 - GET /some/path - 401 Anauthorize 123ms 456ms 111ms 10ms
45. 一部だけ抜き出す 次の文字列はWebアプリケーションのログで す。DockerのJSONログ形式で出力されていま す。 "log" JSONキーが示す値のみを抜き出して見ま しょう。 (json unescape は不要) ↓ (置換) { "log": "[info] 2023-03-15 10:15:30 - GET /some/path - 200 OK { "log": "[error] 2023-03-20 08:20:15 - GET /no/such/path - 40 [info] 2023-03-15 10:15:30 - GET /some/path - 200 OK - 123ms [error] 2023-03-20 08:20:15 - GET /no/such/path - 404 Not Foun
46. 一部だけ抜き出す (前ページからの続きです) CSV形式に整形しましょう。表示順は 日時 → log_level → 本文 の順です。 ↓ (置換) [info] 2023-03-15 10:15:30 - GET /some/path - 200 OK - 123ms [error] 2023-03-20 08:20:15 - GET /no/such/path - 404 Not Foun 2023-03-15 10:15:30,info,GET /some/path - 200 OK - 123ms 2023-03-20 08:20:15,error,GET /no/such/path - 404 Not Found -
47. END