イベント概要

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

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

8回目となる今回は、LINEヤフーをゲストに迎えて開催します。

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

今回の Muddy Web はオンライン・オフライン同時開催いたします！

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

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

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

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

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

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

当日の進行について

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

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

登壇者・セッション詳細

新規開発と並走したリファクタリング戦略

プロダクトが3年ほど前から運用されており、多くの技術的負債が溜まっていました。 しかしフロントエンドエンジニアが少ない時期が長く、これらの負債に手を付けらていませんでした。 最近になりフロントエンドのメンバーが増え、技術的負債に立ち向かいながら開発を進めることができるようになりました。 本セッションでは新規開発と並行で取り組んだコードベースアーキテクチャの変更、技術的負債の解消、チーム開発でのDX向上の活動についてお話します。

登壇資料・アーカイブ

登壇資料
アーカイブ（Youtube）

Kurisaki.Kazuma

株式会社 サイバーエージェント フロントエンドエンジニア
最近はマンゴー味のハイチュウにはまってます。

X：https://twitter.com/KK_sep_TT　
GitHub：https://github.com/kult0922

Yahoo! 知恵袋フロントエンドをリアーキテクトしている話

Yahoo! 知恵袋のフロントエンドには26000行を超えるユニットテスト(1つのcontrollerのユニットテスト)や、多くのロジックを含むcontrollerがあります。これらによって追加実装・保守が難しい状況です。この問題を解決するために、リアーキテクトを行いました。以下について主に話そうと思っています。
・リアーキテクトで取り組んだこと
・リアーキテクトの結果・学び・反省点

登壇資料・アーカイブ

登壇資料
アーカイブ（Youtube）

Koki Tsumura

LINEヤフー株式会社所属2022年新卒。
普段はHHKBを二台並べて開発しています。
初登壇ですので、お手柔らかにお願いします！笑

WINTICKET における8万行の Redux コードの TanStack Query への段階的移行

公営競技のオンライン投票サービス WINTICKET の web アプリケーションでは、リリース以来Redux(+Redux Thunk) による状態管理を行ってきました。しかし、今後の開発速度を高めるためにもデータ取得部分を TanStack Query へと移行することを決定し、約8万行のコードを半年間にわたって段階的に移行してきました。本セッションではその過程で直面したさまざまな課題や解決策、WINTICKET において TanStack Query をどのように活用しているのかについてお話しします。

登壇資料・アーカイブ

登壇資料
アーカイブ（Youtube）

鍛冶 維吹

2022年新卒。株式会社 WinTicket 所属。
入社以来 Web フロントエンドの開発に携わっていたが、2024年4月からサーバーサイドエンジニアへと転向。

筋トレは歯磨き。

X: https://twitter.com/kj4555
GitHub: https://github.com/kj455

デザインコンポーネント vue3マイグレーション体験記

PayPayカードではVue.js/Nuxt.jsを使ったプロダクトが中心です。昨年2023年12月末にvue2.xがEOLを迎えたため、セキュリティの観点からVue3へマイグレーションを行わなければいけません、今回はPayPayカード内で利用しているデザインコンポーネントのマイグレーションを行う中で苦労した点やどう解決したかについてお話ししようと思っています。

登壇資料・アーカイブ

登壇資料
アーカイブ（Youtube）

Yusuke Tamemoto

2022年度にWebデザイナーとしてヤフー株式会社(現LINEヤフー株式会社)に新卒入社。
現在は出向先のPayPayカード株式会社でフロントエンド開発に従事。

タイムテーブル

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

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

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

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

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

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

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

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

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

Code of Conduct

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

CA Tech Events - Code of Conduct

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

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

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

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

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

免責事項

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