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

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

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、ホワイトボード、プロジェクタ有り