Vue.jsでBulmaのレスポンシブ状態を判定する | WriteIfElseiPhoneで Grafanaの グラフを 参照できる アプリ Grafanizerを 作ってます。 詳しくは こちらへ。 はじめに これは Vue.js #4 Advent Calendar 2017 用に作成したポストです。 最近新しいサービスを作るときは、 Vue.js と Bulma を組み合わせて作っています。どちらも直感的に開発することができるので、かなり開発効率が高いです。 Vue.js と Bulma は非常に相性が良く、互いに扱う領域が別れているため通常のHTMLであれば何も考えることなく利用できます。 しかし、現在主流なレスポンシブ対応ページではブレークポイント毎に違ったコンテンツになる場合が少なくありません。場合によってはHTMLがかなり冗長になってしまいます。 そんなとき、例えばJS側でブラウザのウィンドウサイズを検出して処理を分けるということも考えられますが、今回
