【ハンズオン】React × Next.js で開発を始めよう！

2021/05/19(水)19:30 〜 21:30 開催

ブックマーク

JavaScript, Next.js, React, TypeScript, ハンズオン

参加枠	申込形式	参加費	参加者
一般	先着順	無料	20人／定員30人

イベント内容

【ハンズオン】React × Next.js で開発を始めよう！

概要

株式会社Hajimari×レッドインパルス株式会社共同開催
React × Next.js で開発を始めよう！
これからReactやNext.jsを学んで開発したい人向けの勉強会です。
React・Next.jsの概念説明や、環境構築、基礎知識をハンズオンを通して学んでいきましょう！

- React ( https://ja.reactjs.org/ )
- Next.js ( https://nextjs.org/ )

こんな方にオススメです！

- 「モダンなフロントエンド開発に興味がある人」
- 「ReactやNext.jsを使ってみたい人」

開始時間

2021年5月19日(水)
19:30〜21:30

タイムスケジュール

時間	内容
19:15	受付（zoom入室）開始
19:30	株式会社Hajimariとレッドインパルス株式会社の紹介
19:40	React・Next.jsの概念説明
20:00	ハンズオン:ReactとNext.jsの基礎（環境構築、hooksの使い方、など）
20:30	ハンズオン：ReactとNext.jsで簡単なWebアプリを実装してみる
21:30	終了

※ 当日予告なく時間配分・内容が変更になる可能性がございます。

登壇者

たかけん

レッドインパルス(株) 代表取締役

電気通信大学大学院在学時にエンジニアチーム「レッドインパルス」を発足し、主要メンバーで株式会社化。
大学院修了後は、フューチャーアーキテクト社でエンジニア勤務、その後、独立し、現在に至る。
サーバー、フロントエンド、アプリ、幅広く対応し、0→1の開発を得意とする。
エンジニアを世の中に増やすために、ハッカソンの企画や、エンジニア向けYouTubeチャンネルなども行う。
好きなプログラミング言語は、TypeScript。

ハンズオン内容について

レッドインパルスのYouTubeチャンネルで公開している「React × Next.js 実践開発入門」の#1〜#3の内容をベースにハンズオンを行います。
React × Next.js 実践開発入門 / YouTube
開発言語は、TypeScriptを使用します。

余裕のある方は、ぜひ動画を視聴し、事前学習をしてみてください。
早く進んだ方は、「React × Next.js 実践開発入門」の#4以降や、以下の教材も公開しているので、取り組んでみましょう。
・Next.jsとmicroCMSでブログサイトを作ろう
・【FirebaseでTODOアプリを作ろう！】#2 TODOアプリ / YouTube
・【Firebaseでチャットアプリを作ろう！】#3 チャットアプリ / YouTube

事前準備

Node.js 10.13 以上がインストールされたPC

事前学習

ハンズオンでは、TypeScript、Reactを用いて実装を行います。
以下、YouTubeチャンネルでは入門動画を解説しているので、よろしければ事前学習にお役立てください。
[React × Next.js 実践開発入門]
※ 当ハンズオンでは、YouTube動画の解説と重複する内容があります。