<h2 id="%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB" data-line="0" class="code-line">
<a class="header-anchor-link" href="#%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB" aria-hidden="true"></a> はじめに</h2>
<p data-line="1" class="code-line">🎄メリークリスマス！🎄<br>
みなさん、クリスマスプレゼントはもらいましたか？</p>
<p data-line="4" class="code-line">実は…私からもプレゼントがあります！</p>
<p data-line="6" class="code-line">それがこちら！<br>
🎉 React Tokyo公式サイトの公開です！ 🎉<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__8cc3903586d09" src="https://embed.zenn.studio/card#zenn-embedded__8cc3903586d09" 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="10" class="code-line">今回の記事では、React Tokyoというコミュニティの発足から公式サイトリリースまでの軌跡をコミュニティメンバーの一員としてお届けしたいと思います！</p>
<h2 id="react-tokyo%E3%81%A8%E3%81%AF" data-line="12" 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="13" class="code-line">2024年12月5日、<a href="https://zenn.dev/dai_shi" target="_blank">@dai_shi</a>さんと<a href="https://zenn.dev/tell_y" target="_blank">@t6adev</a>さんのもとに誕生したReactコミュニティ。<br>
それが<strong>React Tokyo</strong>です。</p>
<p data-line="16" class="code-line">「分からないを分かち合う、広げようReactの世界。」を掲げ、東京を拠点にオンラインとオフラインの両方で活動しています。</p>
<p data-line="18" class="code-line">初心者から経験者まで、職種や技術レベルを問わず、誰でも気軽に参加できるのが特徴です。<br>
実際に、これからReactを学んでいく方も、デザイナーや学生の方も多く参加しています！</p>
<p data-line="21" class="code-line">オンラインでは、Discord上でReactに関する議論や質問ができたり、気になった記事や動画のシェアが行われています。<br>
オフラインでは、東京を中心に交流イベントを開催予定ですが、オンライン活動が活発なので、東京以外に住んでいる方も気軽に参加可能です！</p>
<p data-line="24" class="code-line">記事を読んだけど、もっと深掘りしたい！<br>
動画を見たけど、わからないところを質問したい！<br>
個人開発もいいけど、誰かと一緒に開発したい！</p>
<p data-line="28" class="code-line">みなさんも、こんな経験はありませんか？<br>
そんなときに気軽に話し合える場が<strong>React Tokyo</strong>です。</p>
<h2 id="%E5%85%AC%E5%BC%8F%E3%82%B5%E3%82%A4%E3%83%88%E3%83%AA%E3%83%AA%E3%83%BC%E3%82%B9" data-line="31" class="code-line">
<a class="header-anchor-link" href="#%E5%85%AC%E5%BC%8F%E3%82%B5%E3%82%A4%E3%83%88%E3%83%AA%E3%83%AA%E3%83%BC%E3%82%B9" aria-hidden="true"></a> 公式サイトリリース</h2>
<p data-line="32" class="code-line">私が参加したのは、React Tokyoが発足してから約1週間後のこと。<br>
ちょうど公式サイトのファーストリリースに向けた準備が始まったタイミングでした。</p>
<p data-line="35" class="code-line">「キャッチコピーはあったほうがいいよね」<br>
「FAQがあるとわかりやすいかも」<br>
「今までの内容をissueにまとめておきますね」</p>
<p data-line="39" class="code-line">初めて集まったメンバー同士とは思えないほど、チームワークは抜群！<br>
たくさんの意見が飛び交い、いろんなアイデアが出てきました。<br>
それぞれができるときにできることをやる姿勢がとても印象的でした！</p>
<p data-line="43" class="code-line">実装が始まってからも、取り組むissueを自主的に選び、メンバー同士でレビューし合うという流れで進行。<br>
その結果、今回のファーストリリースを迎えることができました！</p>
<p data-line="46" class="code-line">スケジュール感</p>
<ul data-line="47" class="code-line">
<li data-line="47" class="code-line">要件決め: 1週間</li>
<li data-line="48" class="code-line">実装: 1週間</li>
</ul>
<p data-line="50" class="code-line">この2週間で、想いを形にするスピード感を味わうことができました！</p>
<p data-line="52" class="code-line">📋 一部ですが、バックログをお見せします！<br>
<img src="https://storage.googleapis.com/zenn-user-upload/9726f08c8186-20241219.png" loading="lazy" class="md-img"></p>
<p data-line="56" class="code-line">そして、みなさんも気になっているであろう使用技術は以下の通りです！</p>
<ul data-line="57" class="code-line">
<li data-line="57" class="code-line"><a href="https://waku.gg/" target="_blank" rel="nofollow noopener noreferrer">Waku</a></li>
<li data-line="58" class="code-line"><a href="https://react.dev/" target="_blank" rel="nofollow noopener noreferrer">React</a></li>
<li data-line="59" class="code-line"><a href="https://tailwindcss.com/" target="_blank" rel="nofollow noopener noreferrer">Tailwind CSS</a></li>
</ul>
<p data-line="61" class="code-line">公式サイトではブログ記事やイベント開催レポートといったコンテンツを充実させていく予定ですので、そちらも楽しみにしていてください！</p>
<h2 id="%E4%BB%8A%E5%BE%8C%E3%81%AE%E5%8F%96%E3%82%8A%E7%B5%84%E3%81%BF" data-line="63" class="code-line">
<a class="header-anchor-link" href="#%E4%BB%8A%E5%BE%8C%E3%81%AE%E5%8F%96%E3%82%8A%E7%B5%84%E3%81%BF" aria-hidden="true"></a> 今後の取り組み</h2>
<p data-line="64" class="code-line">React Tokyoは、オンラインとオフラインの活動をさらに拡大させていきます！</p>
<ul data-line="65" class="code-line">
<li data-line="65" class="code-line">オフライン: イベントを開催して実際に会って話せる機会を作る（来年1月中旬〜下旬で企画中）</li>
<li data-line="66" class="code-line">オンライン: Discord上での議論や活動を活性化させる</li>
</ul>
<p data-line="68" class="code-line">メンバーとしての参加はもちろん、運営メンバーも募集しているので興味ある方はぜひDiscordに参加してください！</p>
<h2 id="%E3%81%8A%E3%82%8F%E3%82%8A%E3%81%AB" data-line="70" 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="71" class="code-line">ここまで読んで、少しでも興味を持ったそこのあなた！<br>
ぜひ、React Tokyoに参加してみませんか？</p>
<p data-line="74" class="code-line">エンジニア以外にも、デザイナー、マーケター、学生、Reactをこれから学びたい初心者まで大歓迎！<br>
積極的に議論したい方も、情報を眺めたいだけの方も、どんな関わり方でも楽しめる場を目指しているので安心して参加できるコミュニティです！</p>
<p data-line="77" class="code-line">一緒にReactの世界を広げましょう！</p>
<h3 id="react-tokyo%E3%81%B8%E3%81%AE%E5%8F%82%E5%8A%A0%E3%81%AF%E3%81%93%E3%81%A1%E3%82%89" data-line="79" class="code-line">
<a class="header-anchor-link" href="#react-tokyo%E3%81%B8%E3%81%AE%E5%8F%82%E5%8A%A0%E3%81%AF%E3%81%93%E3%81%A1%E3%82%89" aria-hidden="true"></a> React Tokyoへの参加はこちら</h3>
<p data-line="80" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__47c1e1907df97" src="https://embed.zenn.studio/card#zenn-embedded__47c1e1907df97" data-content="https%3A%2F%2Fdiscord.gg%2F5B9jYpABUy" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://discord.gg/5B9jYpABUy" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://discord.gg/5B9jYpABUy</a></p>
<h2 id="%E5%90%84%E7%A8%AE%E3%83%AA%E3%83%B3%E3%82%AF" data-line="82" class="code-line">
<a class="header-anchor-link" href="#%E5%90%84%E7%A8%AE%E3%83%AA%E3%83%B3%E3%82%AF" aria-hidden="true"></a> 各種リンク</h2>
<ul data-line="83" class="code-line">
<li data-line="83" class="code-line"><a href="https://react-tokyo.vercel.app/" target="_blank" rel="nofollow noopener noreferrer">公式サイト</a></li>
<li data-line="84" class="code-line"><a href="https://x.com/ReactTokyo" target="_blank" rel="nofollow noopener noreferrer">X</a></li>
<li data-line="85" class="code-line"><a href="https://bsky.app/profile/react-tokyo.bsky.social" target="_blank" rel="nofollow noopener noreferrer">Bluesky</a></li>
<li data-line="86" class="code-line"><a href="https://react-tokyo.connpass.com/" target="_blank" rel="nofollow noopener noreferrer">connpass</a></li>
<li data-line="87" class="code-line"><a href="https://zenn.dev/dai_shi/articles/9f2760086fb31a" target="_blank">React Tokyoというコミュニティを作ろうと思ったワケ</a></li>
<li data-line="88" class="code-line"><a href="https://zenn.dev/tell_y/articles/f013a03370ee27" target="_blank">Re: React Tokyoというコミュニティを作ろうと思ったワケ</a></li>
</ul>


祝・React Tokyo始動〜コニュニティ発足から公式サイトリリースまでの軌跡〜

Discussion