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

まずは概要から 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日

Nuxt.js（SSR/SSG）でハンバーガーメニューを一通り実装する

ググるとハンバーガーメニュー単体では結構実装方法が出てくるのですが、PCとソースを分けたくないとか、メニュ…

• Nuxt

2020年10月29日