Muddy Web #6 - 泥臭いフロントエンドの現場

イベント概要

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

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

6回目となる今回は、ABEMAでのCloudflare Workersを用いた画像配信の事例や、CADCのLP作成における技術的知見をお届けいたします。

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

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

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

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

• 形式：オフライン/オンライン
  ※オフライン：東京・渋谷のサイバーエージェント本社ビル ※アクセス
  ※オンライン：YouTube Live 　　　　

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

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

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

当日の進行について

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

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

登壇者・セッション詳細

【1】Cloudflare Workers による ABEMA 新画像配信基盤

Hayabusa 後継の画像配信基盤を Cloudflare Workers, Image Resizing を利用して実装した話をします。

上田 菖平

2022年新卒入社。 株式会社AbemaTV Backendサービスグロース 所属、バックエンドエンジニア。

GitHub: https://github.com/peaceiris

【2】CyberAgent Developer Conference(CADC) 2023 LP開発の舞台裏

サイバーエージェントの技術カンファレンス「CyberAgent Developers Conference 2023」（以下、CADC2023）のLPについて、Webにおける3DCGや、リアルタイムな機能の裏側について開発者2人がお話します。 前半は佐々木から、TailwindCSSとSpindleを合わせて構築したデザインシステムについて、後半は平井から、MomentoというServerlessなサービスを用いたチャット機能についてお話します。 最後に、2人が取り組んだ3DCGの実装について、それぞれからお話します。

佐々木 尚

2022年新卒入社。 株式会社サイバーエージェント CL開発グループ 所属、フロントエンドエンジニア。

GitHub: https://github.com/lanberb

平井 柊太

2022年新卒入社。 株式会社サイバーエージェント CIU Development Div 所属、フロントエンドエンジニア。

GitHub: https://github.com/shuta13

【3】独自 Lint ルールで実現する ABEMA / WINTICKET のコード規約自動化

みなさん Linter 導入してますか？ 巷に溢れる Linter ルールは、広く使えるものが多いですが、自分のプロジェクトに合わせてカスタマイズしたいこともありますよね。 ABEMA や WINTICKET では、自分たちのルールを定義して、それを共有することで、開発者の生産性を上げています。 このセッションでは、どのようにして、自分たちのルールを定義して、共有しているのかをお話します。

竹内 実

2021年新卒入社。 株式会社WinTicket、フロントエンドエンジニア。

GitHub: https://github.com/dora1998

宮代 理弘

株式会社 AbemaTV 開発本部所属。2019 年入社の Web フロントエンドデベロッパー。入社から 2022 年まで、主にブラウザ向け ABEMA の開発に従事。2023 年よりコネクテッド TV 向け ABEMA を開発している。『最高の Web 体験を創る』ことをモットーにしている。

CyberAgent DevelopersBlog: https://developers.cyberagent.co.jp/blog/archives/author/3846masa/
GitHub: https://github.com/3846masa

タイムテーブル

※ 時間配分、内容が変更になる可能性がございます。

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

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

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

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

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

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

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

Code of Conduct

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

CA Tech Events - Code of Conduct

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

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

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

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

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