オトナのNuxt.js × Firebase入門ハンズオン@未来会議室

イベント内容

内容

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とは
  • ハンズオン
  • 今後の学習の進め方

タイムスケジュール

時間 内容
18:50~ 開場
19:00~19:15 アイスブレイク
19:15~20:30 勉強会
20:30~21:00 LT

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招待(当日貼ります)

注意事項

※ こちらのイベント情報は、外部サイトから取得した情報を掲載しています。
※ 掲載タイミングや更新頻度によっては、情報提供元ページの内容と差異が発生しますので予めご了承ください。
※ 最新情報の確認や参加申込手続き、イベントに関するお問い合わせ等は情報提供元ページにてお願いします。