【評判】Vue.js + Firebaseで作るシングルページアプリケーション
-
-
本コースの特徴 -
受講生の声
講座情報
- ・講師名：Kazuya Kojima(詳しい経歴はこちら)
- ・作成日：2019-02-21
- ・レクチャー数：86
- ・週間：0記事
- ・月間：0記事
- ・年間：0記事
- ・全期間：7記事
レビュー数
レビュー数の推移
直近6か月以内に本講座のレビューに関して記載された記事はありません。
学習内容
Vue jsのプラグインである、VuexやVue Routerを使用したシングルページアプリケーションの作成方法を学ぶことができます。
Firebase Authenticationを使った認証機能の実装方法を学ぶことができます。
Firebase Cloud Firestoreを使ったデータの保存方法を学ぶことができます。
Firebase Hostingを使用したアプリケーションのデプロイ（公開）方法を学ぶことができます。
詳細
このコースは、フロントエンド開発において人気のあるフレームワーク「Vue.js」の基礎から実践的な内容まで網羅的に学べるコースとなっています。
Vue.jsは単体で使用する他に、次のようなライブラリやツールを使用することで、幅広いアプリケーションの開発に対応できるようになっています。
Vue.js上のデータフローを管理するためのVuex
シングルページアプリケーションを実現するためのVue Router
Vue.jsの開発環境を素早く立ち上げることができるVue CLI
様々なUIコンポーネント（本コースではVuetifyを使用したUIの作成について解説しています）
本コースではこれらのプラグインやツールを使用して、実践的な開発を想定して使い方を学んでいきます。
また、実際のアプリケーション開発を通して、開発環境の構築から認証機能の実装、アプリケーションの作成、デプロイ（アプリケーションの公開）までの一連の流れをこのコースで経験することができます。
アプリケーションを作成するに当たってはフロントエンドの開発の他に、データの永続化にデータベースが必要であったり、ユーザー認証が必要なケースがほとんどだと思います。
本コースではこれらの機能はBaaS（Backend as a Service）のFirebaseを使用して行きます。
具体的にはFirebaseの次のサービスの使い方を解説しています。
Authenticationを使用したGoogleアカウント認証機能
Cloud Firestoreを使用したデータベースの機能
Hostingを使用したアプリケーションの公開
これからVue.jsを学びたい方、より深く各ライブラリの使い方を学びたい方にぜひお勧めのコースとなっています。
上記のようにFirebaseの一部のサービスの使い方も解説していますので、Firebaseの使い方を学びたい、試しに使ってみたいという方にもぜひ受講して頂きたいと思っております。
学べること
本コースを受講すると以下のことを学習できます。
- フロントエンド開発における人気のあるフレームワーク「Vue.js」の基礎から実践的な内容まで学ぶことができる。
- Vue.jsを使用して、Vuex、Vue Router、Vue CLIなどのライブラリやツールを活用した幅広いアプリケーションの開発方法を学ぶことができる。
- 実際のアプリケーション開発を通して、開発環境の構築から認証機能の実装、アプリケーションの作成、デプロイまでの一連の流れを経験することができる。
- データの永続化やユーザー認証など、アプリケーション作成において必要な機能をFirebaseのサービスを使用して学ぶことができる。
- Vue.jsの学習を希望する方や各ライブラリの使い方をより深く学びたい方にとって、おすすめのコースとなっている。
本コースの特徴
本コースの特徴を単語単位でまとめました。以下の単語が気になる方は、ぜひ本講座の受講をオススメします。
強みと弱み(メリットとデメリット)
本コースの強みと弱みは、以下となります。
- 短時間で効率的にVue.jsとFirebaseの連携について学ぶことができる。
- 実践的なアプリケーション開発のフローを学ぶことができ、基本的な知識が網羅されている。
- Vue.jsの基礎から学べるため、初心者にとって理解しやすい内容となっている。
- コンポーネントベースの開発やデータの管理（Vuex）についても学ぶことができる。
- Firebaseを利用した認証やデータベース操作についても実践的な学びがある。
- 動画のコードとGitHubのコードが異なる場合があり、それに気づく必要がある。
- 現在のバージョンに合わせて内容を調べる必要があり、バージョンの差異に注意が必要。
- 特定のトピック（例：Vuetify）に関して詳細な説明が不足している場合がある。
- 進行の速さや解説の方法が個人によって好みがわかれる。
- Firebaseの最新の変更に追いついていない部分があるため、注意が必要。
受講をオススメしたい方
以下のいずれかに当てはまる方には、本コースの受講を強くオススメします。
- Vue.jsの基礎から実践的な開発まで学びたい方
- Vue CLIやVue Router、Vuex、Vuetifyなどのライブラリやツールの使用方法を学びたい方
- Firebaseを使用した認証機能やデータベースの操作、アプリケーションのデプロイ方法を学びたい方
- Vue.jsの最新バージョンに対応していない生成されるディレクトリ構造の理解が必要な方
- 実践的なアプリケーション開発の流れを学びたい方
受講者の感想
本講座を受講した皆さんの感想を以下にまとめます。
評価や口コミ
参考になる受講者の口コミやレビューを以下にまとめます。
良い点
- ● 私はVue.jsを少し触ったことがある程度だったのですが、アプリケーションの制作を通して、Vue CLI, Vue Router, Vuex, Vuetifyを使い、Firebaseにつなぎこむまでの基礎的な知識を網羅的に学ぶことができて非常に良かったです。
- ● vue.jsを学習し始めたところですが、この講義を通してアドレス帳のアプリケーションを公開するところまで実践できました。
- ● ・githubに新しいバージョンのコードは載っていますが、動画で解説しているvue.jsのバージョンは古いこと・ところどころ説明が簡潔すぎるところただ、個人的には、何周もする派なので、ちょうどよかったです。
悪い点
- ● Vimを使っているが、保存方法などを教材内で解説していない。
- ● さらに、バージョンが上がって仕様が変わったのか、教材に添付されているソースコードを使っても、Firestoreに保存はできても読み込みができないのは残念でした。
- ● vuetifyを理解することはある程度出来ても実際にVue.jsを個人で使う時は知識が混合してしまい訳がわからなくなるので初心者にはお勧めできない。
レビューの一覧
・Firebase + Vue.js/Vue CLI/Vuex/Vuetify でSPAなメモ帳アプリを作ってみた[2022-01-19に投稿]
・Web系エンジニア3年目にやったこと[2022-01-04に投稿]
・Vue.js + FireBaseで作成した英語学習のポートフォリオサイトを作成しました。[2021-04-29に投稿]
・【2021年版】サーバーサイドエンジニアがVue.jsでモダンフロントエンド開発を始めるまで[2021-02-15に投稿]
・プログラミングスクールに通った人間が、独学でWebエンジニアを目指すならこうしてた[2021-01-04に投稿]
・【JS/Vue】ライフサイクル[2020-03-21に投稿]
・【Vue.js+firebase】アプリ開発未経験者がTechTrain MISSIONに挑戦したので振り返る[2019-12-09に投稿]
他にオススメな関連講座のランキング
