axiosにリトライパラメータを追加する方法について
axiosライブラリにリトライパラメータを追加して、柔軟なリトライ処理を行う方法について紹介します。以前、Repository Factoryパターン…
Nuxt
カテゴリ一 記事一覧
Nuxt.jsのserver middlewareを使って手軽にBFF(Backends For Frontends)を導入する
Nuxt.jsには、serverMiddlewareという機能があります。この機能を利用するとNuxt.js内部でAPIサーバを構築することができます…
Vue3.x系でのevent bus実装について
Vue3.x系がリリースされてから1年が立ちました。nuxt.jsもVue3.x系が取り込まれた際の移行を意識して、Nuxt Composition …
Nuxt.jsの環境変数管理方法について
Nuxt.jsで作ったアプリケーションをコンテナ化して、kubernetesのPodとして稼働させるようなケースでは、外部APIサーバ情報などを環境変…
Nuxt2.14.6からNuxt2.15.0へバージョンアップしました
先日Nuxt2.15.0がリリースされました。せっかくなので開発中のNuxtプロジェクトでバージョンアップ作業に取り組んでみたので紹介します。Nuxt…
Nuxt2.15.0がリリースされました。
Nuxt2.15.0がリリース Nuxt2.15.0は、大幅なバグの修正の他に、いくつかの大きな変更が加えられています。 さっそくですが、ソールコード…
NuxtにComposition APIを利用して1ヶ月でどう変わったか
Vue3での目玉として追加された機能の一つであるComposition APIは、2020年09月18日に正式リリースされ、4ヶ月が経ちました。この機…
Nuxt.jsでwebページの背景に画像を埋め込む方法
今回はwebサイトの背景に画像を表示する方法についてまとめてみます。まずは、nuxtのビューの構造について、Nuxt.jsの公式ページにある画像をベー…
NuxtJS(universal)をFirebaseHostingでクッキーを利用する際にハマったこと
Nuxt.jsのuniversalモードをFirebase Hostingというホスティングサービス上で動作させようとしたときにかなりハマったので、そ…
Nuxt.jsでビルド時にout of memoryになる
nuxtにtypescriptを入れたnuxtプロジェクトにて、古くなったパッケージの更新を行った後に遭遇したメモリエラーの記録です。実際は、node…
Javascriptベースで作成したNuxtプロジェクトにTypescriptを導入する
きっかけ 少し前に作成したNuxtプロジェクトは、Javascriptベースで静的な型定義を気にせず書いているものが幾つかあったのですが、弊社内では、…
Nuxt.jsでCore-JSのバージョン3を指定する方法
きっかけ 利用しているパッケージの脆弱性をチェックした際にパッケージをアップデートすることで解決できそうだったのでバージョンアップしたのですが、Cor…
Nuxt.jsプロジェクトにあとからjestを利用できるようにする際にハマったこと
Nuxt.jsでは、プロジェクトを新規作成する際に単体テストフレームワークを利用するかどうかを選択することができます。今回は、単体テストフレームワーク…
Nuxt.jsで頑張らずにTypescriptを導入する
Next.jsやVue.jsを利用して、Typescriptを利用する方法は、3パターンあります。 Options API Composition A…
Nuxt.jsのローカル環境でのSSL証明書を数分で設定する方法
きっかけ 世の中には、便利なSaasのサービスが溢れています。 そのサービスの中には、個人情報を扱ったりするため、適切に暗号化をした環境で利用すること…
Nuxt.jsで作成したアプリケーションにBasic認証機能を追加する
概要 ローンチ前のサービスを開発・ステージング環境想定のパブリッククラウド時にデプロイして、プロジェクトメンバー(開発者、デザイナー、テスターなど)で…