Muddy Web #11 ~Special Edition~ 【ゲスト: Cybozu】

イベント概要

Muddy WebはMuddy = 泥臭いとして、Webフロントエンドの開発現場における話やケーススタディなど泥臭さのある話から、学びを得ることを目的として開催しています。

現場で遭遇した具体的な体験を元に、実際に明日から使えるかもしれないWebフロントエンドの技術や知識を、参加者の皆さまと共有し合うことを通して、フロントエンド開発の糧になれればと思います。

日時/場所について（ハイブリッド開催します！）

オンライン・オフライン同時開催になります。

オフラインでご参加いただく場合は、セッション終了後に懇親会を予定しております。セッションでは話しきれなかった内容や、気になることなどぜひ一緒に語らいましょう！

• 開催日：2025年03月21日（金）19:00〜22:00
  ※オフライン参加の方はその後、任意で懇親会にご参加いただけます。
  ※懇親会のみの参加はできません。
  ※勉強会参加を目的とする方のみのご参加をお願いいたします。

• 形式：オフライン/オンライン
  ※オフライン：渋谷スクランブルスクエア 21階
  ※オンライン：YouTube Live 　　　　

• 参加費：無料
  ※オフライン参加の場合、交通費等は自己負担となります。

オフライン参加の申し込みについて

• 申し込み時に必要なアンケートはすべての項目をご回答ください
• アンケートにご回答が無い場合、確認のメールをお送りさせていただく場合があります
• 社会人の方は当日会場でお名刺を頂戴いたしますのでご持参ください
• 学生の方は当日会場で学生証を拝見させていただく場合がございます
• 懇親会のみの参加はできません

当日の進行について

• オフラインでご参加いただく場合 別途、入館方法をお送りいたしますので手順に沿ってご来社ください。
  ※当日、会場にてお名刺または学生証の提示をいただきます。

• オンラインでご参加いただく場合 YouTube Live視聴URLをお送りいたします。

登壇者・セッション詳細

爆速スッキリ！Rspack移行の成果と道のり

WINTICKET Webでは、バンドラをWebpackからRspackへ、トランスパイラをBabelからSWCへ完全移行を行いました。これにより、本番ビルドが80%高速化した他、大量のBabelプラグイン・設定を削除できたといった恩恵が得られました。

サービスインから6年弱が経過した歴史あるIsomorphic Web Applicationを移行する上で苦労した、Babelプラグインの精査や予期せぬデグレなど泥臭い話を紹介します。

竹内 実 (どら)

2021年新卒入社。WINTICKETのフロントエンドエンジニア。最近Model Context Protocolが自分の中でアツいです。

• X: https://x.com/d0ra1998

ノーコードツール「kintone」のリストビュー画面UX改善の振り返り

ノーコードツール「kintone」のリストビュー画面（通称アプリ一覧画面）の、見た目観点でのUX改善に取り組む中で直面した細々な課題を振り返りながら、そのプロセスで得た学びを共有する、気軽にお聞きいただける内容です。

プロテインもち

サイボウズ株式会社 開発本部 フロントエンドエンジニア（kintoneプラットフォーム）所属。 2023年4月サイボウズに新卒入社後kintoneのフロントエンド刷新に従事。 2024年12月kintone新機能開発のフロントエンド領域に従事。 健康管理好きで、プロテインは飲まない派。

• X: https://x.com/protein_mochi
• GitHub: https://github.com/SPlCYWOLF

ReactFlow への移行で実現するユーザー体験と開発体験の向上

吉田純基

2024 年 2 月に株式会社サイバーエージェントに入社。株式会社 AI Shift に所属し、ソフトウェアエンジニアとして開発に従事。

• X: https://x.com/__yoshi_dev

ノーコードツールの裏側につきまとう「20分岐」との戦い

ノーコードツール「kintone」の主機能であるフォーム機能（アプリ機能）の裏側では、フォームに配置したパーツの種類に応じた20〜30の条件分岐があらゆる場面でつきまといます。この発表では、kintoneのフロントエンドに根を張った大量の条件分岐の実態と、それに対して私たちがどう向き合っているかを紹介します。

おぐえもん

サイボウズ株式会社 開発本部 フロントエンドエンジニア（kintoneプラットフォーム） 2022年にサイボウズに入社し、kintoneのフロントエンド刷新に従事。 2024年からkintoneの主要機能の1つである「アプリ」機能のUI刷新をリード。 個人サイト「おぐえもん.com」で税金計算のWebサービスや雑学記事などを公開しています！

• X: https://x.com/oguemon_com
• GitHub: https://github.com/oguemon

※タイトル・内容は変更になる可能性があります

タイムテーブル

注意事項（必ずご確認ください）

• 会場内では、写真や動画撮影が行われる予定のため会場内のお客さまが映り込む場合があります。 それらは、弊社媒体やSNSなどで掲載される場合がありますので、あらかじめご了承ください。

• イベントスタッフは、このイベントに関わる全員が気持ちよく過ごせるように考えています。参加者の皆さまも、ほかの方を不快にさせるような発言・行動は謹んでいただくようご了承のほどお願いいたします。またそのような行動を目にした方は、connpassの「イベントへのお問い合わせ」フォームからお知らせいただくか、会場スタッフにお伝えください。

• 講演の録画および録音は禁止しております。録画した動画、音声などを無断で公開した場合、著作権の侵害となる恐れがあります。

• ブログやSNS等で当イベントに関する発信を行う際は、公序良俗に反する内容のないよう、ご協力をお願いします。

• 悪天候等により、運営事務局の判断にてイベントを中止する場合があります。

• 運営の状況によりスケジュール、内容は変更となる場合があります。

• 当勉強会はセッション内容に興味のある方の参加をお願いしております。飲食のみ、勧誘、営業などを目的とした参加はご遠慮ください。なお、運営者が該当すると判断した方が見受けられた場合は、お帰りいただく場合がございますのでご了承ください。

• 参加目的が不適切だと判断される場合には、運営側で参加をキャンセルさせていただく場合がございます。

Code of Conduct

株式会社サイバーエージェントが主催する技術イベントには、以下のCode of Conductを適用しております。皆様が歓迎され、安心・安全なイベントとして楽しい時間を過ごせるよう、Code of Conductをぜひご一読いただき、ご協力いただけますよう、よろしくお願いいたします。

CA Tech Events - Code of Conduct

個人情報のお取り扱いについて

主催：株式会社サイバーエージェント

事前・事後アンケート、その他、当イベントを通じて取得した個人情報等の取扱いはプライバシーポリシーに従って取り扱います。

またイベント受付管理や各種ご案内（サービス・イベント・採用等）に利用させていただく場合があります。 ご同意の上、ご参加ください。

株式会社サイバーエージェント プライバシーポリシー：https://www.cyberagent.co.jp/privacy/

免責事項

• 本カンファレンス内において発生した一切の事故や怪我・病気などの責任を負いかねますことをあらかじめご了承ください。
• 貴重品の管理は各自でお願いいたします。万一盗難・紛失等の事故が発生しても、主催者は一切責任を負えません。
• 本カンファレンスから得られた情報により、何らかの損害を負った場合であっても、発表者並びに主催者は一切の責任を負いません。予めご了承ください。