【Nuxt.js+Firebase】core-js関連のエラーが大量に出力される事象の原因と対処

はじめに Nuxt.jsプロジェクトでFirebaseを使っていると、テストサーバー起動時やデプロイ時にcore-js関連のエラーが大量に出力されることがあります。 なぜエラーが出力されるのか、どうすれば解消できるのかをまとめました。 事象 先日、GitHubでソース管理を行っているNuxt.jsプロジェクトに ...

【Nuxt.js】GitHubからセキュリティアラートが届いたときの対応【package.json】

はじめに GitHubでソース管理を行っているプロジェクトにpackage.jsonのセキュリティアラートが届いたときの対応を記載します。 今回はNuxt.jsで作成したプロジェクトでの対応記録のため、タイトルなどに「Nuxt.js」と記載していますが、npm/yarnでパッケージ管理を行っているプロジェクトで ...

【カテゴリ別】Nuxt.js関連の記事まとめ

はじめに Nuxt.js関連の記事が増えてきたので、この記事でカテゴリ別にまとめたいと思います。 最初の一歩 Nuxt.jsプロジェクトの作成から動作確認までの手順 (https://www.autovice.jp/articles/76) Nuxt.jsプロジェクトにBootstrap-Vueを追加する手順 ...

Nuxt.jsプロジェクトでFirebase AuthenticationのGoogle認証でログインし、認証情報をLocal Storageに保存する

はじめに この記事ではFirebase AuthenticationのGoogle認証を利用してログイン機能を作成し、そのログイン情報をブラウザのLocal Storageに保存する方法を解説します。 この記事で作成したNuxt.jsプロジェクトは以下のGitHubリポジトリーで公開しています。 GitHub ...

Nuxt.jsプロジェクトでFirebase Storageにアップロードした画像を変更/削除する

はじめに 数回に分けてNuxt.jsプロジェクトでデータの永続化を行う方法を解説しています。これらの記事は上から順番に読んでいくことを想定しています。 Nuxt.jsプロジェクトでFirestoreを利用したデータの永続化/取り出しの実装方法 (https://www.autovice.jp/articles/ ...

Nuxt.jsプロジェクトでFirebase Storageに画像ファイルをアップロードする

はじめに 数回に分けてNuxt.jsプロジェクトでデータの永続化を行う方法を解説しています。これらの記事は上から順番に読んでいくことを想定しています。 Nuxt.jsプロジェクトでFirestoreを利用したデータの永続化/取り出しの実装方法 (https://www.autovice.jp/articles/ ...

Nuxt.jsプロジェクトでFirestoreのデータを変更/削除する

はじめに 数回に分けてNuxt.jsプロジェクトでデータの永続化を行う方法を解説しています。これらの記事は上から順番に読んでいくことを想定しています。 Nuxt.jsプロジェクトでFirestoreを利用したデータの永続化/取り出しの実装方法 (https://www.autovice.jp/articles/ ...

Nuxt.jsプロジェクトでいろいろな条件を指定してFirestoreからデータを取得する

はじめに 数回に分けてNuxt.jsプロジェクトでデータの永続化を行う方法を解説しています。これらの記事は上から順番に読んでいくことを想定しています。 Nuxt.jsプロジェクトでFirestoreを利用したデータの永続化/取り出しの実装方法 (https://www.autovice.jp/articles/ ...

Nuxt.jsプロジェクトでFirestoreを利用したデータの永続化/取り出しの実装方法

はじめに 数回に分けてNuxt.jsプロジェクトでデータの永続化を行う方法を解説しています。これらの記事は上から順番に読んでいくことを想定しています。 Nuxt.jsプロジェクトでFirestoreを利用したデータの永続化/取り出しの実装方法 Nuxt.jsプロジェクトでいろいろな条件を指定してFirestor ...

【Nuxt】Nuxt.jsプロジェクトにBootstrap-Vueを追加する手順

はじめに 本記事では、Nuxt.jsプロジェクトにBootstrap-Vueを追加する手順について説明しています。 Nuxt.jsプロジェクトの作成がまだの方は、以下の記事を参照してNuxt.jsプロジェクトを作成しておいてください。 <iframe class="hatenablogcard" style=" ...