内容

Nuxt.jsはユニバーサルな Vue.js アプリケーションを構築するためのフレームワークです。 今回はNuxt.jsとFirebaseを使って簡単なアプリケーションを作成予定です。

※参加される方はNode.jsの環境構築（後述）とGoogleアカウントを用意ください。

過去の関連資料

フロントエンド入門Vue.js編@未来会議室 https://otona.pro/post/20170315vuejs/

第2回オトナのフロントエンド入門Vue.js編@未来会議室 https://otona.pro/post/20170524vuejs/

オトナのLaravel＆Vue.js開発入門@未来会議室 https://otona.pro/post/20171115laravel/

オトナのVue.js〜Nuxt.js入門@未来会議室 https://otona.pro/post/20180418vuejs/

オトナのVue.jsとNuxt.js入門ハンズオン@未来会議室 https://docs.google.com/presentation/d/1ywaWuNJpt3PfyS0cfA_0sNG7-eQaeHE2uehf2F1ahlY/edit#slide=id.p https://slides.com/keisukeshingaki/deck-2//#/

本日の資料です https://qiita.com/kei4eva4/items/52d8b7dfe8897a85c412

目次

• Nuxt.jsとFirebaseの管渠構築
• Firebaseとは
• ハンズオン
• 今後の学習の進め方

タイムスケジュール

LT募集について

ライトニングトークとは短いプレゼンテーションのことです。
最近やったこと、勉強したこと、作ったものなどプログラム関連で発表したい人を募集します。 1人5分程度でお願いします。

開発環境

Nuxt.jsの開発を体験してもらうため今回ローカルでの環境作成をお願いします。

Nuxt.jsの開発のためにNode.js(v8推奨)の実行環境が必要です。

Node.jsの環境構築として1番簡単な方法は公式のパッケージインストーラの利用になります。下記URLからインスーラをダウンロードして実行してください。

https://nodejs.org/ja/download/

インストール後、コマンドプロンプトまたはターミナルを起動後に下記コマンドでvueのコマンドラインツールをインストールして実行できるか確認してください。

# 表示される数字は違う場合があります
$ npm -v
5.8.0

$ npm install -g vue-cli

$ vue -V
2.9.3

また、プログラム用のエディタがないという場合はVisual Studio Codeの使用を推奨します。下記URLからインストールをお願いします。

https://code.visualstudio.com/download

環境構築がうまくできないという場合、開始時間から少し早く会場にきていただけるとサポートできます。

対象者

プログラミングに興味のある、社会人、学生（高校生は時間が遅いので事前に保護者の同意を得てください） 経験の有無は問いません

必要なもの

Wifi接続可能なパソコン

講師

新垣ケイスケ
ソーイ株式会社
Web開発やアプリ開発をしています。

YouTube live

勉強会はYouTubeで配信しています チャンネル ライブ

オトナのプログラミングSlack招待（当日貼ります）