2023/02/20

Nuxt2からNuxt3への移行とNextJSとNuxt3の比較について

nuxtjsjavascripttypescriptvuejsreactjsnextjs

弊社ホームページとブログサイトをNuxt2からNuxt3ベースに移行しました。

2022/08/09

Nuxt.jsからNext.jsへのリニューアルを経て思うこと

nuxtjsjavascriptvuejsreactjsnextjs

Nuxt.jsからNext.jsへフルリニューアルしたことで見えてきた個人的なメリットとデメリットを整理します

2021/04/06

NuxtJSにEditor.jsを導入

nuxtjs

リッチでカスタマイズが自由なテキストエディタであるEditor.jsをNuxtJSのサイトに導入しました。

2021/03/29

AOSをNuxtJSのサイトに導入する

nuxtjsvuejs

スクロールアニメーションを簡単に実装できるAOSというライブラリをNuxtJSベースのサイトに導入しました

2021/03/19

[Javascript]Web Share APIを使って共有ボタンを実装

nuxtjsjavascript

Navigator.shareを使ってサイトの共有ボタンを実装しました。

2021/03/14

NuxtJsベースのWebアプリにGoogle Analyticsを導入する

nuxtjsgoogle-analytics

NustJsベースのWebアプリに@nuxtjs/google-gtagというパッケージを使ってGoogle Analyticsを導入してみました。

2021/02/27

NuxtJSのサイトにGoogle Recaptcha v3を導入してみました

nuxtjspythongoogle-recaptcha

NustJSのサイトに@nuxtjs/recaptchaを使って、Google Recaptcha v3を導入して、Pythonのbackendで入力チェックをしてみました

2021/02/09

NuxtJS+TailwindCSSでダークモードを導入しました

nuxtjstailwind-css

nuxt/color-modeとtailwindcss-dark-modeを使ってNuxtJSのサイトにダークモードの対応を行いました

2021/01/28

NuxtJSでローディング中にオーバーレイを表示する

nuxtjsvuejstailwind-css

NuxtJSでページ遷移したり、検索などのAPIの処理が呼ばれる箇所でカスタムローディングコンポーネントを使って表示制御をしてみました

2021/01/26

NuxtJSでredirect

nuxtjs

NuxtJSで旧ページにランディングしたら無条件で新ページにリダイレクトするようにしました

2021/01/26

[NuxtJS][TailwindCSS]リリースビルドだと特定のclassが効かなくなる問題に対処

nuxtjstailwind-css

tailwind.config.jsで拡張して使っている色のクラスが本番ビルドだとうまく動かない問題があったので対処しました

2020/12/21

NuxtJS+VuetifyでLine Awesomeを使えるようにする

nuxtjsvuetifyvuejs

NuxtJS+Vuetifyベースのアプリで、アイコンにLine Awesomeを使うようにしました

2020/12/10

[NuxtJS]NuxtJSでstoreを使ったpluginを作ってみた

nuxtjsjavascriptvuejs

アプリケーション全体で使う設定値などの呼び出しを簡単にできるようにstoreを組み込んだNuxtJSのpluginを実装してみました。

2020/11/16

NuxtJSでページ遷移時にTOPにスクロールする

nuxtjsjavascript

NuxtJSベースのサイトで、ページ遷移時に前回のスクロール位置で描画されてしまう問題を修正しました

2020/10/29

[NuxtJs][Python]StripeのCheckoutを使った支払を実装してみた

nuxtjspythonfastapivuejsstripe

NuxtJsとPython（server側）を使ってStripeのAccept paymentを実装してみた

2020/10/09

Vue.jsで見た目が綺麗なImage Pickerを作る

nuxtjsvuejs

画像のアップロード時に使う、画像を選択するコントロールをVue.jsで見栄えよく作る方法です

2020/10/07

NuxtJsのサイトにAtom形式のRSSフィードを導入しました

nuxtjs

NustJSベースである本サイトにAtom形式のRSSフィードを導入して、Feedlyで確認してみました

2020/09/16

[NuxtJS]Google Adsenseの運用を開始する（審査通過後）

nuxtjsgoogle-adsense

自社ブログサイトにGoogle Adsenseを導入して、審査通過後〜最初の広告表示までの作業ログです

2020/07/13

[email protected]のcustomVariablesの設定を行いました

nuxtjsvuetifyvuejs

@nuxtjs/vuetifyモジュールのcustomVariablesを開発モードで起動時にも反映するように対応しました

2020/06/26

FastAPI + Nuxt.jsでファイルのダウンロード

nuxtjsfastapi

axiosを使ってFastAPIベースのサーバーへリクエストを行い、ファイルのダウンロードを実装しました

2020/06/25

Nuxt.jsベースのアプリを多言語化対応しました

nuxtjs

Nuxt.jsのアプリをnuxt-i18nを使って多言語化しました