<p data-line="0" class="code-line">こんにちは！じょうげんです。</p>
<p data-line="2" class="code-line">2025年10月17日に開催されたReact Tokyo ミートアップ #10。<br>
参加してきましたので、そのレポートをお届けします。</p>
<p data-line="5" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__74945df4c5244" src="https://embed.zenn.studio/card#zenn-embedded__74945df4c5244" data-content="https%3A%2F%2Freact-tokyo.connpass.com%2Fevent%2F369761%2F" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://react-tokyo.connpass.com/event/369761/" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://react-tokyo.connpass.com/event/369761/</a></p>
<h2 id="react-tokyo-%E3%83%9F%E3%83%BC%E3%83%88%E3%82%A2%E3%83%83%E3%83%97%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6" data-line="7" class="code-line">
<a class="header-anchor-link" href="#react-tokyo-%E3%83%9F%E3%83%BC%E3%83%88%E3%82%A2%E3%83%83%E3%83%97%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6" aria-hidden="true"></a> React Tokyo ミートアップについて</h2>
<p data-line="9" class="code-line">React Tokyoコミュニティにご参加いただいている方々の親交を深め、Discord（オンライン）上でも活発な交流ができるような土壌作りを目的としたイベントです。<br>
初心者から経験者まで、職種 &amp; 技術力を問わずに誰でも参加できるのが特徴です!<br>
Reactをこれから学ぶ方、さらにレベルアップしたい方、新しい繋がりを求める方、外部の刺激を受けたい方、ミートアップに初めて参加する方も大歓迎です!<br>
今回は記念すべき第10回の開催で、初の試みとして増枠が行われ、約45名が参加しました。</p>
<p data-line="14" class="code-line"><img src="https://res.cloudinary.com/zenn/image/fetch/s--8ueEetT7--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_1200/https://storage.googleapis.com/zenn-user-upload/deployed-images/7faca2b9669094f080635a78.jpg%3Fsha%3D2e2089b57755e7c1cbc470f0ef1ff9bfcdecaed2" alt="会場の様子" class="md-img" loading="lazy"></p>
<p data-line="16" class="code-line"><img src="https://res.cloudinary.com/zenn/image/fetch/s--VzJogMxR--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_1200/https://storage.googleapis.com/zenn-user-upload/deployed-images/279f6eac8d80b4649f0ed5f8.jpg%3Fsha%3D2c2bcd27c151c963f5a249cc4423502ab2672d43" alt="開会の様子" class="md-img" loading="lazy"></p>
<h2 id="%E3%83%A1%E3%82%A4%E3%83%B3%E3%83%88%E3%83%BC%E3%82%AF%3A-yamada-ui-v2%E3%82%92%E3%83%AA%E3%83%AA%E3%83%BC%E3%82%B9%E3%81%99%E3%82%8B" data-line="18" 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-yamada-ui-v2%E3%82%92%E3%83%AA%E3%83%AA%E3%83%BC%E3%82%B9%E3%81%99%E3%82%8B" aria-hidden="true"></a> メイントーク: Yamada UI v2をリリースする</h2>
<span class="embed-block embed-speakerdeck"><iframe src="https://speakerdeck.com/player/266905c2a81743d7989f1efe07d82720" scrolling="no" allowfullscreen allow="encrypted-media" loading="lazy"></iframe></span>
<p data-line="21" class="code-line"><a href="https://github.com/hirotomoyamada" target="_blank" rel="nofollow noopener noreferrer">Hirotomo Yamadaさん</a></p>
<p data-line="23" class="code-line">メイントークでは、日本発(!!)のコンポーネントライブラリであるYamada UIのV2がリリースされました。<br>
本当にその場でGithub Actionsがキックされ、リリースが進行する中での発表となりました！<br>
Yamada UI v2では、多くの新機能や改善点が導入されており、shadcn/uiのようなコンポーネントをローカルにコピーしてカスタマイズできる機能などが紹介されました。<br>
リリースが途中で失敗するというハプニングもありましたが、ミートアップ中に無事リリースが完了し、拍手が起こりました。</p>
<p data-line="28" class="code-line"><img src="https://res.cloudinary.com/zenn/image/fetch/s--vjQhzMOP--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_1200/https://storage.googleapis.com/zenn-user-upload/deployed-images/c8808ba00372d07b5bbf1a6f.jpg%3Fsha%3D98fd31ff0ff170439c0345e41e881cfeb127195b" alt="メイントークの様子" class="md-img" loading="lazy"></p>
<h2 id="%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%E3%83%AF%E3%83%BC%E3%82%AF%E3%81%AE%E6%A7%98%E5%AD%90" data-line="30" 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%E3%81%AE%E6%A7%98%E5%AD%90" aria-hidden="true"></a> グループワークの様子</h2>
<p data-line="32" class="code-line">今回のディスカッションのテーマはYamada UIにちなみ、「UIの実装どうしてる？ライブラリ使ってる？」。<br>
UIライブラリの選定や実装方針について、参加者同士で意見交換が行われました。<br>
自社以外の事例を知ることができる場は貴重で、私もとても勉強になりました。</p>
<p data-line="36" class="code-line"><img src="https://res.cloudinary.com/zenn/image/fetch/s--Gaqe3lu7--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_1200/https://storage.googleapis.com/zenn-user-upload/deployed-images/3ff86f27c925213a19cac691.jpg%3Fsha%3D7b1760f8ac6d19fcb790992e0f3c98bdd0d942aa" alt="ディスカッションの様子" class="md-img" loading="lazy"></p>
<h2 id="lt" data-line="38" class="code-line">
<a class="header-anchor-link" href="#lt" aria-hidden="true"></a> LT</h2>
<p data-line="40" class="code-line">グループワークの後には、3名の方によるLTが行われました。</p>
<h3 id="yamada-ui%E3%83%89%E3%82%AD%E3%83%A5%E3%83%A1%E3%83%B3%E3%83%88-v2%E7%B4%B9%E4%BB%8B" data-line="42" class="code-line">
<a class="header-anchor-link" href="#yamada-ui%E3%83%89%E3%82%AD%E3%83%A5%E3%83%A1%E3%83%B3%E3%83%88-v2%E7%B4%B9%E4%BB%8B" aria-hidden="true"></a> Yamada UIドキュメント v2紹介</h3>
<span class="embed-block embed-speakerdeck"><iframe src="https://speakerdeck.com/player/abf3f02ef79b448f9ed8a4a44f5299e2" scrolling="no" allowfullscreen allow="encrypted-media" loading="lazy"></iframe></span>
<p data-line="45" class="code-line"><a href="https://zenn.dev/bmth" target="_blank">じょうげんさん</a></p>
<p data-line="47" class="code-line">何を隠そう、私もYamada UIのメンテナーとして活動しており、この機会にYamada UI V2のドキュメントを紹介させていただきました。<br>
Yamada UIはもちろん日本語のドキュメントが用意されており、そのサンプルコードが本当に面白いので、ぜひ一度見てみてください！</p>
<p data-line="50" class="code-line"><img src="https://res.cloudinary.com/zenn/image/fetch/s--mvHnpwKZ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_1200/https://storage.googleapis.com/zenn-user-upload/deployed-images/03aa220a403e17368fb7ca1b.jpg%3Fsha%3D62f589da57b39e6533ed657494a83e9ae841ff69" alt="LT1の様子" class="md-img" loading="lazy"></p>
<p data-line="52" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__6c4e48f25119e" src="https://embed.zenn.studio/card#zenn-embedded__6c4e48f25119e" data-content="https%3A%2F%2Fyamada-ui.com%2Fja" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://yamada-ui.com/ja" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://yamada-ui.com/ja</a></p>
<h3 id="oss%E3%82%B3%E3%83%B3%E3%83%88%E3%83%AA%E3%83%93%E3%83%A5%E3%83%BC%E3%83%88%E3%81%AE%E3%81%99%E3%81%99%E3%82%81" data-line="54" class="code-line">
<a class="header-anchor-link" href="#oss%E3%82%B3%E3%83%B3%E3%83%88%E3%83%AA%E3%83%93%E3%83%A5%E3%83%BC%E3%83%88%E3%81%AE%E3%81%99%E3%81%99%E3%82%81" aria-hidden="true"></a> OSSコントリビュートのすすめ</h3>
<span class="embed-block embed-speakerdeck"><iframe src="https://speakerdeck.com/player/13eadf3d790d4daeb775a25558a413a9" scrolling="no" allowfullscreen allow="encrypted-media" loading="lazy"></iframe></span>
<p data-line="57" class="code-line"><a href="https://x.com/odendayoko" target="_blank" rel="nofollow noopener noreferrer">おでこ。さん</a></p>
<p data-line="59" class="code-line">同じくメンテナーのおでこ。さんは、OSSコントリビュートのすすめについて発表されました。<br>
Yamada UIとの出会い、得られた経験、そしてそれによって広がった世界について熱く語ってくださいました。<br>
私とは違う視点からの話で、共感する部分も多く、会場の方も引き込まれていました。</p>
<p data-line="63" class="code-line"><img src="https://res.cloudinary.com/zenn/image/fetch/s--8aaky_p9--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_1200/https://storage.googleapis.com/zenn-user-upload/deployed-images/b14823f3a74ece4e7f69ebd5.jpg%3Fsha%3D5c7f1d69c4cb693c233cc1d15403addcfe37e9d6" alt="LT2の様子" class="md-img" loading="lazy"></p>
<h3 id="%E3%82%A2%E3%83%A1%E3%83%AA%E3%82%AB%E3%81%AEit%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%81%AE%E5%B0%B1%E8%81%B7%E4%BA%8B%E6%83%85%E3%81%A8react%E3%81%A8%E3%81%AE%E5%87%BA%E4%BC%9A%E3%81%84" data-line="65" class="code-line">
<a class="header-anchor-link" href="#%E3%82%A2%E3%83%A1%E3%83%AA%E3%82%AB%E3%81%AEit%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%81%AE%E5%B0%B1%E8%81%B7%E4%BA%8B%E6%83%85%E3%81%A8react%E3%81%A8%E3%81%AE%E5%87%BA%E4%BC%9A%E3%81%84" aria-hidden="true"></a> アメリカのITエンジニアの就職事情とReactとの出会い</h3>
<p data-line="67" class="code-line"><img src="https://res.cloudinary.com/zenn/image/fetch/s--bmtK8WU2--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_1200/https://storage.googleapis.com/zenn-user-upload/deployed-images/af81f5226093080470e2d361.png%3Fsha%3Df5dce14fec2e5cc129fdebd2dbea4c00f5403cf0" alt="kkoisland (Keiko)さんのスライド" class="md-img" loading="lazy"><br>
<a href="https://github.com/kkoisland" target="_blank" rel="nofollow noopener noreferrer">kkoisland (Keiko)さん</a></p>
<p data-line="70" class="code-line">アメリカでITエンジニアとして働くKeikoさんは、アメリカのITエンジニアの就職事情とReactとの出会いについて発表されました。<br>
アメリカで外国籍の人間がエンジニアとして働くには、限られた枠の抽選に当たる必要があるという厳しい現実があることを知り、驚かされました。</p>
<p data-line="73" class="code-line"><img src="https://res.cloudinary.com/zenn/image/fetch/s---6KigjC_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_1200/https://storage.googleapis.com/zenn-user-upload/deployed-images/4ebd50798a43e47efa15c3d4.jpg%3Fsha%3D81b1bec1d3dab78eaad4653fbd4ac0cae787722e" alt="LT3の様子" class="md-img" loading="lazy"></p>
<h2 id="%E4%BA%A4%E6%B5%81%E4%BC%9A%E3%81%AE%E6%A7%98%E5%AD%90" data-line="75" class="code-line">
<a class="header-anchor-link" href="#%E4%BA%A4%E6%B5%81%E4%BC%9A%E3%81%AE%E6%A7%98%E5%AD%90" aria-hidden="true"></a> 交流会の様子</h2>
<p data-line="77" class="code-line">会場の雰囲気と、参加人数の増加もあってか、交流会では多くの方々が積極的に交流を楽しんでいる様子が見られました。<br>
スタッフの中では、過去一番の盛り上がりだったという声も聞かれました。</p>
<p data-line="80" class="code-line"><img src="https://res.cloudinary.com/zenn/image/fetch/s--X79W6wiD--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_1200/https://storage.googleapis.com/zenn-user-upload/deployed-images/47d3610735ed1148eb780c8c.jpg%3Fsha%3D720a8ee42ab9fd3f5408277b8b60a71eb4a4fc2e" alt="提供された食事" class="md-img" loading="lazy"><br>
<img src="https://res.cloudinary.com/zenn/image/fetch/s--o6yfgvV3--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_1200/https://storage.googleapis.com/zenn-user-upload/deployed-images/51f7c1b9edbaba6a5abfacb4.jpg%3Fsha%3D918566ae4616219acd8e327d7528108e1d4ed39a" alt="交流会の様子" class="md-img" loading="lazy"></p>
<h2 id="%E3%81%8A%E3%82%8F%E3%82%8A%E3%81%AB" data-line="83" 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="85" class="code-line">ここまで閲覧ありがとうございます。</p>
<p data-line="87" class="code-line">React Tokyo は今後もオフライン、オンラインどちらも企画を続けていきます。</p>
<p data-line="89" class="code-line">一緒に盛り上げていきましょう。</p>
<p data-line="91" class="code-line">イベント開催にあたり、会場をご提供いただきました<a href="https://www.arara.com/" target="_blank" rel="nofollow noopener noreferrer">アララ株式会社</a>様、お食事をご提供いただきました<a href="https://giftee.co.jp/" target="_blank" rel="nofollow noopener noreferrer">株式会社ギフティ</a>様、誠にありがとうございました。<br>
<br>
そして日頃よりコミュニティをご支援いただいているコミュニティスポンサーの<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>様<br>
誠にありがとうございました。<br>
</p>
<p data-line="105" class="code-line">そして運営をサポートしてくださったReact Tokyo サポートチームの皆様本当にありがとうございました。</p>
<p data-line="107" class="code-line"><img src="https://res.cloudinary.com/zenn/image/fetch/s--d0xkujjx--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_1200/https://storage.googleapis.com/zenn-user-upload/deployed-images/48381560557581907cf16d91.jpg%3Fsha%3D8d4cbd97d2937d629ebd8300e96b3d19de41c561" alt="集合写真" class="md-img" loading="lazy"></p>
<p data-line="109" class="code-line">それでは、また次回のイベントでお会いしましょう！</p>
<p data-line="111" class="code-line">次回は11月14日に開催予定です！<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__561f129d8a17d" src="https://embed.zenn.studio/card#zenn-embedded__561f129d8a17d" data-content="https%3A%2F%2Freact-tokyo.connpass.com%2Fevent%2F372887%2F" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://react-tokyo.connpass.com/event/372887/" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://react-tokyo.connpass.com/event/372887/</a></p>


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

React Tokyo ミートアップについて

メイントーク: Yamada UI v2をリリースする

アメリカのITエンジニアの就職事情とReactとの出会い

Zenn

react

Discussion