<p data-line="0" class="code-line">こんにちは、東京を中心に活動するReact開発者のコミュニティ、React Tokyo 運営サポーターの　<a href="https://x.com/bani24884" target="_blank" rel="nofollow noopener noreferrer">bani24884</a>です。<br>
2025年4月18日(金)に開催された「React Tokyo ミートアップ #4」にスタッフとして参加してきましたので、そのレポートをお届けします。</p>
<p data-line="3" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__ea8555d79cabd" src="https://embed.zenn.studio/card#zenn-embedded__ea8555d79cabd" data-content="https%3A%2F%2Freact-tokyo.connpass.com%2Fevent%2F348384%2F" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://react-tokyo.connpass.com/event/348384/" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://react-tokyo.connpass.com/event/348384/</a></p>
<h1 id="%E3%82%A4%E3%83%99%E3%83%B3%E3%83%88%E3%81%AE%E6%A6%82%E8%A6%81" data-line="5" class="code-line">
<a class="header-anchor-link" href="#%E3%82%A4%E3%83%99%E3%83%B3%E3%83%88%E3%81%AE%E6%A6%82%E8%A6%81" aria-hidden="true"></a> イベントの概要</h1>
<p data-line="6" class="code-line">React Tokyo ミートアップは、React Tokyoコミュニティにご参加いただいている方々の親交を深め、Discord（オンライン）上でも活発な交流ができるような土壌作りを目的としたオフラインイベントです。<br>
メンバー同士の交流がメインのイベントとなっており、毎回決まるテーマに沿って行うグループワークや、交流会を行います。Reactに関するLTも行われます！</p>
<p data-line="9" class="code-line">今回は4度目の開催で、「特別な参加者増枠回！」として、会場の株式会社HRBrain様のご協力のもと、約80名の方にご参加いただきました。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/006a45cc957b-20250421.jpg" loading="lazy" class="md-img"></p>
<p data-line="12" class="code-line">今回からReact Tokyoサポートメンバーによる当日のイベントスタッフはReact Tokyo Staff Tシャツを着用しています。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/59a41fdbeae5-20250421.jpeg" loading="lazy" class="md-img"></p>
<p data-line="15" class="code-line">キッカケクリエイション様のノベルティとしてReact TokyoロゴとJotaiロゴの入ったステッカーが配布されました。</p>
<p data-line="17" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/dfb158b8bd79-20250421.jpg" loading="lazy" class="md-img"></p>
<h1 id="%E3%82%A4%E3%83%99%E3%83%B3%E3%83%88%E3%81%AE%E6%A7%98%E5%AD%90" data-line="19" class="code-line">
<a class="header-anchor-link" href="#%E3%82%A4%E3%83%99%E3%83%B3%E3%83%88%E3%81%AE%E6%A7%98%E5%AD%90" aria-hidden="true"></a> イベントの様子</h1>
<h2 id="%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B5%E3%83%BC%E3%83%88%E3%83%BC%E3%82%AF" data-line="20" class="code-line">
<a class="header-anchor-link" href="#%E3%82%B9%E3%83%9D%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="21" class="code-line">まずはじめに、会場スポンサーである株式会社HRBrain様より会社紹介がありました。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/8b4189e9485d-20250421.jpg" loading="lazy" class="md-img"><br>
モダンな技術スタックで開発されており、エンジニアを積極採用中とのことなので、興味ある方は<a href="https://www.hrbrain.co.jp/recruit/" target="_blank" rel="nofollow noopener noreferrer">HRBrain社のHP</a>をチェックしてください。</p>
<h2 id="%E3%83%A1%E3%82%A4%E3%83%B3%E3%83%88%E3%83%BC%E3%82%AF%3A-kei%E3%81%95%E3%82%93" data-line="25" class="code-line">
<a class="header-anchor-link" href="#%E3%83%A1%E3%82%A4%E3%83%B3%E3%83%88%E3%83%BC%E3%82%AF%3A-kei%E3%81%95%E3%82%93" aria-hidden="true"></a> メイントーク: <a href="https://x.com/kei_english_ca" target="_blank" rel="nofollow noopener noreferrer">Kei</a>さん</h2>
<p data-line="26" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/415fb3dfa865-20250421.png" loading="lazy" class="md-img"><br>
北米での就業経験を経て現在日本で外資系企業のエンジニアとして働くKeiさんの経験から、日本と海外のエンジニアリング文化の異なるところ、変わらないところ、それぞれのレベル感など、グローバルに働くことをテーマにお話しいただきました。<br>
その中でも「React=世界で通用するスキル」と言う力強いメッセージは、海外に目を向けるきっかけになりました。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/ada53ec78a35-20250421.jpg" loading="lazy" class="md-img"></p>
<h2 id="lt" data-line="31" class="code-line">
<a class="header-anchor-link" href="#lt" aria-hidden="true"></a> LT</h2>
<p data-line="32" class="code-line">今回は3名の方にLTをしていただきました。それぞれの発表内容と資料は以下の通りです。</p>
<h3 id="1.-ahoxa%E3%81%95%E3%82%93" data-line="33" class="code-line">
<a class="header-anchor-link" href="#1.-ahoxa%E3%81%95%E3%82%93" aria-hidden="true"></a> 1. <a href="https://x.com/4h0xa" target="_blank" rel="nofollow noopener noreferrer">Ahoxa</a>さん</h3>
<p data-line="34" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/d954b0d78b03-20250421.jpg" loading="lazy" class="md-img"></p>
<ul data-line="35" class="code-line">
<li data-line="35" class="code-line">タイトル:  Thank you &lt;💅&gt;, What's the Next?</li>
<li data-line="36" class="code-line">styled-componentsがメンテナンスモードになったことで、次のCSSライブラリの選定のためにTailwind, Linaria, vanilla-extractのそれぞれの特徴を比較する内容でした。</li>
</ul>
<span class="embed-block embed-speakerdeck"><iframe src="https://speakerdeck.com/player/da24cc2fe18e4158b665f7e22f20de90" scrolling="no" allowfullscreen allow="encrypted-media" loading="lazy"></iframe></span>
<h3 id="2.-%E3%81%95%E3%81%95%E3%81%B4%E3%82%88%E3%81%95%E3%82%93" data-line="39" class="code-line">
<a class="header-anchor-link" href="#2.-%E3%81%95%E3%81%95%E3%81%B4%E3%82%88%E3%81%95%E3%82%93" aria-hidden="true"></a> 2.　<a href="https://github.com/sasagar" target="_blank" rel="nofollow noopener noreferrer">ささぴよ</a>さん</h3>
<p data-line="40" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/5e4843e5f568-20250421.jpg" loading="lazy" class="md-img"></p>
<ul data-line="41" class="code-line">
<li data-line="41" class="code-line">タイトル: Contribute to Comunities | React Tokyo Meetup #4 LT</li>
<li data-line="42" class="code-line">技術コミュニティへ貢献することの意義や具体的な方法、自身の体験談や、これからReact Tokyoで実践したいアイデアも共有されていました。</li>
<li data-line="43" class="code-line">発表資料</li>
</ul>
<span class="embed-block embed-speakerdeck"><iframe src="https://speakerdeck.com/player/fb703a3c68a84bfcbe954469ba4eb873" scrolling="no" allowfullscreen allow="encrypted-media" loading="lazy"></iframe></span>
<h3 id="3.hirotomo-yamada%E3%81%95%E3%82%93" data-line="47" class="code-line">
<a class="header-anchor-link" href="#3.hirotomo-yamada%E3%81%95%E3%82%93" aria-hidden="true"></a> 3.<a href="https://zenn.dev/hirotomoyamada" target="_blank">Hirotomo Yamada</a>さん</h3>
<p data-line="48" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/983d497aee0e-20250421.jpg" loading="lazy" class="md-img"></p>
<ul data-line="49" class="code-line">
<li data-line="49" class="code-line">タイトル: React ABC Questions</li>
<li data-line="50" class="code-line">依存関係のあるコンポーネントで不要な再レンダリングを防ぐ3つの方法が紹介されていました。後半2つは聞いたことなくて、目から鱗でした。</li>
<li data-line="51" class="code-line">発表資料</li>
</ul>
<span class="embed-block embed-speakerdeck"><iframe src="https://speakerdeck.com/player/18a3fd167dfe44bb84a38e8e28d1b7e9" scrolling="no" allowfullscreen allow="encrypted-media" loading="lazy"></iframe></span>
<h2 id="%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%E3%83%AF%E3%83%BC%E3%82%AF" data-line="55" class="code-line">
<a class="header-anchor-link" href="#%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%E3%83%AF%E3%83%BC%E3%82%AF" aria-hidden="true"></a> グループワーク</h2>
<p data-line="56" class="code-line">参加者がグループに分かれてディスカッションを行う時間も設けられました。<br>
今回のテーマは「CSS、どうしてる？どんなスタイリングライブラリ使ってる？」でした。</p>
<p data-line="59" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/8034be245d94-20250421.jpg" loading="lazy" class="md-img"><br>
<img src="https://storage.googleapis.com/zenn-user-upload/15b7c7f761a5-20250421.jpg" loading="lazy" class="md-img"></p>
<h2 id="%E4%BA%A4%E6%B5%81%E4%BC%9A" data-line="62" class="code-line">
<a class="header-anchor-link" href="#%E4%BA%A4%E6%B5%81%E4%BC%9A" aria-hidden="true"></a> 交流会</h2>
<p data-line="63" class="code-line">メイントーク、LT、グループワークの後は、自由交流の時間です。<br>
飲み物や軽食を片手に、参加者同士で自由に会話を楽しみました。</p>
<p data-line="66" class="code-line">Reactに関する技術的な話題から、キャリア相談、趣味の話まで、様々な会話で盛り上がっていました。登壇者に直接質問する姿も見られ、オンラインでしか話したことのない方と初めて顔を合わせる良い機会となりました。</p>
<p data-line="68" class="code-line">話しているとあっという間に時間が過ぎ、閉会の時間となりました。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/5ae6c84c3025-20250421.jpg" loading="lazy" class="md-img"><br>
<img src="https://storage.googleapis.com/zenn-user-upload/794aa9e277e3-20250421.jpg" loading="lazy" class="md-img"></p>
<h1 id="%E3%81%8A%E3%82%8F%E3%82%8A%E3%81%AB" data-line="72" 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> おわりに</h1>
<p data-line="73" class="code-line">今回は私もスタッフとして、参加しましたが、参加者の皆さんが積極的に交流し、楽しんでいただけたようで、そのようなイベントをサポートできたことをとても嬉しく思います。</p>
<p data-line="75" class="code-line">会場をご提供いただき、素晴らしい環境でイベントを開催できました<a href="https://www.hrbrain.jp/" target="_blank" rel="nofollow noopener noreferrer">株式会社HRBrain</a>様、そして日頃よりコミュニティをご支援いただいているコミュニティスポンサーの<a href="https://kikkakecreation.com/" target="_blank" rel="nofollow noopener noreferrer">株式会社キッカケクリエイション様</a>、<a href="https://www.rebase.co.jp/" target="_blank" rel="nofollow noopener noreferrer">株式会社Rebase様</a>、<a href="https://zenn.dev/p/dress_code" target="_blank">DRESS CODE様</a>、<a href="https://www.kakehashi.life/" target="_blank" rel="nofollow noopener noreferrer">株式会社カケハシ様</a>、誠にありがとうございました。<br>
また、スムーズな運営にご協力いただいた運営メンバーの皆様、そしてご参加いただいた皆様、本当にありがとうございました。</p>
<p data-line="78" class="code-line">React Tokyoでは、今後もオンライン・オフラインでのイベントを企画していきます。<br>
興味を持っていただけた方は、ぜひReact Tokyoの<a href="https://discord.gg/5B9jYpABUy" target="_blank" rel="nofollow noopener noreferrer">Discord</a>にご参加ください！</p>
<p data-line="81" class="code-line">それではまた次回のイベントでお会いしましょう！</p>
<p data-line="83" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__2b5c4968b28b5" src="https://embed.zenn.studio/card#zenn-embedded__2b5c4968b28b5" 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></p>
<p data-line="85" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__71b5f360d91e7" src="https://embed.zenn.studio/card#zenn-embedded__71b5f360d91e7" 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>
<p data-line="87" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/d815497d2f2c-20250421.jpg" loading="lazy" class="md-img"></p>


React Tokyo ミートアップ #4 イベントレポート

Discussion