yarn install で Error: spawn node-gyp ENOENT エラーを解消

環境 node 12.13.1nuxt 2.14.0yarn 1.21.1 エラー内容 Nuxtアプリで開…

• Error

2021年1月17日

スプレッド構文がシャローコピーだということを知らずにハマっていた話

まずは概要から Nuxtでコーポレートサイトを制作しています。 制作前にサイトマップの設計をして、それに従…

• JavaScript
• Nuxt

2021年1月10日

Nuxt（Vue）で連続したアコーディオン（スライドトグル）の開閉をする

明けましておめでとうございます。今年初の記念すべき内容は、NuxtやVueでの連続したアコーディオンの実装…

• Nuxt

2021年1月1日

date-fnsで日付のフォーマットを行う

microCMSで出力された日付を好きな形式でフォーマットしたいと思い、date-fnsを導入しました。 …

• microCMS
• Nuxt

2020年12月29日

NuxtでAdobe Fontsを利用する（日本語対応）

Adobe FontsはTypekitを利用しているのですが、欧文フォントを使用するだけであればlinkタ…

• Nuxt

2020年11月6日

NuxtでGoogle Fontsを利用する（日本語対応）

nuxt-webfontloaderを利用する方法 まずは一番おすすめ。nuxt-webfontloade…

• Nuxt

2020年11月5日

JSXのclassNameに複数のクラスを指定する

ちょっと困ったので完全に自分用に覚書きです。 ひとつだけ指定するとき まずはクラスがひとつでいいとき。基本…

• React

2020年11月5日

Nuxtで疑似要素のcontentを変更する

最近は日本語の見出しの下に英語の見出しがあるデザインが増えてきたと思う（お道具箱然り笑）。下記のようなデザ…

• CSS
• Nuxt
• Vue

2020年11月1日

Nuxtで静的ファイル生成時にサイトマップを生成する（microCMS対応）

今回はNuxtでサイトマップを生成する方法です。プロジェクトにmicroCMSを使用しており、お知らせ詳細…

• Nuxt
• SEO

2020年10月31日

Netlify Forms を Nuxt（SSR/SSG）で使う

Netlifyが提供しているフォーム機能のNetlify Forms。メールサーバも不要でフォームが簡単に…

• Netlify
• Nuxt

2020年10月30日