<p data-line="0" class="code-line">一部の方以外は初めまして。<br>
React Tokyoでサポーターをやっています。<br>
今年最も穿った雨垂れこと、身長188cm =&gt; T.Miura です。<br>
本当です。</p>
<p data-line="5" class="code-line">2025/9/27に開催されました、「<strong>React Tokyo ビギナー向けReact勉強会 #1</strong>」の様子をお届けします。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/918b5265fd07-20251008.png" alt="会場入口" class="md-img" loading="lazy"></p>
<h2 id="react-tokyo-%E3%81%A8%E3%81%AF!" data-line="8" class="code-line">
<a class="header-anchor-link" href="#react-tokyo-%E3%81%A8%E3%81%AF!" aria-hidden="true"></a> React Tokyo とは!</h2>
<p data-line="9" class="code-line">オフラインでのミートアップを中心にDiscordでのオンライン上でも交流を行っているReactコミュニティです。</p>
<p data-line="11" class="code-line">初心者から経験者まで、職種 &amp; 技術力を問わずに誰でも参加できるのが特徴です。<br>
Reactをこれから学ぶ方、さらにレベルアップしたい方、新しい繋がりを求める方、外部の刺激を受けたい方、ミートアップに初めて参加する方も大歓迎です。</p>
<p data-line="14" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__a549ee87a9ed" src="https://embed.zenn.studio/card#zenn-embedded__a549ee87a9ed" data-content="https%3A%2F%2Freact-tokyo.connpass.com%2F" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://react-tokyo.connpass.com/" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://react-tokyo.connpass.com/</a></p>
<h2 id="react%E5%8B%89%E5%BC%B7%E4%BC%9A%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6" data-line="16" class="code-line">
<a class="header-anchor-link" href="#react%E5%8B%89%E5%BC%B7%E4%BC%9A%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6" aria-hidden="true"></a> React勉強会について</h2>
<p data-line="18" class="code-line">React Tokyo コミュニティが主催する、Reactビギナー向けのReact勉強会です。<br>
この会は、Reactに関する疑問を気軽に持ち寄り、参加者全員で <strong>“脱・初心者/初学者”</strong> を目指すことを目的としています。</p>
<p data-line="21" class="code-line">普段はDiscord上でのオンライン交流が中心ですが、「こんなことを聞いていいのかな？」「話題に入りたいけど少し怖い…」と感じる方も少なくありません。そこで、この勉強会ではリアル（オフライン）の場で顔を合わせ、会話を重ねることで、そのような心理的なハードルを取り除いていきます。</p>
<p data-line="23" class="code-line">実際に会って言葉を交わすことでメンバー同士のつながりを深め、そこから生まれる安心感がオンラインでの交流をより持続的で豊かなものにしてくれます。また、この取り組みによって、Reactビギナーが通常のミートアップイベントをより楽しみ、積極的に参加できるようになることも目指しています。</p>
<h2 id="%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B5%E3%83%BC%E6%A7%98%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6" data-line="25" class="code-line">
<a class="header-anchor-link" href="#%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B5%E3%83%BC%E6%A7%98%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6" aria-hidden="true"></a> スポンサー様について</h2>
<h3 id="%E4%BC%9A%E5%A0%B4%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B5%E3%83%BC-%3A-beenos%E6%A0%AA%E5%BC%8F%E4%BC%9A%E7%A4%BE-%E6%A7%98" data-line="27" class="code-line">
<a class="header-anchor-link" href="#%E4%BC%9A%E5%A0%B4%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B5%E3%83%BC-%3A-beenos%E6%A0%AA%E5%BC%8F%E4%BC%9A%E7%A4%BE-%E6%A7%98" aria-hidden="true"></a> 会場スポンサー : BEENOS株式会社 様</h3>
<p data-line="28" class="code-line">会場は  <a href="https://beenos.com/" target="_blank" rel="nofollow noopener noreferrer">BEENOS株式会社</a> 様にご提供いただきました</p>
<p data-line="30" class="code-line">当日は、会社紹介を通して事業内容やエンジニア組織についてお話しいただきました。<br>
React Tokyoとして初のビギナー向け勉強会を、快適な環境で開催することができました。</p>
<p data-line="33" class="code-line">会場のご提供とご協力、誠にありがとうございました。</p>
<h2 id="%E3%82%A2%E3%82%A4%E3%82%B9%E3%83%96%E3%83%AC%E3%82%A4%E3%82%AF" data-line="35" class="code-line">
<a class="header-anchor-link" href="#%E3%82%A2%E3%82%A4%E3%82%B9%E3%83%96%E3%83%AC%E3%82%A4%E3%82%AF" aria-hidden="true"></a> アイスブレイク</h2>
<p data-line="36" class="code-line">アイスブレイクでは皆さんのご出身地のお土産 / 料理の話をしました</p>
<p data-line="38" class="code-line">一番遠い方で海外の方もご参加いただいていて、React Tokyo のグローバル化が進んで非常に嬉しいです。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/b81961a1fed9-20251008.png" class="md-img" loading="lazy"></p>
<h2 id="%E8%87%AA%E5%B7%B1%E7%B4%B9%E4%BB%8B" data-line="40" class="code-line">
<a class="header-anchor-link" href="#%E8%87%AA%E5%B7%B1%E7%B4%B9%E4%BB%8B" aria-hidden="true"></a> 自己紹介</h2>
<p data-line="41" class="code-line">自己紹介では、「名前・React歴・エンジニア歴」の3点を中心に順番に発表しました。<br>
学生の方、駆け出しのエンジニア、そして現場でReactを使っている方まで、バックグラウンドはさまざま。<br>
それでも、「Reactをもっと理解したい」「交流したい」という思いは共通していました。</p>
<h2 id="%E6%82%A9%E3%81%BF%E5%85%B1%E6%9C%89-%2F-%E3%82%A2%E3%83%B3%E3%82%B5%E3%83%BC%E3%83%88%E3%83%BC%E3%82%AF" data-line="45" class="code-line">
<a class="header-anchor-link" href="#%E6%82%A9%E3%81%BF%E5%85%B1%E6%9C%89-%2F-%E3%82%A2%E3%83%B3%E3%82%B5%E3%83%BC%E3%83%88%E3%83%BC%E3%82%AF" aria-hidden="true"></a> 悩み共有 / アンサートーク</h2>
<p data-line="46" class="code-line">事前アンケートの内容をもとに、参加者それぞれが抱えている悩みや疑問について、意見交換を行いました。</p>
<p data-line="48" class="code-line">私自身が特に印象に残ったのは、React公式ドキュメントの<a href="https://ja.react.dev/reference/react/hooks" target="_blank" rel="nofollow noopener noreferrer">Hooksリファレンス</a>を丁寧に読み込む時間の大切さでした。<br>
useStateやuseEffectといった基本的なHooksから、普段あまり触れることのないHooksまで一通り目を通すことで、Reactの設計思想や使いどころの広さを改めて理解できました。</p>
<p data-line="51" class="code-line">すべてを暗記する必要はありませんが、「どんな機能があるかを把握している」ことが大きな強みになると感じました。実装の際に「この場面ならあのHooksが使えそうだ」と発想できるような、知識を引き出しとして持っておく状態が理想だと感じました。</p>
<p data-line="54" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/ee4bbd0f5872-20251008.jpeg" class="md-img" loading="lazy"></p>
<h2 id="%E3%81%8A%E3%82%8F%E3%82%8A%E3%81%AB" data-line="56" class="code-line">
<a class="header-anchor-link" href="#%E3%81%8A%E3%82%8F%E3%82%8A%E3%81%AB" aria-hidden="true"></a> おわりに</h2>
<p data-line="58" class="code-line">ここまで閲覧ありがとうございます。<br>
React Tokyo は今後もオフライン、オンラインどちらも企画を続けていきます。<br>
一緒に盛り上げていきましょう。</p>
<p data-line="62" class="code-line">イベント開催にあたり、会場のご支援を頂きました<a href="https://beenos.com/" target="_blank" rel="nofollow noopener noreferrer">BEENOS株式会社</a>様</p>
<p data-line="65" class="code-line">そして日頃よりコミュニティをご支援いただいているコミュニティスポンサーの<br>
<a href="https://kikkakecreation.com/" target="_blank" rel="nofollow noopener noreferrer">株式会社キッカケクリエイション</a>様<br>
<a href="https://www.rebase.co.jp/" target="_blank" rel="nofollow noopener noreferrer">株式会社Rebase</a>様<br>
<a href="https://www.dress-code.com/ja" target="_blank" rel="nofollow noopener noreferrer">Dress Code株式会社</a>様<br>
<a href="https://www.kakehashi.life/" target="_blank" rel="nofollow noopener noreferrer">株式会社カケハシ</a>様<br>
<a href="https://www.algo-artis.com/" target="_blank" rel="nofollow noopener noreferrer">株式会社ALGO ARTIS</a>様<br>
<a href="https://corp.mosh.jp/" target="_blank" rel="nofollow noopener noreferrer">MOSH株式会社</a>様<br>
<a href="https://www.optim.co.jp/" target="_blank" rel="nofollow noopener noreferrer">株式会社オプティム</a>様<br>
<a href="https://www.v-standard.com/" target="_blank" rel="nofollow noopener noreferrer">株式会社バニッシュ・スタンダード</a>様</p>
<p data-line="75" class="code-line">誠にありがとうございました。</p>
<p data-line="77" class="code-line">そして運営をサポートしてくださったReact Tokyo サポートチームの皆様、本当にありがとうございました。</p>
<p data-line="79" class="code-line">それでは次回ミートアップであなたとお会いできることを楽しみにしております。</p>
<p data-line="81" class="code-line">身長188cm =&gt; T.Miura でした。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/1860e38d8c35-20251008.png" alt="集合写真" class="md-img" loading="lazy"></p>
<p data-line="84" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__f40318bbe4a85" src="https://embed.zenn.studio/card#zenn-embedded__f40318bbe4a85" data-content="https%3A%2F%2Freact-tokyo.vercel.app%2F" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://react-tokyo.vercel.app/" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://react-tokyo.vercel.app/</a><br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__5b85f6159e516" src="https://embed.zenn.studio/card#zenn-embedded__5b85f6159e516" data-content="https%3A%2F%2Freact-tokyo.connpass.com%2F" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://react-tokyo.connpass.com/" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://react-tokyo.connpass.com/</a></p>


React Tokyo勉強会 #1 ビギナー向けReact勉強会イベントレポート

会場スポンサー : BEENOS株式会社 様

Discussion