正規表現は文字列の検索や置換を行うための強力で便利なツールです。基本をマスターすれば開発から日常の事務作業までさまざまな場面でラクをできる魔法の道具ですが、見た目がちょっと分かりづらいので、避けている方もいるのではないでしょうか？ 筆者の個人的観測ですが、とりわけフロントエンドのエンジニアには正規表現に苦手意識を感じている方が多いようです。 この記事では正規表現の基本と、正規表現がどこで使えてどれだけ便利になるのかを紹介します。 正規表現の基本：正規表現ってそもそも何？ 正規表現（regular expression）は、ごく簡単にいえば「さまざまな文字列のバリエーションをひとつの文字列で表現したもの」です。たとえば、郵便番号の7桁の数字には（実際に使われていないものも含めれば）一千万通りのバリエーションがありますが、正規表現を使えば次のようにひとつの文字列で表現できます。 ▼「7桁の数字
JavaScript入門書のJavaScript Primerのウェブ版をアップデートして、2021年の最新の仕様であるES2021に対応しました。 JavaScript Primerのウェブサイトから閲覧できます。 ウェブサイト: https://jsprimer.net/ リリースノート: Release 3.0.0: ECMAScript 2021対応 · asciidwango/js-primer 対応のサマリIssue: ES2021の対応 · Issue #1220 · asciidwango/js-primer JavaScript Primerについて JavaScript Primerは、これからJavaScriptを学びたい人が、ECMAScript 2015以降をベースにして一からJavaScriptを学べる書籍です。 ECMAScriptの仕様は毎年アップデートされ
よしこ@yoshiko_pg Google Developer Experts for Web 2022.03.25 UIT Meetup vol.15 Relearn Modern Web Standard 今までああ書いてたアレ、これからはこう書けそう About Speaker よしこ - @yoshiko_pg 株式会社ナレッジワーク フロントエンドエンジニア 2021年10月からWebのGDEになりました。 SPAでGUIツールを作るのが好きです。 About Session このセッションについて Webフロントエンド開発で頻出するパターンの中で、専用の仕様がなかったために 既存の仕様を使って工夫して実現していたようなものがありました。 日々新しく提案・実装されていくWebの仕様の中で、モダンブラウザでの実装も進んでおり、 利用したくなる機会も多そうなものについてbefore/
覚え書き: 先読み・後読みを含む正規表現の数学的定式化
いかにも既知な気がしますが、ぱっと既存の議論が探せないのでとりあえず書き出してみます。 ※用語は独自のものです。また、証明・定義は厳密に検証しているわけではないので誤りがあるかもしれません。 この定義でカバーできること 先頭 ^ 末尾 $ 肯定先読み (?= ... ) 否定先読み (?! ... ) 肯定後読み (?<= ... ) 否定後読み (?<! ... ) この定義でカバーしないこと 選択の左右の優先度 (r1|r2 vs. r2|r1) 最長優先と最短優先の区別 (r* vs. r*?) 基本の正規表現 基本の正規表現は通常以下のように定義されます。 \Sigma はアルファベットで有限サイズとします。 文字リテラル a (a は文字 a \in \Sigma) 空文字列 \epsilon と連接 R_1R_2 (R_1, R_2 は正規表現) 空集合 \emptyset と
JavaScript文字列の作成、検索、置換、その他の操作について学ぼう！初心者向け完全ガイド - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
本日はJavaScript文字列について学習します。 JavaScriptでの文字列の作成、検索、置換、それらその他の操作について初学者のうちに知っておくべき必要のあるすべてを網羅してもらう事を目的とした記事となります。 プリミティブ 文字列でのメソッドとプロパティ 文字列の作成 オブジェクト 文字列の比較 パディング文字列 文字列内の検索 文字列内の文字を置換する 文字列の分割(配列に変換) 長い文字列と改行 特殊文字 テンプレートリテラル タグ付きテンプレートリテラル HTMLテンプレートリテラル 最後に JavaScriptには、基本的に2つの種類の文字列があります。 それらは文字列プリミティブと文字列オブジェクトです。 文字列プリミティブは不変であり、文字列オブジェクトは可変であることが、これらの種類の主な違いの1つです。 JavaScriptには、他にもさまざまなデータ型が存在し
「東京Node学園」は、Node.js日本ユーザグループ主催のNode.js勉強会です。36時限目の今回は、オンラインで開催されました。鈴木氏は、Node.jsのVersion16の新機能について発表をしました。 Node.jsのVersion16の新機能をひととおり紹介 鈴木正樹氏（以下、鈴木）：私からは「Node.jsのVersion16の新機能」ということで紹介したいと思います。よろしくお願いします。 簡単に自己紹介させてもらうと、鈴木正樹といいまして、愛知県の半田市というところでフリーランスエンジニアやっています。得意分野は、AWSのバックエンドです。アーキテクチャ、設計、開発です。テストもやりますが、そこらへんが得意です。 主な技術スタックは、先ほど挙げたAWSだったり、サーバーレスフレームだったり、サーバーレスです。メインではNode.jsやTypeScriptを使って開発して
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
覚えれば一生もの！ ウェブエンジニアのための正規表現活用入門 - ICS MEDIA
ES2021に対応したJavaScript Primer 3.0を公開しました - JavaScript入門
DevFest 2021 Web Session_UIT編
WeakRefやFinalizationRegistryは扱いに注意 Node.js 16で導入された新機能