「Reactを学び始めたばかり」という初心者向けの、ハンズオン形式のオンライン勉強会です

事前に作成した資料があるので、
それを参照しながら、ハンズオン形式で、Reactのミニアプリを構築します！

実際に手を動かして、その場で質問・相談しながら、楽しくReactを学んでいきましょう！

❓このハンズオン勉強会についての紹介記事

今回のお題

作成するアプリ：

ポートフォリオサイト（レベル：超入門）

概要：

このプロジェクトでは、シンプルモダンなポートフォリオサイトを構築します。

Webサイトのマークアップを中心に、Reactの基本的な概念を学びます。

React 完全初心者でも問題なく作成できる内容になっているので、学び始めの第一歩に、おすすめです！

学習する内容：

メインは、React の基本的な概念を学ぶことです。

• viteを用いたReact環境構築
• Reactの基本
  • コンポーネント
  • JSX記法
  • propsとState
  • 条件付きレンダリング
  • リストとキー
• Tailwind CSS を用いたスタイリング
• GitHub Pagesへのデプロイ

この勉強会を通して、Reactを使った成果物を１つ構築することを目指します！

こんな初心者におすすめ！

• Reactを学習しようと思っている方
• Reactに入門したばかり・基礎を振り返りたい方
• Reactエンジニアとしての転職/就職を目指している方
• Reactを使った簡単なプロジェクトにチャレンジしてみたい方

要件：

• Node.js 環境が構築されたPCが必要です
• Git/ GitHub環境（アカウント）の用意
• HTML/CSS/JavaScriptの基礎知識が必要です

開催概要

➡️ 場所：Gather(オンライン開催）

音声のみでOKです！

申し込みが完了すると「参加者への情報」という場所に、GatherのURLが表示されます。

（Gatherは、スマートフォン・PCどちらからでも、登録なしで参加することが可能です。）

Gatherは、まだそこまでメジャーなサービスではないので、
会の始めに、Gatherの操作などについて不明な点があればご説明いたします！

➡️ 参加費

750円 (当日 PayPay or stripeによるカード決済にて都合の良い方法でお支払い可能です。)

注意事項

下記を、ご確認ください：

• 登壇者の発表を視聴する形式の、セミナーではありませんのでご注意ください。
• 実際に手を動かして、一緒に作業をするハンズオン形式のワークショップです。
• ハンズオンの進め方としては、メインで学習する技術以外は、時間の関係上、コードのコピペ＋解説で進んでいきます。
• 無断欠席・遅刻は、ご遠慮ください。
• 勧誘、迷惑行為、ハラスメント、マウンティング行為をはじめ、このイベントの趣旨にそぐわないと主催が判断した場合はご参加をお断りする場合がございます。

当日のスケジュールの流れ

ハンズオン中は、資料を見ながら一緒に作業を進めていければと思います！

（音声・チャットで、リアルタイムでリアクションや質問ができます）

その他：

• 実際は、時間内で、進めるところまでタスクを進める形になります。
• 時間内に完成しない場合でも、大まかな解説と手順を記載した資料を、配布いたします！
• なので、勉強会中は、ゆっくり・たくさん質問して頂ければと思います！！

ハンズオンの最中は、たくさんリアクションをして、盛り上げていただけるとありがたいです！

（進めるスピードなどの、進行に関するご意見も大歓迎です！）

参考キーワード

webアプリ開発, HTML, CSS, JavaScript,TypeScript, React.js, Node.js, Next.js, Github, コミュニティ, もくもく会, ハンズオンワークショップ