お知らせ ビープラウド、機械学習・データ分析の問題をオンライン学習サービスPyQにて提供開始

このエントリーをはてなブックマークに追加

12月

3

第13回これから始める人のためのNode.js,React.js勉強会

Firebase,PhoneGap,Reactでサクッと作るチャットアプリ(ハンズオン形式)

主催 : mouri45

ハッシュタグ :#これからNode
募集内容

参加枠1

無料

先着順
31/10

懇親会参加者優先枠

無料

先着順
4/4

次回参加希望(次回開催時連絡用、先着順ではありません)

無料

先着順
0/1

イベントの説明


[追記]懇親会に参加していただける人用に追加で参加枠を用意しました。


[追記]ニーズが多ければ同じテーマで2回目以降も開催したいので、興味ある方は補欠登録しておいてもらえるとありがたいです。



Node.jsやReact.jsをみんなでいっしょに勉強しましょう!

Node.js,React.jsを気になりつつもやってこなかった方、最近知った方、とりあえずNode.js,React.jsに触っていたい方、誰でも参加OKなゆるい勉強会です。

内容

今回は、久しぶりにハンズオン形式でやります!
テーマは、「Firebase,PhoneGap,Reactでサクッと作るチャットアプリ」です。
Monacaで出力したOnsenUI+Reactのアプリテンプレートに、Firebaseを使ったチャット機能とTwitter認証機能を実装していきます。
※Monaca(PhoneGap(Cordova)を内包したハイブリッドアプリFW) https://ja.monaca.io/
※OnsenUI(ハイブリッドアプリ用WebUIコンポーネント群) https://ja.onsen.io/

早めに終わってしまったらモクモク会に移行します。途中でついていけなかった方は、その際にフォローさせてもらいます。

対象者

  • Javascriptでコードが書ける人
  • ES6,React,PhoneGap,Firebaseがなんとなくどんなものか知っている人

事前準備

1.以下のサイトからNode.jsのバージョン6系のものをダウンロードしてインストールしてください。
https://nodejs.org/ja/
2.ターミナルで、以下のコマンドを打ってmonacaをインストールしてください。
npm install -g monaca
3.ターミナルで、以下のコマンドを打ってphonegapをインストールしてください。
npm install -g phonegap
4.ターミナルで、以下のコマンドを打ってfirebase-toolsをインストールしてください。
npm install -g firebase-tools
※パーミッションのエラーがでしまう場合は、パーミッションの設定を変更するか、sudoを先頭につけてコマンドを実行してください。

注意

  • グダグダな感じになる場合があります。まだ勉強中なので、質問などに答えられない場合があります。
  • PhoneGapを利用したハイブリッドアプリとして作ります。FirebaseのAPIはWeb版を使います。iPhone,Androidネイティブのものは使いません。
  • iPhone,Androidアプリとしてビルドしたい方は、Xcode,Android Studioを事前にインストールしてシミュレータや実機でのビルドができる状態にしてください。環境がない場合でも、ブラウザで動作を確認することはできます。
  • Node.js、Monaca、PhoneGap、firebase-toolsを事前にインストールしておいてください。インストール方法は後述します。
  • ハンズオンなので遅刻しなようにお願いします。遅刻された方のフォローはハンズオン終了後になってしまうと思います。

懇親会

勉強会後は、会場で出前でも取ってお酒を飲みながら懇親会をできればと思っています。(参加費500円)
勉強会の後の技術談義は楽しいし、技術者同士仲良くなるきっかけにもなりますので、是非積極的に参加していただけると嬉しいです。

グループ

勉強会の告知やNode.js,React.jsに関する情報交換を目的としたFacebookグループを作りました。
覗いてみてもし気に入ったらグループに参加していただけるとうれしいです。
https://www.facebook.com/groups/176405659372621/

お知らせ

  • 13:45開場 14:00開始になります。
  • 無言欠席、ドタキャンはお控えください。
  • 会場のゲスト用のwifiルータが貧弱なので、もし繋がりにくくなってしまった場合は、モバイルルータがある方や携帯のテザリングが使える方はご協力いただけると助かります。(多分大丈夫だと思いますが、念のため)
  • 会場の場所が少しわかりづらいのですが、一階に天山店という赤い看板の中華屋さんのあるビルの7Fです。正面にカーコンビニ倶楽部があります。
  • 参加費:無料 (懇親会は500円)
  • 持ち物:開発用PC
  • 開催者のtwitterのid:mouri45
  • ハッシュタグ:#これからNode

会場

  • 株式会社あゆた
  • 東京都千代田区岩本町2-10-9 手塚ビル7F
  • 都営新宿線岩本町駅から徒歩5分
  • 東京メトロ日比谷線小伝馬町駅から徒歩5分
  • JR神田駅から徒歩7分
  • JR馬喰町駅から徒歩8分
  • JR秋葉原駅から徒歩9分
  • http://ayuta.co.jp/company/access.html
  • 設備:電源、無線LAN、ホワイトボード、プロジェクタ有り

資料 資料をもっと見る/編集する

資料が投稿されると、最新の3件が表示されます。

フィード

mouri45

mouri45 さんが書き込みました。

2016/12/03 17:04

1. 完成品の動かし方です。 2. https://github.com/mouri45/sakutto-chat からclone and download 3. cd sakutto-chat-step3 4. フォルダの.firebasercを削除 5. npm install --save react@15.3.2 react-dom@15.3.2 6. npm install 7. firebase init でfirebaseの設定 8. firebase deploy 9. phonegap build ios

mouri45

mouri45 さんが書き込みました。

2016/12/03 14:13

https://goo.gl/VWuSW6

mouri45

mouri45 さんが 第13回これから始める人のためのNode.js,React.js勉強会 を公開しました。

2016/11/21 21:43

第13回これから始める人のためのNode.js,React.js勉強会 を公開しました!

グループ

終了

2016/12/03(土)

14:00
17:00

募集期間
2016/11/21(月) 21:43 〜
2016/12/03(土) 17:00

会場

株式会社あゆた 開発室

東京都千代田区岩本町2-10-9 手塚ビル7F

株式会社あゆた 開発室

管理者

参加者(14人)

mouri45

mouri45

第13回これから始める人のためのNode.js,React.js勉強会 に参加を申し込みました!

kneeprayer

kneeprayer

第13回これから始める人のためのNode.js,React.js勉強会 に参加を申し込みました!

honta

honta

第13回これから始める人のためのNode.js,React.js勉強会に参加を申し込みました!

cloudliner

cloudliner

I joined 第13回これから始める人のためのNode.js,React.js勉強会!

KojiKaji

KojiKaji

第13回これから始める人のためのNode.js,React.js勉強会に参加を申し込みました!

アリンコ

アリンコ

第13回これから始める人のためのNode.js,React.js勉強会 に参加を申し込みました!

hiroshipc

hiroshipc

第13回これから始める人のためのNode.js,React.js勉強会 に参加を申し込みました!

Kei178

Kei178

第13回これから始める人のためのNode.js,React.js勉強会 に参加を申し込みました!

kmnrstzaiou

kmnrstzaiou

I joined 第13回これから始める人のためのNode.js,React.js勉強会!

参加者一覧(14人)

補欠者(21人)

Aaron B

Aaron B

第13回これから始める人のためのNode.js,React.js勉強会 に参加を申し込みました!

huraipannn

huraipannn

第13回これから始める人のためのNode.js,React.js勉強会 に参加を申し込みました!

applideveloper

applideveloper

第13回これから始める人のためのNode.js,React.js勉強会に参加を申し込みました!

nikkie

nikkie

第13回これから始める人のためのNode.js,React.js勉強会 に参加を申し込みました!

tohda

tohda

第13回これから始める人のためのNode.js,React.js勉強会に参加を申し込みました!

t_i

t_i

第13回これから始める人のためのNode.js,React.js勉強会に参加を申し込みました!

georgesekkiee

georgesekkiee

第13回これから始める人のためのNode.js,React.js勉強会 に参加を申し込みました!

nozawana

nozawana

第13回これから始める人のためのNode.js,React.js勉強会 に参加を申し込みました!

kensuke_hitomi

kensuke_hitomi

第13回これから始める人のためのNode.js,React.js勉強会に参加を申し込みました!

masa0527

masa0527

第13回これから始める人のためのNode.js,React.js勉強会 に参加を申し込みました!

補欠者一覧(21人)

キャンセルした人(11人)