【Nuxt.js】エラーページの使い分け

こんにちは、”はふぃ”です。 今回は Nuxt.js を使ったエラーページに関する話をしたいと思います。

【Vue.js】データを遅延取得でパフォーマンス向上

こんにちは、”はふぃ”です。 以前、画像をLazyLoad(遅延読み込み)することでパフォーマンス向上する方法を紹介しましたが、今度はAPIなどを通じてデータ取得する部分を遅延取得して、パフォーマンス向上させる方法を紹介 […]

Vue.jsの50倍早いライブラリ!?「Svelte」

こんにちは、”はふぃ”です。 最近のWEBフロントエンド界隈では、Vue.js や React 、 Angular が主流のフレームワークとなっていると思います。 (私は Vue.js をメインに使っているので、このサイ […]

【Vue.js】画像をlazyload(遅延読み込み)してパフォーマンス向上

こんにちは、”はふぃ”です。 lazyload(遅延読み込み)という言葉をご存知でしょうか?

【Vue.js】middlewareやplugins, fetchなどの実行順序

こんにちは、”はふぃ”です。 Vueアプリケーションを作っているとmiddlewareやplugins、fetchやafterEachなどいろんなタイミングで実行される処理が出てきて混乱しませんか?

【Vue.js】injectしたメソッドの中で他のinjectされた処理を使う方法

こんにちは、”はふぃ”です。 Vue.jsアプリケーションのNuxt.jsで使われるinjectという処理をご存知でしょうか?

【Vue.js】スムーズにスクロールするアンカーリンクの使い方

こんにちは、”はふぃ”です。 アンカーリンクとは、リンクしたい場所にアンカー(目印)を置いてページ内ジャンプをするための機能のことで、htmlでは飛び先の要素にid=”アンカー名”、リンクにhref=”#アンカー名”を設 […]

【Vue.js】nuxt-linkタグとaタグを使い分ける方法

こんにちは、”はふぃ”です。 Vueアプリケーションを作成する際にNuxt.jsを利用することが多いと思いますが、Nuxtのリンクにはaタグではなくnuxt-link(またはrouter-link)を使用します。