READ MORE

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

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

READ MORE

Node.jsの環境構築で失敗したとき試したこと

Node.jsの開発環境を設定しているとたまに、他のパソコンでは正常に実行できたコマンドでこけて環境を構築できないことがあります。そんなときに試したことを、備忘としてまとめました。 Node.jsをnodebrew管理に …

READ MORE

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

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

READ MORE

CSSのbackgtound-sizeを含めたショートハンド

背景画像のサイズを指定するスタイルプロパティbackground-sizeは、ショートハンドで1行にまとめられないものなんだと思い込んでいてながい間、このように分割して指定していました。 が、/をはさめばショートハンドで …

READ MORE

browserSyncのrewriteRulesでSSI

WEBサーバで、SSI(Server Side Include)というのを使えるようにするとこの書式で、外部データをHTMLの一部として読み込めます。 npmパッケージでおなじみのbrowserSyncでSSIを使うとき …

READ MORE

webpackでCSSをバンドルする

webpackでCSSも含んだJavaScriptを生成したいときの設定メモ。 css-loaderとstyle-loaderを追加 webpack.config.js のmoduleへ設定を追記 webpackのent …