はじめに

OthloTechは東海圏のIT界隈を盛り上げることを目標に活動しているコミュニティです。
主に学生向けに月1-2回のペースでイベントを開催しています。

本イベントは学生（大学/専門/高専/高校/中学）にご参加いただけます。

今回は株式会社エウレカ様のご協力により、「1day実践入門！Reactハンズオン」を開催いたします。

イベント概要

インタラクティブなUIを構築するためのライブラリ「React」のハンズオンをおこないます。Reactを開発しているFacebookやInstagramはもちろん、TinderやAirbnbなど多くの採用事例があるライブラリの一つです。

ハンズオンでは、ブラウザ上でコーディングと実行をリアルタイムでできるCodeSandboxを使って、Webフロントエンド技術の基礎、Reactの基礎を踏まえて、Pairsなどのマッチングサービスで多く使われているSwipe Card UIをつくります。

今回使用するCodeSandboxというツールはブラウザ上で動作するため、事前の環境構築が不要でPCのOSも問いません。今回はReactによるアプリ開発のエッセンスに触れることにフォーカスすることを目的としています。

初心者の方でも実践できるものから、1段階レベルが上のものと、2ステップの課題を用意します！

こんな人におすすめ

• フロントエンドエンジニアを目指している方
• フロントエンドの技術に興味がある方
• Reactに触れてみたい方
• 将来的に東京での就職も考えている方
• エウレカ・マッチングサービスに興味がある方

Swipe Card UIとは

複数枚のカードが重なった見た目をしたTinderやPairsなどで利用されているユーザーインターフェースの一種で、スワイプでカードをめくっていくインタラクションを表現したUIです。

Reactとは

React.jsはWebアプリのUIを作るためのJavascriptライブラリです。Facebookがオープンソースソフトウェアとして公開しています。 Reactでは宣言的にUIを作成でき、再利用可能なコンポーネントとして使用できます。複数のコンポーネントをブロックのように組み合わせることで複雑なUIを持つアプリが開発しやすくなります。 また、開発者によるコミュニティが活発で多くの関連ライブラリが提供されています。
https://ja.reactjs.org/

メンタープロフィール

太田 宗吾 （株式会社エウレカ/Pairs事業部）

https://www.wantedly.com/companies/eureka/post_articles/107320

2015年5月、エウレカにジョイン。 PairsのWebフロントエンド開発を担当。

竹内 景太郎 （株式会社エウレカ/Pairs事業部）

https://twitter.com/If_I_were_boxp

Web版Pairsを開発中のエンジニア。隙を見てClojureを書いたりVR Chatへ繰り出したりしている。

小倉 優悟 （株式会社エウレカ/Pairs事業部）

https://twitter.com/rabspice

2015年4月、名古屋大学情報文化学部に入学。大学1年時の授業でC言語のfor文に感動し、プログラミングを勉強し始める。卒業後、平成最後の新卒エンジニアとしてエウレカに入社。

タイムテーブル

会場

ミッドランドインキュベーターズハウス
〒453-0012 愛知県名古屋市中村区井深町1番1号 新名古屋センタービル 本陣街142号室
https://goo.gl/maps/auHJngnNGDX8jvv77

地下鉄東山線「亀島駅」から徒歩5分、「名古屋駅」から徒歩13分

Wi-Fi あり / 電源 あり

備考

• 持ち物 : PC
• Wi-Fi: あり
• 電源: あり（人数分はありませんので、譲り合ってご利用ください）

今回のハンズオンで使用する資料

株式会社エウレカについて

エウレカは、世界中の人々の人生を豊かにするものを自分たちの手でつくり出すことを目指し、恋活・婚活マッチングアプリ「Pairs」とカップル向けコミュニケーションアプリ「Couples」を開発・運営しています。

▼エウレカ
https://eure.jp/

▼Pairs
https://www.pairs.lv/

Midland Incubatorsについて

ミッドランドインキュベーターズ（Midland Incubators）は、U29の名古屋近郊の起業家エコシステムを形成させることを目的としたスタートアップコミュニティです。 2018年6月にはミッドランドインキュベーターズハウスという名前で支援先が自由につかえたり、スタートアップ・ベンチャー向けのイベントを開催できるスペースを開設しました。中高校生による起業志望者向けイベントや日本在住外国人によるピッチイベントなど、様々なイベントを開催しています。
www.m15s.jp

OthloTechについて

私たちは、名古屋でクリエイティブな学生のコミュニティを作るために「OthloTech」を結成しました。 専門技術を持った学生が集まり、勉強会や交流会を通して学校では学べない知識を共有しましょう。 学生同士の横の繋がりを広げて、新しいサービスが生まれるきっかけを作りたいと思っています。

▼OthloTechのHP・SNS
OthloTechホームページ
Twitterアカウント @OthloTech
Facebookページ