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

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

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

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

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

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

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

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

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

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

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

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

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

# はじめに Nuxt.jsプロジェクトにBootstrap-Vueを追加する手順を解説します。 Nuxt.jsプロジェクトの作成手順は以下の記事を参照してください。 [Nuxt\.jsプロジェクトの作成から動作確認までの手順 \- AUTOVICE](https://www.a...
続きを読む

Nuxt.jsプロジェクトの作成から動作確認までの手順

# はじめに Nuxt.jsでプロジェクトを作成し、最初の動作確認としてテストサーバーを起動してブラウザで表示するところまでの手順を解説します。 # 前提 - macOS - Node.js 13.11.0 - npm/npx 6.13.7 - Nuxt.js 2.11.0 ...
続きを読む

Vue.js+Nuxt.js+Firebaseでサンプルアプリを作ってみた話

# はじめに Vue.jsベースのWebフレームワーク、Nuxt.jsでサンプルアプリを作ってみました。 <a href="https://whitia.firebaseapp.com/" target="_blank"> <img data-src="https://i.imgur...
続きを読む

【脱・jQuery】jQueryで書いたAjaxをJavaScriptのFetch APIで書き直してみた

# はじめに これまでJavaScriptの処理を書くときはjQueryを使っていました。昔のJavaScriptはブラウザ互換性問題などがありとてもゴタゴタしていたので、jQueryを知ってからはその便利さに頼りっきりになっていました。 しかし、最近は主要ブラウザでの互換性問題はほと...
続きを読む
坂井 光太郎
ブログランキング・にほんブログ村へ
Ruby on Railsを中心としたWebアプリ開発全般に関する技術情報を発信しています。ややニッチな手順やスニペットをまとめています。
最近の投稿
Let's Encryptの証明書を自動で更新する方法
2020-07-04 模写コーディングに挑戦してみたら思ったより大変だった話
2020-06-18 Railsアプリのデプロイ時に必要となる【Capist...
2020-06-16 【Nuxt.js+Firebase】core-js関連...
2020-06-09 【Nuxt.js】GitHubからセキュリティアラート...
2020-06-08
タグ
AWS (5) Bootstrap-Vue (1) Capistrano (2) Composer (1) ConoHa VPS (3) CSS (1) Firebase (6) Firebase Storage (2) GCP (1) GitHub (3) JavaScript (1) jQuery (1) Laravel (12) Let's Encrypt (4) Local Storage (1) Mail (2) Markdown (1) MySQL (3) Nginx (4) npm (1) Nuxt.js (12) PHP (12) Rails (20) React (2) Ruby (3) RubyGems (7) SSH (1) SSH (1) Twitter (1) Unicorn (1) Vue.js (12) Vuex (5) Webpacker (1) Wordpress (1) yarn (1) デプロイ (1) 散歩 (2) 模写コーディング (1)