Vue.jsで動的CSSクラスを賢く管理する方法

フロントエンド（Vue/Nuxt） Vue.js

Vue.jsで動的CSSクラスを賢く管理する方法を解説。v-bind:classディレクティブを使った実装例をサンプルコード付きで紹介します。

2025-01-03

Vue.jsプロジェクトのESLint、Prettier設定

フロントエンド（Vue/Nuxt） ESLint Vue.js

Vue.jsプロジェクトにESLintとPrettierを設定する手順をまとめました。必要なモジュールとインストールのワンライナー、VSCodeの拡張機能、.eslintrc.jsやsettings.jsonの設定内容を紹介します。

2021-04-04

【Vue.js】ページの更新時などに離脱防止アラートを出す

フロントエンド（Vue/Nuxt） Vue.js

Vue.jsで入力ページからの離脱時に「入力内容が破棄されます」といった確認アラートを出す方法を解説。onbeforeunloadを使った実装例と、ブラウザによる挙動の違いなど既知の注意点を紹介します。

2020-10-20

【Vue.js】特定のページのみスクロール不可にする

フロントエンド（Vue/Nuxt） Vue.js

Vue.jsで特定のページだけスクロールを無効化し、別ページへの遷移時に元へ戻す方法を解説。main.jsにtouchmove/mousewheelを制御する関数を用意し、複数ページで使い回せるスクロール禁止・解除の実装を紹介します。

2020-10-19

【Vue.js】見た目は正常なのにエラーが出る

フロントエンド（Vue/Nuxt） Vue.js エラー対応

Vue.jsで見た目は正常なのに「Cannot read property of null」エラーが出る原因を解説。非同期データ取得のタイミング問題を紹介します。

2020-01-21