Reactで作るSPA(シングルページアプリケーション)入門

内容

「html,cssは分かるがAjaxがいまいち分からない」
「Reactに興味があるがなかなかきっかけが作れてない」
「実際にアプリケーションを作ってみたい！」
「SPA？Flux？気になる！」

そんな方向けの勉強会を開催します。
前半はSPA、Reactでの開発、Fluxアーキテクチャについて解説を行い、
後半は実際に手を動かして外部のAPIからデータを取得してきて表示するアプリケーションを作ることを通して
理解してもらいます。

対象

• 大学生
• 大学院生
• 高専生

こんな方にオススメ

• JSは触ったことがあるが、Reactをやったことがない人
• Reduxに興味のある方
• SPAで作るアプリケーションに興味のある方

ご注意事項

• 初心者を対象にした勉強会です。既にある程度勉強していて、より深い技術的な内容に興味のある方には物足りない可能性もございます。
  

• 初心者向けとは言えプログラミング未経験の方や開発経験がない方にはかなり難しい内容となります。その場合十分に理解できず終了することもあります。十分にご了承の上お申し込みください。
  

日程

2018年5月31日（木） 【タイムテーブル】

※当日の状況によって予定変更になることがあります。

参加費

無料

持参頂くもの

• 無線LAN対応のノートPC(Mac推奨)
  
• 登壇者はMacで操作説明を行います。Windowsやその他のOSでお越し頂いた場合、Macとの挙動の差異が生じる可能性があります。

事前に必ずインストール頂くもの

• node.js環境
• JSX(altJSです)サポートのエディタ 推奨はatom+プラグイン
• その他、npm経由でインストールするパッケージが複数(以下を参照)

事前に準備していただくもの

1.公式サイトからnode.jsの推奨版をダウンロードしインストール
https://nodejs.org/ja/

2.create-react-appをグローバルインストール※以下のコマンドを実行するだけです
$ npm install -g create-react-app

3.任意のディレクトリに異動後、プロジェクトを作成
$ create-react-app project
※projectは任意の名前

4.作成されたプロジェクト内のpackage.jsonを編集し、dependencies内に以下を追記 ※jsonファイルが何のことか分からない人は「JSONとは」などで調べてみて下さい

"react-redux": "^5.0.7",
"react-router-dom": "^4.2.2",
"redux": "^4.0.0",
"redux-thunk": "^2.2.0"

5.project(create-react-appで作成したプロジェクトの名前)に移動
$ cd project

6.以下を実行
$ npm update

7.node.jsを動かして確認
$ npm start

8.ReactのローカルのWelcomeページがローカルで確認できたら完了！

9.動作したプログラムを停止したいときはCtrl＋cを使う

事前に勉強していただくと良いもの

• JavaScriptでのプログラミング

講師紹介

中村 遼大(Ryota Nakamura)

早稲田大学3年。
ROBOT PAYMENTでフロントエンドエンジニアとして半年間インターンを経験。

株式会社ROBOT PAYMENTについて

『お客様の利益を向上させる「カスタマーサクセス」』

ROBOT PAYMENTは2000年の創業以来、「IT × お金」領域のビジネスに取り組んでまいりました。
本領域においては、お客様のビジネスを成功に導くことが最も大切です。
現代は、ITを駆使して「お金」を管理・運用する時代です。
これからは企業においても、ITを使って、「お金」の請求・入金・管理・運用を行う流れが次第に加速していきます。
私たちは、日本中の企業のお金がスムーズに流れるよう、お客様を成功に導くソリューションを提供し続けます。

現在提供しているサービスは以下の2つです。

■インターネット決済サービス
創業以降「かんたんに導入でき、売上がアップする決済サービス」をコンセプトに開発を重ね、毎年進化を続けています。
現在までに10,000社以上の企業のビジネスで活用され、年間300億円以上の「お金」の流れを媒介しています。

■請求クラウド「請求管理ロボ」
2014年8月にサービスを開始した請求クラウド「請求管理ロボ」
「請求・課金業務をもっとシンプルに」をコンセプトにサービス開発を行っています。
これまで決済サービスのお客様とのお取引を通じて発見した、企業における共通の業務課題をクラウドサービスの提供を通じて解決します。

事業以外の特徴
ROBOT PAYMENTは社員をとても大切にする会社です。
会社を上げてチームワークをテーマに社員同士のコミュニケーションが活発に行われています。
社員同士の仲も良く、休日にスポーツをしたり、辞めた社員とも交流があります。
部署の垣根を超えたMTGなども行われており、広く会社視点をもって意見の交換を重要視しております。

入社した後は、各種研修やメンター制度があり、ベンチャーとは言えどフォローはしっかりしていきます。
月に１度は1on1面談も実施しており、チームとしてのアクションだけではなく、社員１人１人にスポットを当てたフォローも行っていきます。
また、配属された部署以外でもやりたいことがあれば兼務や異動が可能です。
新卒から入社した者がいまは執行役員をやっているなど、実力があればどんどん上にいける環境があります。

HP: https://www.robotpayment.co.jp/recruit/
Facebook: https://www.facebook.com/robotpayment.recruit/
Wantedly: https://www.wantedly.com/companies/robotpayment