前書き melheaven.hatenadiary.jp前回メール認証のログイン機能を実装しました。 この時はポートフォーリオの開発でログインするのは自分くらいだったので、メール認証でも「まあいいか」と思っていました。 今回製作しているアプリケーションは誰でも気楽に…

前書き 前回にキーワード検索の実装を行いましたが、 これ・・・タグ検索の方がええなと思い、急遽タグ検索に切り替えました。melheaven.hatenadiary.jp 投稿時にタグの追加（Post.vue）| 投稿ページ Vueファイルのtemplateタグとscriptタグの中身からタグ検…

前書き Vueで製作したPhoto Fallioが完成したので、 Firebaseを使ってデプロイしてみます。 手順 Vueプロジェクトのビルド まずVueファイルをビルドする必要があります。 通常package.jsonにて変更を加えていない場合は以下のコマンドでも可能です。 自分はp…

前書き Firebaseでは簡単にログイン認証が実現できるとのことなので、 即座に実装してみます。 Firebase関連の設定はこちらに記載しました。melheaven.hatenadiary.jp 実装 ./plugins/auth.js LoginやLogoutに関する関数をauth.jsに定義します。 これにより…

前書き ポートフォーリオ作成で、自分の開発した作品を自分で投稿できるようにしようということで、 Firebaseを活用してみました。今回は画像を一旦、Storageに格納する処理を書いていきます。 これまで Firebaseに関する設定をこちらで記載しました。 ここ…

前書き 以前、Axiosを使って、Firebase firestoreとのデータのやり取りをまとめました。 パッケージのfirebaseで簡単に実装できたのでまとめます。axiosの方が難しいが、firebaseを活用しない場合に応用が効く為、 やっていて損はないと思います。melheaven.…