12月だヨ! フロントエンド全員集合!! 開催レポート

どうも、フロントエンドエンジニアのnus3です。

12/1~2 の2日間で「12 月だヨ! フロントエンド全員集合!!」という社内イベントをオフラインで開催したので、本記事では、その様子をお届けします。

「12 月だヨ! フロントエンド全員集合!!」 とは

フロントエンド開発に関わる・興味があるメンバーが集まり、交流を深めることを目的とし、企画、開催しました。

開催時期の問題もあり、体調不良等で参加できなかったメンバーもいましたが、様々なチームから、15 名程度のメンバーが参加してくれました。

アイスブレイク

「12 月だヨ! フロントエンド全員集合!!」では様々なチームのプロダクトエンジニアが参加してくれたので、まずはアイスブレイクを行い、メンバー間の氷を徐々に溶かしてもらいました。

自分以外にも 1 人くらいおるやろ

自分以外に該当者が1人いるテーマを考えるゲームにチャレンジ!

自分以外にも1人おるやろゲームのスライドと、そのスライドを使って説明している様子

ちなみに自分は「サイボウズに入ってから体重が5kg以上増えた」という投稿をしたのですが、該当者が2人いたので、チャレンジ失敗でした。 slack上でサイボウズに入ってから体重が5kg以上増えたと発言し、「わいも」スタンプが2個押された

人間ブラックジャック大会

次に、チーム対抗でプロフィール項目を1つ検討し、それにまつわる数字の合計値を目標値に近づけるゲームにもチャレンジ!

人間ブラックジャックのルールを説明したスライド

次の画像は各チームで合計値が60になるようなプロフィール項目を検討している様子。

各チームで合計値が60になるようなプロフィール項目を検討してる様子

その日限りの即席チームでフロントエンド ハッカソン!

アイスブレイクによって、参加メンバー間の人間関係がホットになったところで、「12 月だヨ! フロントエンド全員集合!!」のメインコンテンツとして、即席チームによるフロントエンドハッカソンを行いました。 なるべく普段とは異なるメンバーで構成されるチームでフロントエンドに関する課題を考え、実際に取り組んでもらいました。

各チームが取り組んだ課題は次の通りです。

  • Vitest Browser Mode のプロダクトへの導入検証
  • 特定チームの Jest→Vitest 移行
  • baseブランチと PR の差分をチェックして、 rebase の必要性を判断して PR にコメントしてくれる GitHub Actions
  • 俺が考えた最強のカレンダーロジックの作成

次の画像は各チームが真剣に課題に取り組んでる様子と

各チームが真剣に課題に取り組んでる様子

取り組んだ内容を発表している様子。

チームごとに成果発表をしている様子

最後に

特に kintone というプロダクトでは、普段はチームごとに独立して開発を進められる体制になっていることもあり、なかなか他チームのメンバーと開発を共にする機会は多くありません。
「12 月だヨ! フロントエンド全員集合!!」のようにチーム横断で、普段とは異なるメンバーと一緒に開発を行うことで、メンバー間で開発に関するノウハウや知見の共有する機会を作ることができました。

なので、たまには社内で、こういったイベントを開催するのも良かったと開催者一同は感じました。