Vue.js と Firebase ではてなブックマーク風なブックマークサービスを作ってみよう!

【中級レベル/15時間】Vue.jsを使って簡単なサービス開発、そして Firebase を使ったバックエンドとデプロイを学ぶ

学習内容

  • Vue.js を使った実践的な UI 開発スキルを学びます
  • Bulma を使った UI 開発スキルを学びます
  • Firebase Authentication を使った認証機能の開発を行います
  • ブックマークの登録・スター機能の開発を行います
  • Firebase Cloud Function の使い方を学びます
  • Firebase Hosting を使ってサービスを公開する方法を学びます


受講するための必要なスキル

  • HTML/CSSの基礎知識のある方
  • JavaScript の基礎知識がある方


教材の概要

本教材では Vue.js を使ってブックマークサービス pitmark (techpit + bookmark) を作成します。Vue.js とは JavaScript というプログラミング言語の上で動作する Web の UI を作成するためのフレームワークです。

バックエンドには Firebase というサービスを利用しますので、主に UI を作る事に焦点を当てています。Vue.js のよく使う機能を把握してもらい、簡単なアプリなら最後まで作る事が出来るようになることが最終的な目標です。

実際にどういったアプリを作成するかイメージをつかむために下記のリンクにアクセスして利用してみてください。

https://pitmark-prod.firebaseapp.com/


この教材の対象者

  • ドットインストール などの Vue.js の教材を見ながら簡単なサンプルアプリケーションを作ったことがある方
  • JavaScript を学んだことがあり、何かフレームワークを使ってアプリケーションを作りたい方
  • Firebase を使った簡単なアプリケーションについて学びたい方


この教材で学ばないこと

本教材では Vue.js と Firebase を連携して開発することを主目的としているため、Vue.js 理解のために必要な技術ではありますが HTML/CSS/JavaScript の解説はほとんど行いません。


本教材で質問対応可能なOSや環境

  • Mac OS
  • Cloud9

Windowsの方はCloud9で進めてください。Cloud9でしたら質問対応可能です。Mac OSやCloud9以外での開発環境における質問対応はできかねますのでご了承ください。


本教材の対応バージョン

  • Vue.js 2系


この教材を執筆した想い

技術のトレンドがめまぐるしく移り変わるこの業界で、割と勢いのある技術を選びました。Vue.js と Firebase の基本的な部分をしっかり学習できるようにできる限り便利なライブラリなどを使用せずシンプルに仕上げました。 新しい何かを作り出していく人の入口に立てたら光栄です。


本教材はテキストで構成されており、自分のペースで学習を進めることができます。

この教材の執筆者


pinzolo
pinzolo

京都でサーバーサイドをメインのエンジニアをしています。最近はRails、Go、Vue.jsをメインに開発しています。教材という形でアウトプットする事に興味を感じ執筆しました。皆さんのお役に立てば幸いです。


本教材のカリキュラム


  Appendix:付録
利用可能
日 購入してから

今すぐはじめる!