Firebase
![](https://masa-engineer-blog.com/wp-content/uploads/2022/05/xNext.js-firebase-multi-files-upload-thumbnail-320x180.png.pagespeed.ic.2yAAKv09zH.png)
Next.jsで複数画像をpreview表示してuploadする方法
本記事では、ファイルのstorage(保存先)として、Firebase storageを利用します。今回、複数のファイル(画像)をまず画面にpreview表示して、表示した複数の画像をFirebase storageへuploadする方法を紹介致します。
![](https://masa-engineer-blog.com/wp-content/uploads/2022/05/xNext.js-firebase-file-upload-thumbnail-320x180.png.pagespeed.ic.0LkbF0szzT.png)
Next.jsとFirebase storageで画像をuploadする方法
Next.jsとFirebaseを組み合わせると、簡単に画像ファイルのアップロードを行うことができます。Next.js はReactのframeworkになります。画像ファイルのstorage(保存先)として、Firebase storageを利用します。
![](https://masa-engineer-blog.com/wp-content/uploads/2021/07/xvuejs-logo-320x180.png.pagespeed.ic.1pXg3LQTfx.png)
【Vue.js】Firebaseを使ってログイン機能を実装してみた
Vue.jsとFirebaseを使ってログイン機能の実装をやってみました。Firebaseは無料で利用できます。Vue.js側では画面のフォームを用意します。またaxiosを使ってFirebase側と通信を行います。ログインできたら、掲示板を表示して、投稿が見れるという機能を実装していきます。
![](https://masa-engineer-blog.com/wp-content/uploads/2021/07/xvuejs-logo-320x180.png.pagespeed.ic.1pXg3LQTfx.png)
【Vue.js】Firebaseとaxiosを使ってサーバーにhttp通信をする方法
Vuejsを使って簡単なWebアプリ、掲示板の作成をする方法を紹介します。Firebaseを使うことでサーバーへの通信を簡単に行うことができます。Vuejsからaxiosを使うことでFirebase(サーバー)側へのアクセスを可能にします。コンソール上で確認しつつ、投稿した内容が掲示板上に表示される機能を実装します。