READ MORE

HTMLタグの範囲を特定する正規表現

styleやscriptのような入れ子にならない前提のタグなら、このような正規表現で範囲特定して抜き出したり置き換えたりできます。 たとえば、HTMLソース内に散在しているstyleタグを1箇所にまとめるならこんなふうに …

READ MORE

GoogleChromeの開発ツールで圧縮後のJavaScriptをデバッグ

Google Chromeの開発者ツールが、いつの間にか圧縮してあるスクリプトを可読化してデバッグできるようになっていました。 圧縮後のソースで動いている本番環境では不具合が起きているけど、開発環境の圧縮前ソースで再現さ …

READ MORE

checkboxでアコーディオンを作る

checkboxとCSSの~(一般兄弟結合子)を利用するとトグル開閉できる上で、開いた際に兄弟要素を全て閉じるアコーディオンを効率よく作られます。

READ MORE

Riot.jsでタグをエスケープせずに出力する

Riot.jsは、変数としてHTMLタグを含む内容を渡しても、XSS対策として自動でエスケープして表示する仕様です。 しかし、WEBコンテンツを作成していると、こんなことも。 名称をキリの悪い場所でなりゆき改行させるわけ …

READ MORE

Lodashでor検索and検索

JavaScriptのLodashで、JSONの配列からOR検索、AND検索をしてみました。 サンプルは、Vue.jsで表示を制御しています。 光の三原色RGBと、色の三原色CMYを検索項目として、 選択された要素を含ん …