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

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

6月

30

デザイナーのためのReact.js

デザイナーの立場からReact.jsに触れよう、理解しようという勉強会です。

主催 : Fringe81株式会社

募集内容

参加枠

無料

先着順
51/20

イベントの説明

概要

Facebook社謹製のJavascriptライブラリ「React.js」のデザイナー向け勉強会です。

今回は、実際に2ヶ月前からReact.jsでプロダクト開発をしている、Fringe81のデザイナー(JSは初心者レベル)と相方エンジニアによる、初心者が押さえておくべき設計/実装ポイントの話と、ハンズオンでとReactらしい動きを理解します。

本編ではできるだけ、インプットとアウトプットを交互に繰り返して、「体験」とできるよう進めたいと思います。

前段話(LT風)

  • 概要説明&自己紹介
  • デザイナーがなぜReact.jsを手に取るのか
  • MVxフレームワーク類や、よく使うJQueryを使った画面開発との違い

本編(ハンズオン)

  • Reactコンポーネントの仕組み、動きを理解する
  • デザイナー歓喜のReact Bootstrap componentを使ってみる
  • デザイナーのためのReact開発環境を作る

PC持参でお願いします(※何台かはこちらで用意できますので必要な方は仰って下さい)。

※ 内容・構成は若干変更になる可能性があります。

開催の背景

React.jsは、Viewのみを担うライブラリとして、学習コストも低く「最近勉強している!」や「これから挑戦してみたい!」という方も多いのでは、と思います。

実際にやってみて、個人的には、コンポーネント間の「子へのpropsリレーと親へのsetState」という設計のコツを理解する事が最初の壁と感じました。

一方それさえ超えれば、とてもシンプルにリアクティブプログラミングが体感でき、デザイナーがエンジニアリング領域へ歩み寄る良い機会にもなりそうだ、とモチベーションを感じた事がきっかけです。

そこで、初歩的な仕組みをできるだけわかりやすく、React.jsらしさを知る事ができる勉強会をと開催に至りました。

対象者

  • デザイナー(HTML5/CSS(メタ)/ JQueryが主戦場)の方で、
  • これからReact.jsに挑戦してみたいという方
  • または、Reactのチュートリアルやったけどいまいちポイントが掴めない方

※現在業務でReact.jsをバリバリ使っている方には物足りない内容と思います。

懇親会

勉強会後に軽食をつまみつつ、飲み物(アルコールあり)も飲みながらで、 ざっくばらんに、わからなかった点の質問や意見交換の場としてご利用いただければと思います。

※懇親会も参加費は無料です。

会場の場所

六本木ヒルズノースタワー10F Fringe81株式会社内セミナールームにて行います。

①エレベータで10Fまでお越しください。

②エレベータを降りられたら右方向にエントランスがあります。

③エントランス入ってすぐ右の部屋が当日の勉強会会場となります。

※エレベータは10Fに止まらないものがありますのでご注意下さい。

発表者

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

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

フィード

knt5

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

2015/06/30 19:09

日比谷線運転見合わせのため到着が遅れます。

yohei_nishino

yohei_nishino さんが デザイナーのためのReact.js を公開しました。

2015/06/16 22:32

デザイナーのためのReact.js を公開しました!

グループ

Fringe81株式会社

イベント数 8回

メンバー数 209人

終了

2015/06/30(火)

19:30
21:00

募集期間
2015/06/16(火) 22:32 〜
2015/06/30(火) 18:00

会場

Fringe81株式会社

東京都港区六本木6-2-31 六本木ヒルズノースタワー10F

 Fringe81株式会社

参加者(20人)

sixth13

sixth13

デザイナーのためのReact.jsに参加を申し込みました!

knt5

knt5

デザイナーのためのReact.jsに参加を申し込みました!

アリンコ

アリンコ

デザイナーのためのReact.js に参加を申し込みました!

(退会ユーザー)

(退会ユーザー)

デザイナーのためのReact.jsに参加を申し込みました!

taka4kato

taka4kato

デザイナーのためのReact.js に参加を申し込みました!

yu-ku

yu-ku

デザイナーのためのReact.js に参加を申し込みました!

kobutya

kobutya

デザイナーのためのReact.jsに参加を申し込みました!

KanSAKAMOTO

KanSAKAMOTO

デザイナーのためのReact.js に参加を申し込みました!

takanorip

takanorip

デザイナーのためのReact.jsに参加を申し込みました!

mononomoco

mononomoco

デザイナーのためのReact.jsに参加を申し込みました!

参加者一覧(20人)

補欠者(31人)

akira20320

akira20320

デザイナーのためのReact.js に参加を申し込みました!

int111

int111

デザイナーのためのReact.js に参加を申し込みました!

murokaco

murokaco

デザイナーのためのReact.js に参加を申し込みました!

dondoko_susumu

dondoko_susumu

デザイナーのためのReact.js に参加を申し込みました!

hidechae

hidechae

デザイナーのためのReact.js に参加を申し込みました!

naoko

naoko

デザイナーのためのReact.js に参加を申し込みました!

nabeix

nabeix

デザイナーのためのReact.js に参加を申し込みました!

msuzukixyz

msuzukixyz

デザイナーのためのReact.jsに参加を申し込みました!

apollo13

apollo13

デザイナーのためのReact.js に参加を申し込みました!

すーさん

すーさん

デザイナーのためのReact.jsに参加を申し込みました!

補欠者一覧(31人)

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