Firebase

Vue.jsとFirestoreでお気に入り機能(Vuex)

見出しの写真を決めるのが1番楽しみ

どうも皆さんこんにちは!

Vue.js勉強中の者です。

今日はお気に入り機能を実装したので、その振り返りをしていきます。

いいね機能とかも基本的に同じ流れで実装できるかなと。

実装する事

記事にお気に入りできる。削除できる。(非同期)

マイページに自分のお気に入りした投稿の一覧を表示する。

記事の詳細ページからお気に入りできる(削除も)。

簡単

もっとみる

Build and release a web app.

web app にできたので公開するためデプロイする

Firebase Hosting を使う

Minification
Building the app for release
Deploying to the web

npm と Firebase CLI がある前提

ディレクトリを web app 化した build/web に移動

$ firebase init ######

もっとみる

入社準備その7

今日の勉強の記録。

昨日の記事で

Qiitaに記載のチュートリアルを終えたので、自分で機能追加してみるぞー!ユーザ登録機能つきの掲示板ができているので、投稿した記事の中にTODOリストを作成できる機能を追加します。

とか言いながら結局GitインストールしてGithubにpushして満足してしまった。

そんな私に今朝起きるとこんなメールが来ていました。

[Protect Your GitH

もっとみる
ありがとうございます!
2

Vue.jsとFirestoreで非同期通信(vuex)

vue.js勉強中の身です。

毎回非同期の処理になると調べることがあるので、自分用の備忘録用に書いていきます。

今回はaxiosを使わない方法になります。

FirestoreのonSnapshotメソッドがめちゃくちゃ便利って話。

参考にしたサイト

axiosをまだ使用したことがないので、わかりませんがaxiosの使い方が載っている記事を見ると"なんか記述多そうだな〜"と感じてしまいます

もっとみる

【在宅ワーク】休業期間中に開発したアプリ公開します! 一部Git Hub公開あり

久々にnoteに投稿します。
緊急事態宣言も明け、みなさまいかがお過ごしでしょうか?
私はこの休業期間中にReactで2つアプリを開発したので、
開発したアプリを公開したいと思います。

□SNSのモックアップアプリ

SNSで必要なサインイン・アップ・アウト機能をはじめ、
ユーザーのメッセージ投稿をすることができます。

[使った技術]

* React(create-react-app)
*

もっとみる

入社準備その5

昨日今日の勉強の記録。

https://qiita.com/momosuke/items/a79564e2234d9e4fc0bd

↑のチュートリアルを参考に以下の機能を実装(コピペ)

・notification(userとproject追加時の案内)機能の追加

勉強時間は3時間

今回理解したこと

・firestore(react+reduxでいうStore)からデータを取得してpro

もっとみる
ありがとうございます!
2

Vue+Docker+Firebase環境構築202005

参考
Vue.js+Firebase+Dockerで環境構築をして、初期画面をデプロイするまで
https://qiita.com/azul915/items/975082747e971025ca40
Dockerで作るGitHub環境
https://qiita.com/Y-Kanoh/items/94b3ea3df97fcd1546ce
alpineを使用しているときのgitインストール
ht

もっとみる
チャリーン!
2

Vue.jsとFirebaseで認証メール機能(vuetifyおまけ付き)

今回はwebサービスでよくある流れ⬇️

メールアドレスでユーザー登録後に認証メールの送信 → メール本文のリンクをクリック → 認証完了

これを実装していこうと思います。

いきなり余談ですが、今回Vue.jsとFirebaseでやったけど、改めてrailsとかlaravelと便利だな〜って感じましたw

もちろん今回のVue.jsとFirebaseも実装は簡単です。自分への備忘録として書いて

もっとみる

入社準備その3

昨日今日の勉強の記録。

https://qiita.com/momosuke/items/a79564e2234d9e4fc0bd

↑のチュートリアルを参考に以下の機能を実装(コピペ)

・サインアップ機能

・projectの詳細にDBの登録者を表示させる
勉強時間は2時間

今回理解したこと

・mapStateToPropsでstore(DB)から取得したデータをpropsにマッピングし

もっとみる
ありがとうございます!
2

入社準備その2

昨日今日の勉強の記録。

↑のチュートリアルを参考に以下の機能を実装(コピペ)

・記事の詳細画面表示機能

・ログインログアウト機能

・ログアウト時に不要なページにアクセスした際にサインアップにリダイレクト

今の時点でわからないこと

・ディスパッチする

・HOCをcomposeする

・機能を実装するときにどのファイルにどう書いていけばいいのか

・アロー関数

・SignUp時にエラー

もっとみる
やったー!
1