Help us understand the problem. What is going on with this article?

Techpitの教材「Vue.js と Firebase ではてなブックマーク風なブックマークサービスを作ってみよう!」を終えての感想

説明

TechCommitさんのお年玉企画で、Techpitさんの教材「Vue.js と Firebase ではてなブックマーク風なブックマークサービスを作ってみよう!」が当選したので使ってみた感想を書きました。

前提

筆者のレベル

言語・ツール レベル
HTML・CSS 基礎レベル
JavaScript 業務で少し触ったことがある   
Vue.js はじめて
Firebase はじめて

扱った技術

  • Vue.js
  • Bulma
  • Firebase Authentication
  • Firestore
  • Firebase Storage
  • Firebase Cloud Function
  • Firebase Hosting

作った機能

  • ブックマークサービス
    • トップページ(全ユーザーのブックマーク一覧)
    • サインアップ
    • サインイン
    • 認証情報変更
    • ブックマークへのコメント
    • ブックマークコメントのスター登録
    • プロファイルページ

完成品

公開したアプリケーション。
https://pitmark-prod-9c6b2.firebaseapp.com/

トップページ

スクリーンショット 2020-02-16 17.27.46.png

サインアップ

スクリーンショット 2020-02-16 17.35.36.png

サインイン

スクリーンショット 2020-02-16 17.35.54.png

認証情報変更

スクリーンショット 2020-02-16 17.39.43.png

ブックマークへのコメント&スター登録

スクリーンショット 2020-02-16 18.02.23.png

プロファイルページ

スクリーンショット 2020-02-16 17.59.03.png

感想

  1. 手順通りに進めるとアプリができあがるので、Progate等で基礎を学んだあとに何か成果物を作りたい人に良いと思いました。Vue.jsとFirebaseの使い方を丁寧に説明してくれるので詰まる箇所も少なく進めていけました。ただし説明が少ない箇所もあるので自分で調べる必要もあります(Vueの公式ページがわかりやすいので助かる)。

  2. HTML・CSS、JavaScriptの基礎を学んでいないと消化不良になりそうです。自分はJavaScriptをしっかり学んでいなかったのでJavaScriptとVue.jsの両方を調べながら教材を進めていきましたが、それだとVue.jsの内容が頭に入りきらないことがあったのでちょっともったいなかったと感じました。

  3. Firebaseは初めて触りましたが、基礎的な内容を学ぶことができ勉強になりました。アプリを簡単に公開までもっていけます。学んだ内容は

    1. Firebase Authentication:認証機能
    2. Firestore:データベース機能
    3. Firebase Storage:ファイルストレージ機能
    4. Firebase Cloud Function:データが作成・更新・削除されたときに特定の処理を裏側で行わせる等で使用
    5. Firebase Hosting:アプリの公開に使用
  4. Bulmaが便利。Flexboxベースの柔軟なレイアウトを簡単に構築できる。教材に沿って使っただけなので自分で色々試してみたい。

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ユーザーは見つかりませんでした