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

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

Vue.jsは、ユーザーインターフェースを構築するための強力なフレームワークであり、特に動的なCSSクラスの管理において非常に便利です。 この記事では、Vue.jsを使用して動的CSSクラスを賢く管理する方法について詳し […]

2025-01-03

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

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

必要なモジュール 必要なモジュールのインストールコマンド　ワンライナー 拡張機能 Vetur - Visual Studio MarketplaceExtension for Visual Studio Code - V […]

2021-04-04

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

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

ユーザデータの登録・編集ページ等、入力ページの更新時や意図しないページ遷移時に「入力内容が破棄されます」等のアラートを出したい。WindowEventHandlers.onbeforeunloadを使います。 Windo […]

2020-10-20

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

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

タイトルの通り、特定のページに繊維時にスクロール不可に設定して、ページ破棄時（別のページへ遷移時）にスクロールを有効に戻す。 実装 スクロール不可にしたいページが複数ある可能性を考慮して、main.jsに関数を作成する […]

2020-10-19

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

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

なんかエラーを吐いていたが、いまいち原因がわかんなかった奴の原因を掴んだのでメモ。 こんなエラー とりあえず、nameが nullってことは分かる。 が、しかし...... 実際のソースコード（の一部） nameはlog […]

2020-01-21