JavaScriptでもメディアクエリが使えるwindow.matchMediaを関数化して使い回す - Qiita要約 window.matchMediaはメディアクエリ文字列を渡して、その条件が切り替わった時にだけ処理を実行してくれます いわゆるdebounce()などでresizeイベントの間引きをする必要がありません（画面の横幅を使う処理はresizeイベントが引き続き適切です） IE10からサポートされているので、ブラウザの対応範囲を気にする必要はありません（matchMedia | Can I use... Support tables for HTML5, CSS3, etc） コールバックを実行する関数にして、1箇所でメディアクエリ文字列を管理できます ソースコード real-world-website-boilerplate/mediaQuery.jsとpwa-helpers/media-query.tsを元にしています class構文の静的メソッドに変更していますが、const me
