【Vue.js】と【Firebase】で作るミニWebサービス を試してみた〜Googleログインまで〜

ホーム
バックエンド, フロントエンド
【Vue.js】と【Firebase】で作るミニWebサービスを試してみた〜Googleログインまで〜

バックエンド

2018.11.13

【Vue.js】と【Firebase】で作るミニWebサービスを試してみた〜Googleログインまで〜

プログラミングにどっぷり取り組むようになってからというもの、

いわゆる出版社から販売されている技術書だけではなくて、

同人誌というんでしょうか、インディーズの、個人出版にも目がいくようになっていて。

ここ数ヶ月取り組んでいる『Vue.js(ビュージェイエス)』と、

最近よく見るようになった『Firebase(ファイアベース』と、

さらには

『シングルページアプリケーション』
『サーバーレス』

というキーワードも相まって。

表紙が2D少女なことにはぐっと目をつぶって、

アオキ

2Dはどっちかというと苦手なもんで・・

買っちゃいました、この本。

改訂新版　Vue.jsとFirebaseで作るミニWebサービス (技術書典シリーズ（NextPublishing）)

created by Rinker

たまたまKindleセールで半額だったのです。

アオキ

半額っていい響きですよね・・

Kindleなのですぐにダウンロードして読めるのが魅力ですね。

ということで早速やってみました。

Vue.jsとFirebaseで作るミニWebサービスをなぞってみて

amazonの概要ページにも書いてありますが、この本の対象読者として、

HTML,CSS,Javascriptを利用して、簡単なWebサイトを作ったことがある人

複数のページや状態管理をJavascript使って自力で行い、ごちゃついてしまい消耗している人

普段デザイナーとしてマークアップしており、フロントエンドの新しめな環境でのサイト構築を経験してみたい人

シングルページアプリーケーション、Vue.jsってものを触ってみたい、またはそれらの挫折経験がある人

FirebaseのWeb版を使ってみたい人、どんな事が出来るのか知りたい人

普段サーバーサイドやネイティブアプリを作っていて、Webフロントエンドをさらっと触ってみたい人

と書かれてある通り、まったくのweb初心者の方は読むのがしんどいかなと思います。

Web業界、特にJavaScript(ジャバスクリプト)を取り巻く『フロントエンド』は進化のスピードがとても早くて、

JavaScriptだけではなく、

Node.js (ノードジェイエス)
npm (エヌピーエム)
vue.js (ビュージェイエス)
babel (バベル)
webpack (ウェブパック)

あたりのキーワードやツールが普通に出てきます。

この記事の後半で簡単な用語集をつくってみましたが、
これらのキーワードに抵抗ない方なら読める本なのかなと思います。

もんプロ～問題発見と解決のためのプログラミング〜

【Laravel】Webアプリ環境構築の仕方【Vue.js】【初心者向け】

https://coinbaby8.com/laravel55-webapplication-vuejs.html

ロリポップやXサーバーなど、格安のレンタルサーバーでも運用できるプログラミング言語といえばやっぱり『PHP(ピーエイチピー)』。その『PHP』をフル活用したフレームワークで人気急上昇中の『Laravel(ララベル)』。『Laravel』をうまいこと使うと、物流管理システム勤怠管理システム予約システムといったシステムをインターネット上で使えるようになります。いわゆる『Webアプリケーション』を作ることができるようになります。『Laravel(ララベル)』だけでも『Webアプリケーション』はつくれてしまうのですが、実際に使う側にとって...

Vue.jsとfirebaseで作るミニWebサービスの内容

ざっくり解説すると、

最近流行りだしているJavaScriptのフレームワーク『Vue.js』と、
　
googleが開発した、サーバー機能を簡単に使えるようにした『Firebase』というサービスを連携して、
　
『SPA(シングルページアプリケーション)』をつくって、
　
グーグルアカウントでログイン判定しつつ、
　
Markdownエディタをつくろう！

という内容になっています。

『Markdown』というのは、シャープ(#)や米印(*)などを使って文字を装飾できる仕組みです。