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

Jun

30

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

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

Organizing : Fringe81株式会社

Registration info

参加枠

Free

FCFS
51/20

Description

概要

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に止まらないものがありますのでご注意下さい。

Presenter

Media View all Media

If you add event media, up to 3 items will be shown here.

Feed

knt5

knt5 wrote a comment.

2015/06/30 19:09

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

yohei_nishino

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

06/16/2015 22:32

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

Group

Unipos株式会社

Number of events 10

Members 362

Ended

2015/06/30(Tue)

19:30
21:00

Registration Period
2015/06/16(Tue) 22:32 〜
2015/06/30(Tue) 18:00

Location

Fringe81株式会社

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

Attendees(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に参加を申し込みました!

Attendees (20)

Waitlist (31)

(退会ユーザー)

(退会ユーザー)

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

int111

int111

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

murokaco

murokaco

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

どんどこすすむ

どんどこすすむ

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

hidechae

hidechae

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

naoko

naoko

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

nabeix

nabeix

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

msuzukixyz

msuzukixyz

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

apollo13

apollo13

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

すーさん

すーさん

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

Waitlist (31)

Canceled (13)