BEGIN:VCALENDAR
VERSION:2.0
PRODID:-//https://techplay.jp//JP
CALSCALE:GREGORIAN
METHOD:PUBLISH
X-WR-CALDESC:2時間で学ぶ React ハンズオン in Osaka
X-WR-CALNAME:2時間で学ぶ React ハンズオン in Osaka
X-WR-TIMEZONE:Asia/Tokyo
BEGIN:VTIMEZONE
TZID:Asia/Tokyo
BEGIN:STANDARD
DTSTART:19700101T000000
TZOFFSETFROM:+0900
TZOFFSETTO:+0900
TZNAME:JST
END:STANDARD
END:VTIMEZONE
BEGIN:VEVENT
UID:599439@techplay.jp
SUMMARY:2時間で学ぶ React ハンズオン in Osaka
DTSTART;TZID=Asia/Tokyo:20160915T190000
DTEND;TZID=Asia/Tokyo:20160915T210000
DTSTAMP:20260407T150531Z
CREATED:20160906T120117Z
DESCRIPTION:イベント詳細はこちら\nhttps://techplay.jp/event/59943
 9?utm_medium=referral&utm_source=ics&utm_campaign=ics\n\n概要\n「OIH 
 オールナイトハッカソン in 勝尾寺」( http://www.innovation-
 osaka.jp/katsuojihack/ ) の開催を記念して、ハッカソンのメ
 ンターがReactのハンズオンを開催いたします。(※ハッ
 カソンに参加しない方も本ハンズオンに参加可能です)
 \nReactはFacebookとInstagramで作られた、UIを作るためのJavaS
 criptのライブラリです。複雑な構造のデータをシンプ
 ルにUIへ反映することや、再利用可能なコンポーネン
 トを作るために開発されています。\nJSX構文と呼ばれ
 る、JavaScriptとHTMLを組み合わせた独自の書式でコンポ
 ーネントを作成し、複数のコンポーネントを組み合わ
 せていくことでWebアプリケーションを構築していきま
 す。\nReactは FacebookMessengerやInstagramなどで、ネイティブ
 アプリと同等のUIを実現するために使われています。\n
 対象者\nこのハンズオンはjQueryは使ったことがあると
 いうデザイナーから、最近のJavaScript開発を取り入れて
 みたいと考えているエンジニアなどを対象にしていま
 す。\n準備するもの\n\nNode.js（v4以降）がインストール
 されたPC（Windows/Mac/Linux）をご準備下さい。\nインスト
 ール方法がわからないという方は当日スタッフにお声
 かけ下さい。お手伝いします。\nお気に入りのエディ
 タ（Sublime Text、Atomなど）\n\nハンズオンの流れ\nハンズ
 オンスタート後、課題を一緒に作成していきます。\n
 課題は初心者向け（Lv1）、中級者向け（Lv2）の２パタ
 ーンを用意しています。\n\nReactの解説と開発環境構築\
 nHello React　初めてのReactコンポーネントを作成します
 。\n課題解説（Lv1）ハンズオンで作成する課題につい
 て解説します。\nLv1開始\n課題解説（Lv2）Lv2の課題につ
 いて解説します\n（Lv1が完了した人）Lv2開始\n\n物足り
 無い人向けの追加課題も用意してあります。\n課題Lv1 R
 eactコンポーネントの作成\n次のReactコンポーネントを
 作成します。\n\nクリックするとコインがアニメーショ
 ンで表示されるブロックを作成します。\nコインは一
 定数（10個）以上出てくると出てこなくなります。\n※
  素材とスタイルは事前に準備してあるものを使います
 。\n\njQueryで同じものを作るとどうなるか、についても
 解説します。\n【この課題で学ぶ事】\n\nReactコンポー
 ネントの作り方\nデータの受け渡し方法\njQueryとの作り
 方の違い\n\n課題Lv2 Todoアプリの作成\nReactチュートリア
 ルでも解説されているTodoアプリを作成します。\nLv1の
 課題以上にJavaScriptの基本知識が必要です。\n今回は使
 いませんが、Fluxなどの実践的な知識についても解説す
 る予定です。\n【この課題で学ぶ事】\n\nReactらしい設
 計手法\nReactでのデータの取り扱い\n実践的な内容への
 導入\n\n\n参加費\n無料 [学生大歓迎！]\n\n定員\n12名\n↓\
 n16名  (予定より早く定員に達したので増員しました。 
 9/6 21:26) \n↓\n36名\n(予定より多くの参加希望があった
 ため、部屋を変更して増員いたします。 9/7 19:45) \n↓\n
 46名\n(予定より多くの参加希望があったため、増員い
 たします。 9/9 18:23) \n\n講師\n\n河野 純也 (Lebe Inc. フロ
 ントエンドエンジニア / 学生メンター)\n宮澤 了祐 (Lebe
  Inc. CTO)\n\n\n主催\n\nSUPER-HACKATHON / Lebe Inc.\n\n\n協力・共
 催\n\n大阪イノベーションハブ (予)\n※ 「OIHオールナイ
 トハッカソン in 勝尾寺」( http://www.innovation-osaka.jp/katsuo
 jihack/ )は大阪イノベーションハブが主催いたします。\
 n\n\nハンズオンのねらい\nReactのようなフレームワーク
 を学習する上でハードルとなる、最初の一歩目をクリ
 アするためのハンズオンです。ハッカソンに参加する
 方もそうでない方も、ぜひこれを機会にReactにチャレ
 ンンジしてみてください。
LOCATION:大阪イノベーションハブ 大阪府大阪市 北区大深
 町3番1号 グランフロント大阪 ナレッジキャピタルタワ
 ー C7階
URL:https://techplay.jp/event/599439?utm_medium=referral&utm_source=ics&utm
 _campaign=ics
END:VEVENT
END:VCALENDAR
