<p data-line="0" class="code-line">こんにちは！cordeliaです。</p>
<p data-line="2" class="code-line">2025年1月24日、この日React Tokyo初のオフラインイベント <strong>React Tokyo ミートアップ #1</strong> が開催されました🎉</p>
<p data-line="4" class="code-line">今回はそのイベントレポートをお届けします。</p>
<p data-line="6" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__5ee0517a5c321" src="https://embed.zenn.studio/card#zenn-embedded__5ee0517a5c321" data-content="https%3A%2F%2Freact-tokyo.connpass.com%2Fevent%2F341696%2F" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://react-tokyo.connpass.com/event/341696/" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://react-tokyo.connpass.com/event/341696/</a></p>
<p data-line="8" class="code-line"><br></p>
<h2 id="%E3%81%A9%E3%82%93%E3%81%AA%E3%82%A4%E3%83%99%E3%83%B3%E3%83%88%EF%BC%9F" data-line="10" class="code-line">
<a class="header-anchor-link" href="#%E3%81%A9%E3%82%93%E3%81%AA%E3%82%A4%E3%83%99%E3%83%B3%E3%83%88%EF%BC%9F" aria-hidden="true"></a> どんなイベント？</h2>
<p data-line="11" class="code-line">React Tokyoコミュニティにご参加いただいている方々の親交を深め、Discord（オンライン）上でも活発な交流ができるような土壌作りを目的としたオフラインイベントです。</p>
<p data-line="13" class="code-line">テーマに沿ったお話を各々自由にしていただくグループワークや、参加者同士で会話を楽しむ自由交流がメインです。もちろんLTもありますよ！（LTやってみたい！という方は是非React Tokyoに参加して立候補してください！大歓迎です☺️）</p>
<p data-line="15" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/072721b4ec12-20250129.jpg" loading="lazy" class="md-img"></p>
<p data-line="17" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/ca6487f7ba43-20250129.jpg" loading="lazy" class="md-img"></p>
<p data-line="19" class="code-line"><br></p>
<h2 id="%E7%99%BA%E8%A1%A8%E8%B3%87%E6%96%99" data-line="21" class="code-line">
<a class="header-anchor-link" href="#%E7%99%BA%E8%A1%A8%E8%B3%87%E6%96%99" aria-hidden="true"></a> 発表資料</h2>
<p data-line="22" class="code-line">今回の登壇者と発表資料です。一部資料は公開されていません。会場でしか見られない、イベントならではの楽しみですね！</p>
<h3 id="%E7%A5%9D-react-tokyo%E3%82%B3%E3%83%9F%E3%83%A5%E3%83%8B%E3%83%86%E3%82%A3%E5%A7%8B%E5%8B%95-root.render(%3Creacttokyo-%2F%3E)%3B" data-line="24" class="code-line">
<a class="header-anchor-link" href="#%E7%A5%9D-react-tokyo%E3%82%B3%E3%83%9F%E3%83%A5%E3%83%8B%E3%83%86%E3%82%A3%E5%A7%8B%E5%8B%95-root.render(%3Creacttokyo-%2F%3E)%3B" aria-hidden="true"></a> 祝 React Tokyoコミュニティ始動 root.render(&lt;ReactTokyo /&gt;);</h3>
<p data-line="25" class="code-line"><a href="https://zenn.dev/tell_y" target="_blank">@Teruhisa - T6ADEV</a>さん<br>
<img src="https://storage.googleapis.com/zenn-user-upload/18c29a827b37-20250129.png" loading="lazy" class="md-img"></p>
<p data-line="28" class="code-line"><br></p>
<h3 id="react-server-component-%E3%81%AE%E5%9F%BA%E7%A4%8E%E3%82%92%E6%8E%A2%E3%82%8B" data-line="30" class="code-line">
<a class="header-anchor-link" href="#react-server-component-%E3%81%AE%E5%9F%BA%E7%A4%8E%E3%82%92%E6%8E%A2%E3%82%8B" aria-hidden="true"></a> React Server Component の基礎を探る</h3>
<p data-line="31" class="code-line"><a href="https://zenn.dev/dai_shi" target="_blank">@daishi</a>さん<br>
<img src="https://storage.googleapis.com/zenn-user-upload/5eda2f10bda8-20250129.png" loading="lazy" class="md-img"></p>
<p data-line="35" class="code-line"><br></p>
<h3 id="react19%E6%A9%9F%E8%83%BD-actions" data-line="37" class="code-line">
<a class="header-anchor-link" href="#react19%E6%A9%9F%E8%83%BD-actions" aria-hidden="true"></a> React19機能 Actions</h3>
<p data-line="38" class="code-line"><a href="https://zenn.dev/yusukekikuta" target="_blank">@菊田佑輔</a>さん<br>
<img src="https://storage.googleapis.com/zenn-user-upload/420b716b0a7b-20250129.png" loading="lazy" class="md-img"><br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__c690b22487467" src="https://embed.zenn.studio/card#zenn-embedded__c690b22487467" data-content="https%3A%2F%2Fapp.irusiru.jp%2Fslide%2Fbca6b36f-0991-438b-8baf-55ecbecf2a9e%3Fshare%3Dtrue" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://app.irusiru.jp/slide/bca6b36f-0991-438b-8baf-55ecbecf2a9e?share=true" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://app.irusiru.jp/slide/bca6b36f-0991-438b-8baf-55ecbecf2a9e?share=true</a></p>
<p data-line="42" class="code-line"><br></p>
<h3 id="react%E3%81%AE%E3%83%88%E3%83%A9%E3%83%B3%E3%82%B8%E3%82%B7%E3%83%A7%E3%83%B3%E3%82%92%E8%A6%97%E3%81%84%E3%81%A6%E3%81%BF%E3%82%8B" data-line="44" class="code-line">
<a class="header-anchor-link" href="#react%E3%81%AE%E3%83%88%E3%83%A9%E3%83%B3%E3%82%B8%E3%82%B7%E3%83%A7%E3%83%B3%E3%82%92%E8%A6%97%E3%81%84%E3%81%A6%E3%81%BF%E3%82%8B" aria-hidden="true"></a> Reactのトランジションを覗いてみる</h3>
<p data-line="45" class="code-line"><a href="https://zenn.dev/taisei_13046" target="_blank">@ytaisei（たいせー）</a>さん</p>
<span class="embed-block embed-speakerdeck"><iframe src="https://speakerdeck.com/player/3160da899942441885d6d933bda17b55" scrolling="no" allowfullscreen allow="encrypted-media" loading="lazy"></iframe></span>
<p data-line="48" class="code-line"><br></p>
<h2 id="%E7%99%BA%E8%A1%A8%E3%81%AE%E6%A7%98%E5%AD%90" data-line="50" class="code-line">
<a class="header-anchor-link" href="#%E7%99%BA%E8%A1%A8%E3%81%AE%E6%A7%98%E5%AD%90" aria-hidden="true"></a> 発表の様子</h2>
<p data-line="51" class="code-line">皆様、真剣に耳を傾けています。私もLTしてみたい！（まだやったことありません🤣）</p>
<p data-line="53" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/0ea3f27c2d3c-20250129.jpg" loading="lazy" class="md-img"></p>
<p data-line="55" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/c34f76bce8a6-20250129.jpg" loading="lazy" class="md-img"></p>
<p data-line="57" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/967f1a41a000-20250129.jpg" loading="lazy" class="md-img"></p>
<p data-line="59" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/32dc313298b7-20250129.jpg" loading="lazy" class="md-img"></p>
<p data-line="61" class="code-line"><br></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="63" 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="64" class="code-line">今回は5つのグループに分かれました。そのうちの1つにファシリテーターとして私も参加したんですが、初めてのことで大緊張してしまい一部記憶がございません🤣</p>
<p data-line="66" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/bb464d2578d3-20250129.jpg" loading="lazy" class="md-img"></p>
<p data-line="68" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/e570257239a8-20250129.jpg" loading="lazy" class="md-img"></p>
<p data-line="70" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/6ba3f2359674-20250129.jpg" loading="lazy" class="md-img"></p>
<p data-line="72" class="code-line"><br></p>
<h2 id="%E4%BA%A4%E6%B5%81%E4%BC%9A%E3%81%AE%E6%A7%98%E5%AD%90" data-line="74" 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="75" class="code-line">自由に、楽しく、お喋りに花が咲きました🌼 私も楽しくお話しさせていただきました。</p>
<p data-line="77" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/eeeea0d82ad7-20250129.jpg" loading="lazy" class="md-img"></p>
<p data-line="79" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/7c9047aee5b3-20250129.jpg" loading="lazy" class="md-img"></p>
<p data-line="81" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/08ff1de3ed53-20250130.jpg" loading="lazy" class="md-img"></p>
<p data-line="83" class="code-line"><br></p>
<h2 id="%E7%B5%82%E3%82%8F%E3%82%8A%E3%81%AB" data-line="85" class="code-line">
<a class="header-anchor-link" href="#%E7%B5%82%E3%82%8F%E3%82%8A%E3%81%AB" aria-hidden="true"></a> 終わりに</h2>
<p data-line="86" class="code-line">イベントに参加してくださった皆様、ありがとうございました！時間が押してしまい、一部予定を変更して進行する場面もありましたが最後は笑顔で閉会できてホッとひと安心でした。<br>
今後も、コミュニティ参加者同士の親交を深められるようイベントを開催していきますのでどうぞよろしくお願いいたします☺️</p>
<p data-line="89" class="code-line">イベント開催にあたり、ご支援頂きました<a href="https://www.hrbrain.co.jp/" target="_blank" rel="nofollow noopener noreferrer">株式会社HRBrain</a>様、<a href="https://www.tacoms-inc.com/" target="_blank" rel="nofollow noopener noreferrer">株式会社tacoms</a>様、誠にありがとうございました。そして運営をサポートしてくださった皆様、本当にありがとうございました。</p>
<p data-line="91" class="code-line">React Tokyoでは定期的にイベントを開催いたしますので、興味を持っていただいた方は是非参加してみてください。それではまた🌸</p>
<p data-line="93" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__edced6eb7cf37" src="https://embed.zenn.studio/card#zenn-embedded__edced6eb7cf37" 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="95" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__de5b27ea0aad6" src="https://embed.zenn.studio/card#zenn-embedded__de5b27ea0aad6" 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 Tokyoコミュニティ始動 root.render(<ReactTokyo />);

React Server Component の基礎を探る

Reactのトランジションを覗いてみる

Discussion