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

12月

1

MATERIAL-UIで学ぶReact超入門 沖縄フロントエンド塾 in スタートアップ

MATERIAL-UIでReactの超基本的なことを学んで行くので、プログラミング初心者でも大丈夫!

Organizing : 沖縄フロントエンド塾

Registration info

参加枠1

Free

FCFS
5/8

Description

サポートslack

https://join.slack.com/t/frontend-j/shared_invite/enQtNDgxNjEyMTEwNzUzLTZkZmFkMWY4Mzg4MGY0YjMxMGNlZjc4ODJkZjU2ZDZmNjE0MmI3OWU5MGE4Y2NmNjIxMzRiMWU5NTgwYWFmNTM

イベント概要

こんな方が対象

  • アプリ開発者
  • フロントエンドエンジニア

こんなことやります
このReact入門では、MATERIAL-UI を使って、React.jsの基本的な部分を学んでいきます。 デザインやマークアップが苦手でも見栄えのあるデザインのUIが作れます。

Reactとは
「React」はFacebookが開発したjavascriptのライブラリです。見た目のviewに特化しているため、webシステムやアプリのUI開発に多く採用されています。またiOSやAndroidの青売り開発向けの「React-native」では、Reactと同じ設計思想でスマートフォンのアプリの開発も行えます。

MATERIAL-UIとは
Googleが提唱するマテリアルデザインをReactで扱えるようにしたコンポーネントライブラリです。

予定表

時間 内容
13:00 挨拶・自己紹介
13:10 React について
13:20 React 環境設定
14:00 MATERIAL-UIを使ったReactの基礎ハンズオン
15:45 終了

参加条件

  • 開発環境を準備し当日PCを持参できる方

必須スキル

  • html,css,javascriptがある程度わかる

駐車場

  • コリンザ横の無料市営駐車場
  • そのほかのコザ周辺の駐車場はこちらです

事前準備

  1. nodeをインストール
  2. npmをインストール ( yarnでも可 )
  3. npmでcreate-react-appをインストール
  4. 使用するエディタにeslintをインストール

すぐにReact開発がはじめられる状態でPCを持参ください。

参考記事など

Node.js インストール方法

※ node.js をインストールすると、npmもインストールされています。

npm で create-react-app の インストール方法

  • コンソール画面で、以下を実行

$>npm install -g create-react-app

VScodeの拡張機能

microsoft VScodeでreact開発を行うための便利な拡張機能です。

  • Reactの便利な拡張をまとめたもの

https://marketplace.visualstudio.com/items?itemName=burkeholland.react-food-truck

  • Reactのスニペット

https://marketplace.visualstudio.com/items?itemName=xabikos.ReactSnippets

  • HTMLの入力補助

https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag

  • eslint

https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint

沖縄フロントエンド塾とは

沖縄県内のフロントエンドエンジニアのスキル向上を目的に、実際にコーディングをしながら学ぶためのコミュニティです。フロントエンド開発にはデザイン、UI/UX、エンジニアリングなど幅広いスキルが求められます。フロントエンド塾ではフロントエンド全体を横断した知識やスキルを習得できることを目指して、なるべく各パートに合った学習テーマでイベントを行います。

講師

黒川正裕
* 黒川正裕 : Baidu,DeNA,OceansなどでUI/UXデザイナー、フロントエンドエンジニアを経て、UI/UXエンジニアリングのバッカム株式会社(http://backham.me)を設立。Reactを使ったコンポーネント指向のUI開発で大規模なシステムのUIからアプリのUIまで対応してます。

  • 内田辰貴:フロントエンドエンジニア。バッカムにてJavascript/Reactによる多くの開発に携わる。

Media View all Media

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

Feed

クロカワマサヒロ

クロカワマサヒロ published MATERIAL-UIで学ぶReact超入門 沖縄フロントエンド塾 in スタートアップ.

11/23/2018 12:18

MATERIAL-UIで学ぶReact超入門 沖縄フロントエンド塾 in スタートアップ を公開しました!

Ended

2018/12/01(Sat)

13:00
16:00

Registration Period
2018/11/23(Fri) 00:00 〜
2018/12/01(Sat) 12:00

Location

Startup cafe Koza

沖縄県沖縄市中央1-7-8

Attendees(5)

umibudou00

umibudou00

MATERIAL-UIで学ぶReact超入門 沖縄フロントエンド塾 in スタートアップに参加を申し込みました!

HiroyukiKinjo

HiroyukiKinjo

MATERIAL-UIで学ぶReact超入門 沖縄フロントエンド塾 in スタートアップに参加を申し込みました!

takara

takara

MATERIAL-UIで学ぶReact超入門 沖縄フロントエンド塾 in スタートアップ に参加を申し込みました!

fukuhara121

fukuhara121

MATERIAL-UIで学ぶReact超入門 沖縄フロントエンド塾 in スタートアップに参加を申し込みました!

JukiyaKinjo

JukiyaKinjo

I joined MATERIAL-UIで学ぶReact超入門 沖縄フロントエンド塾 in スタートアップ!

Attendees (5)

Canceled (1)