An explanation of your regex will be automatically generated as you type.
RegExr is an online tool to learn, build, & test Regular Expressions (RegEx / RegExp). Supports JavaScript & PHP/PCRE RegEx. Results update in real-time as you type. Roll over a match or expression for details. Validate patterns with suites of Tests. Save & share expressions with others. Use Tools to explore your results. Full RegEx Reference with help & examples. Undo & Redo with {{getCtrlKey()}}
夏の暑さに負けてポケモンGOが滞っているyanagimachiです。 運動不足なので、毎日1匹孵化させるのを目標にがんばって歩こうと思います。 さてさて、正規表現といえばバックエンドの人たちがバリバリフォームとかで使っているイメージだと思います。 私も普段はバックエンドのfujiharaさんに書いてもらえばいいや・・・と思っています。 でもたまーに大量修正するの大変だからフロントエンドでも使いたいなという場面があると思います。 初回はbackground-size編です! ショートハンドでbackground-sizeを書いちゃった でも、対象ブラウザにAndroid4系デフォルトブラウザが入っていたなんてときは、別々に記述する必要がありますよね。 正規表現で書き換えちゃいましょう! 置換したいCSS background: url(/img/bg.png) 50% top /100px
置換前の文字と検索、置換の対応 特定の文字からHTMLを作成 (.*)と$による呼び出しを覚えれば、様々なことに応用ができます。 下記の文字から、HTMLのリストを作成してみましょう。 Google https://www.google.co.jp/ Yahoo! http://www.yahoo.co.jp/ Bing https://www.bing.com/ Yandex https://www.yandex.com/ 百度 http://www.baidu.com/ 用意した文字は「タイトル」「スペース1つ」「URL」というルールになっています。タイトルとURLを(.*)に置き換えて検索し、li要素とa要素に置き換えます。 例 置換前の文字 Google https://www.google.co.jp/ Yahoo! http://www.yahoo.co.jp/ Bing ht
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く