【Vue.jsとFirebaseを使って、はじめてのシングルページアプリケーションを作る!ボリューム増の改訂新版】
本書は、簡単なWebサイトを作った事があるWebフロントエンド初心者がSPA(シングルページアプリケーションを)の基本を掴み、簡単なWebサービスが作れるようになることを目的としています。さらにこれを抑えた上で次の段階へステップアップするための足がかりになるような要素も掲載しています。
〈本書の対象読者〉
・HTML,CSS,Javascriptを利用して、簡単なWebサイトを作ったことがある人
・複数のページや状態管理をJavascript使って自力で行い、ごちゃついてしまい消耗している人
・普段デザイナーとしてマークアップしており、フロントエンドの新しめな環境でのサイト構築を経験してみたい人
・シングルページアプリーケーション、Vue.jsってものを触ってみたい、またはそれらの挫折経験がある人
・FirebaseのWeb版を使ってみたい人、どんな事が出来るのか知りたい人
・普段サーバーサイドやネイティブアプリを作っていて、Webフロントエンドをさらっと触ってみたい人
【目次】
第1章 はじめに
1.1 この本の目的・ターゲット
1.2 本書であまり触れない部分
1.3 本書の構成と対応環境について 他
第2章 サーバーレスシングルページアプリケーションの基本
2.1 SPAとフレームワーク(Vue.jsの紹介)
2.2 サーバーレスってなに?
2.3 Firebaseは何ができる?
2.4 そのままの構成で本格的なWebサービスで使える?
第3章 開発環境のセットアップとデプロイまでの流れ
3.1 vue-templesのダウンロードとセットアップ
3.2 SFCでのコンポーネントの内容について
3.3 Firebaseのセットアップとデプロイ
第4章 Googleアカウントでのユーザー登録と、ログイン状態の判別
4.1 componentsを作成し表示する
4.2 Firebaseでログインの設定
4.3 Googleログインの実装 他
第5章 エディターの作成:データベース作成とデータ保存
5.1 メモを編集できるマークダウンエディターを作る
5.2 メモを複数作成可能にする
5.3 メモの削除機能追加
5.4 Firebase Realtime DBのruleを設定する 他
第6章 見た目を整える
6.1 リセットCSSを導入する
6.2 CSSファイルの管理
6.3 プレビュー用CSSの追加 他
目次プレビュー
- 第1章 はじめに
- 第2章 サーバーレスシングルページアプリケーションの基本
- 第3章 開発環境のセットアップとデプロイまでの流れ
-
1.1 この本の目的・ターゲット
-
1.2 本書であまり触れない部分
-
1.3 本書の構成と対応環境について
-
1.4 公式ハッシュタグでつぶやいてください!
-
1.5 リポジトリとサポートについて
-
1.6 表記関係について
-
1.7 免責事項
-
1.8 底本について
-
6.1 リセットCSSを導入する
-
6.2 CSSファイルの管理
-
6.3 プレビュー用CSSの追加
-
6.4 CSSフレームワークについて
-
6.5 ロゴの作成
-
6.6 トップページにサービスの説明文を加えよう
-
フィードバック・ご意見・ご感想
-
Special Thanks !
-
強くてニューゲーム
-
あとがき