6 Articles in Vue.js
Nuxt.js + Composition APIでVuexのStateをReactiveに使う方法

Nuxt.js + Composition APIでVuexのStateをReactiveに使う方法

Nuxt.jsとVue Composition APIでVuexのStateをReactiveに扱う方法を解説。toRefsを使ったリアクティブなストア作成、setup内でのstore取得パターン、TypeScriptでの型定義の課題と解決策を実践コード付きで紹介します。

Nuxt.jsのmodulesをCompositionAPIで使ってみる(@nuxtjs/toast Global Option編)

Nuxt.jsのmodulesをCompositionAPIで使ってみる(@nuxtjs/toast Global Option編)

Nuxt.jsの@nuxtjs/toastモジュールでGlobal OptionとRegister機能を活用し、toast設定を共通化する方法を解説。nuxt.config.tsでの一括設定やtoast.global呼び出しにより、コンポーネント側のコードを大幅に簡潔にできます。

Nuxt.jsのmodulesをCompositionAPIで使ってみる(@nuxtjs/toast編)

Nuxt.jsのmodulesをCompositionAPIで使ってみる(@nuxtjs/toast編)

Nuxt.jsのmodulesをVue Composition APIで利用する方法を@nuxtjs/toastを例に詳しく解説。ClassAPIとの書き方の違いや、setup内でContextからモジュールにアクセスする実装パターン、エラーハンドリングとの組み合わせ方を紹介します。

Nuxt.jsでparticles-bg-vueを使う

Nuxt.jsでparticles-bg-vueを使う

Nuxt.jsでparticles-bg-vueを導入してかっこいいパーティクル背景を実装する方法を解説。pluginsでの読み込み、layoutsでの共通適用、Composition APIでの利用例に加え、canvasObjectによるスタイル調整方法も紹介します。

Sentryを使ってフロントエンドのエラーを確認する

Sentryを使ってフロントエンドのエラーを確認する

SentryをVue.js(TypeScript)プロジェクトに導入してフロントエンドのエラーをリアルタイムに検知する方法を解説。main.tsへのSentry初期設定、エラー発火時の通知確認、Slack連携によるリアルタイム通知まで、実装手順をコード付きで紹介します。

particles.jsをVue.jsで使ってかっこいいページを作る

particles.jsをVue.jsで使ってかっこいいページを作る

Vue.jsでparticles.jsを手軽に導入してかっこいいパーティクルエフェクトを実装する方法を紹介。vue-particlesのインストールからmain.tsでの設定、CSSによるz-indexの調整まで、コード例付きでわかりやすく解説します。