[JavaScript] 正規表現に入門する - YoheiM .NET
こんにちは、@yoheiMuneです。 以前簡単な正規表現入門資料を作ったのですが、ブログにも書いておこうと思います。 正規表現って何？ ざっくり言うと、正規表現は「文字列を扱う為の技術」と言えると思います。 正規表現を使って、ある特定の文字列を検索したり、置換したり、抜き出したりすることが出来ます。 例えば、HTMLドキュメントの中に以下のようなイメージタグがあった場合に、 <img src="foooooooo.png"alt="画像だよ"/> img要素がHTML文章内があるかを検索することも出来るし、「foooooooo.png」を「huuuuuuuuu.png」に置換することも出来るし、「foooooooo.png」を取り出すことも出来ます。 もちろん正規表現を使わない方法でも同様のことを実現できますが、 正規表現を使うとより複雑なことがより簡単に行えるようになります（正規表現を
![[JavaScript] 正規表現に入門する - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/429f3d8a10d9dff3da9e3702799d47873b00d06d/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F292.jpg)
正規表現
文字クラスを示します。角かっこ内のいずれかの文字に一致します。たとえば、[abc] と指定した場合、"a"、"b"、および "c" のいずれかに一致します。 文字クラスの先頭にこのメタ文字がある場合は、後に続く文字クラスが否定されます。このように指定した文字クラスは、角かっこ内の文字以外の任意の文字に一致します。たとえば、[^abc] と指定した場合、"a"、"b"、および "c" 以外のすべての文字と一致します。 正規表現の先頭にある ^ は、入力文字列の先頭に一致します。たとえば、^[abc] と指定した場合、"a"、"b"、または "c" で始まる入力文字列だけに一致します。
【業務効率が変わる！】こんな時に役に立つ「正規表現」の使い所 | WebNAUT by Beeworks
※この記事は2013年7月10日に執筆された記事です。現在は仕様が異なる可能性があります。 大変です！ あなたは、公開間近でクライアントから少々面倒な修正依頼を頂きました。 対応したいのですが、大型案件の為、納品するページ数は膨大にあり、該当する箇所がどれほどあるのか想像がつきません。 さて、この場合どのような対応がベストでしょうか？ 今回は、ベストな対応をしたい方の為に便利な正規表現の使い所をご紹介します。 公開間近でクライアントからこんな修正依頼が、、、 クライアントから下記の修正依頼を頂きました。 該当するページ数は未だ不明ですが、調査対象は明日公開予定の膨大な数のHTMLファイルです。 1. ¥を円の表記に統一（¥9,000→9,000円） 2. 「しております」「してます」を「しています」に統一 3. 外部リンクのaタグは別窓指定 4. 素材と販売元の行を入れ替える 5. 最後の
JavaScriptで金額の表記にコンマを付ける | バシャログ。
まだカーテンがこないminamiです。 金額をサイトで扱う場合、コンマを使った表記が必要になる場面もあると思いますが、JavaScriptで自動的に追加する処理を作ってみました。 3桁ごとにコンマをつける サンプルは下記になります。 3桁ごとにコンマをつけるサンプル 肝になるのは下記の処理です。入力した数字（文字列）に対して、（任意の数字）+（下3桁が数字）にマッチする限り繰り返し処理を行います。 // 3桁ずつコンマが振られるまで再帰的に処理 function addComma(num) { var _num = num.replace( /^(-?\d+)(\d{3})/, "$1,$2" ); if(_num !== num) { return addComma(_num); } return _num; } 下記の部分では正規表現を使ってマッチしています。 var _num = n
World Wide Deb
The first signs of mounts may appear in adolescence, with more severe development around 30-40 years. It is a deformity in the bone of the big toe, which deviates to the other toes and thus produces a prominent formation, in many cases being painful. It is not possible to say precisely what the cause is,…
正規表現をわかりやすく視覚化してくれる『REGEXPER』 | 100SHIKI
おっと、これは便利かも。 REGEXPERを使えば、JavaScriptの正規表現をわかりやすく表現してくれる。 一見、難解な正規表現だが、これを通しても見ると「なるほど、この文字とこの文字にはされまれていて、この間は何の文字でも良いのだな」といったことがわかるようになる。 他の人のコードを読んでいて「？」となったときに試してみてもいいかもですな。
正規表現 基本の「き」 | HTML5 CSS3 JavaScript – WEBYA.IN
正規表現をもっと身近に感じてもらうためにも、もっとスムーズに習得するためにも、WEBYA.INではメタ文字を擬人化してみた（素材はだいたい イラスト工房ユニ様から拝借いたしました） .：ピリ子 ピリ子(24歳)求められると断れないちょっとエッチな OL マッチするもの：任意の１文字 SAX SOX SIX これらには、以下の正規表現でマッチさせる S.X []：ブラケット姉妹 姉ケット 姉ケット（22歳）包容力があり聞き上手。紅茶が好き マッチするもの：ブラケット内の１文字 SAX SOX SIX これらには、以下の正規表現でマッチさせる S[AOI]X [^]：ブラケット姉妹 妹ケット 妹ケット（17歳）まだトゲがあるガラスの十代。未だにATフィールドが云々とか言ってる マッチするもの：ブラケット内に並べた文字を否定する SAX SOX SIX SRX SSX SVX S-X 以下の正
JavaScriptで正規表現練習ゲーム作った - aike’s blog
特に何か目的があるわけじゃないんですが、JavaScriptの練習のためにゲームを作ってみました。 Regex Of The Dead タイピングゲームのように正規表現を練習するためのシンプルなゲームです。ゾンビと一般人が迫ってくるのでゾンビの名前にだけマッチするように正規表現を入力して倒していきます。 HTML5の流れでオーディオ、グラフィック、フォントがHTML/JavaScriptで簡単に扱えるようになり、さらにenchant.jsのようなゲームエンジンも充実してきて、ゲームもJavaScriptだけで気軽に作れるようになってきたようです。 そんなわけで試しに書いてみたのがRegex Of The Deadです。プログラミングは長いことやっているもののゲームを作ったのは大学のとき以来かもしれません。 最初、何か良さそうなゲームエンジンがないものかいくつか調査しましたが、こういったタイ
JavaScriptの文字列置換とjQueryのDOM要素置換のまとめ
JavaScriptの文字列置換とjQueryのDOM要素置換について、まとめて紹介します。 特にJavaScriptの文字列置換はいつもやり方を忘れてしまうので、このエントリーに保存しておきます。 １．replace()による文字列置換 基本的な文字列置換は、JavaScriptのreplace()メソッドを利用します。 var text = "foofoo"; var result = text.replace('foo', 'bar'); 実行結果（resultの内容） barfoo ２．replace()の正規表現による置換 replace()メソッドの第1パラメータに正規表現を指定すれば、さらに強力な文字列置換が行えます。 var text = "foofoo"; var result = text.replace(/foo/g, 'bar'); 実行結果（resultの内容）
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
正規表現で楽しよう
TEST CORDING » Sassの@functionの使い方まとめ – プログラマブルな処理は@function
IDEA * IDEA
RegExp playground
Regex Of The Dead
Regexper
IDEA * IDEA
正規表現の先読み・後読みを極める！ - あらびき日記