改訂新版　Vue.jsとFirebaseで作るミニWebサービス

関連サイト

本書の関連ページが用意されています。

• NextPublishingオフィシャルWebサイト

内容紹介

【Vue.jsとFirebaseを使って、はじめてのシングルページアプリケーションを作る！ボリューム増の改訂新版】

本書は、簡単なWebサイトを作った事があるWebフロントエンド初心者がSPA（シングルページアプリケーションを）の基本を掴み、簡単なWebサービスが作れるようになることを目的としています。さらにこれを抑えた上で次の段階へステップアップするための足がかりになるような要素も掲載しています。

書誌情報

• 著者: 渡邊 達明
• 発行日: 2018-10-05 (紙書籍版発行日: 2018-10-05)
• 最終更新日: 2019-04-12
• バージョン: 1.1.0
• ページ数: 74ページ(PDF版換算)
• 対応フォーマット: PDF, EPUB
• 出版社: インプレス NextPublishing

対象読者

HTML,CSS,Javascriptを利用して、簡単なWebサイトを作ったことがある人・複数のページや状態管理をJavascript使って自力で行い、ごちゃついてしまい消耗している人・普段デザイナーとしてマークアップしており、フロントエンドの新しめな環境でのサイト構築を経験してみたい人・シングルページアプリーケーション、Vue.jsってものを触ってみたい、またはそれらの挫折経験がある人・FirebaseのWeb版を使ってみたい人、どんな事が出来るのか知りたい人

著者について

渡邊 達明

株式会社クリモ取締役副社長。1988年宮城県生まれ。仙台高専専攻科を卒業後、富士通株式会社にてWindowsOSのカスタマイズ業務に従事する。その後面白法人カヤックにて受託開発部門を経験後、ブロガーの妻と二人で株式会社クリモを設立。WEBフロントエンド中心の受託開発や保育園問題の解決のためのメディアを運営。「三度の飯よりものづくり」と言っていたらBMIが17になり健康診断で毎回ひっかかるのが悩み。

目次

第1章　はじめに

• 1.1　この本の目的・ターゲット
• 1.2　本書であまり触れない部分
• 1.3　本書の構成と対応環境について
• 1.4　公式ハッシュタグでつぶやいてください！
• 1.5　リポジトリとサポートについて
• 1.6　表記関係について
• 1.7　免責事項
• 1.8　底本について

第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ログインの実装
• 4.4　ログイン状態のチェック
• 4.5　コンポーネント間の情報の受け渡しとログイン情報の表示

第5章　エディターの作成：データベース作成とデータ保存

• 5.1　メモを編集できるマークダウンエディターを作る
• 5.2　メモを複数作成可能にする
• 5.3　メモの削除機能追加
• 5.4　Firebase Realtime DBの設定
• 5.5　メモの保存と読み込み機能の作成
• 5.6　ショートカットキーでメモを保存する

第6章　見た目を整える

• 6.1　リセットCSSを導入する
• 6.2　CSSファイルの管理
• 6.3　プレビュー用CSSの追加
• 6.4　CSSフレームワークについて
• 6.5　ロゴの作成
• 6.6　トップページにサービスの説明文を加えよう

第7章　Webサービスとして公開するまでの必要な準備

• 7.1　複数ページ対応（Vue Routerの利用）
• 7.2　利用規約・プライバシーポリシーを記載する
• 7.3　XSS対策などの最低限のセキュリティ対策
• 7.4　β版テストを行い、公開する

最後に

フィードバック・ご意見・ご感想

Special Thanks !

強くてニューゲーム

あとがき