BEGIN:VCALENDAR
VERSION:2.0
PRODID:-//connpass.com//Connpass//EN
CALSCALE:GREGORIAN
METHOD:PUBLISH
X-WR-CALDESC:connpass-Muddy Web #7 ~Special Edition~ 【ゲスト: 日本
 経済新聞社】
X-WR-CALNAME:connpass-Muddy Web #7 ~Special Edition~ 【ゲスト: 日本
 経済新聞社】
X-WR-TIMEZONE:UTC
BEGIN:VEVENT
SUMMARY:Muddy Web #7 ~Special Edition~ 【ゲスト: 日本経済新聞社
 】
DTSTART:20231212T103000Z
DTEND:20231212T130000Z
DTSTAMP:20261010T224942Z
CATEGORIES:
CREATED:20231101T021335Z
DESCRIPTION:## イベント概要\n\nMuddy WebはMuddy =\n泥臭いとし
 て、Webフロントエンドの開発現場における話やケース
 スタディなど泥臭さのある話をもとに学びを得ること
 を目的として開催しています。\n\n現場で遭遇した具体
 的な体験を元に実際に明日から使えるかもしれないWeb
 フロントエンド的な技術や知識を参加者の皆さまと共
 有し合うことを通して、フロントエンド開発の糧にな
 れればと思います。\n\n7回目となる今回は、日本経済新
 聞社をゲストに迎えて開催します。\n\n## 日時/場所につ
 いて（ハイブリッド開催します！）\n\n今回の Muddy Web 
 はオンライン・オフライン同時開催いたします！\n\nオ
 フラインでご参加いただく場合は、セッション終了後
 に懇親会を予定しております。セッションでは話しき
 れなかった内容や、気になることなどぜひ一緒に語ら
 いましょう！\n\n  * 開催日：2023年12月12日（火）19:00〜21
 :30   \n※オフライン参加の方はその後、任意で懇親会に
 ご参加いただけます。  \n※懇親会のみの参加はできま
 せん。  \n※勉強会参加を目的とする方のみのご参加を
 お願いいたします。\n\n  * 形式：オフライン/オンライ
 ン   \n※オフライン：渋谷スクランブルスクエア 21階  \
 n※オンライン：YouTube Live\n\n  * 参加費：無料   \n※オフ
 ライン参加の場合、交通費等は自己負担となります。\n
 \n## オフライン参加の申し込みについて\n\n  * 申し込み
 時に必要なアンケートはすべての項目をご回答くださ
 い\n  * アンケートにご回答が無い場合、確認のメール
 をお送りさせていただく場合があります\n  * 社会人の
 方は当日会場でお名刺を頂戴いたしますのでご持参く
 ださい\n  * 学生の方は当日会場で学生証を拝見させて
 いただく場合がございます\n  * 懇親会のみの参加はで
 きません\n\n## 当日の進行について\n\n  * オフラインで
 ご参加いただく場合 別途、入館方法をお送りいたしま
 すので手順に沿ってご来社ください。   \n※当日、会場
 にてお名刺または学生証の提示をいただきます。\n\n  * 
 オンラインでご参加いただく場合 非公開のYouTube Live視
 聴URLをお送りいたします。\n\n## 登壇者・セッション詳
 細\n\n### プライベートクラウドのコンソール画面をNext.j
 sのApp Routerでフルリプレイスした話\n\nCIUでは、プライ
 ベートクラウドのWeb UI開発にNext.jsを用いています。 今
 回はCIUのフロントエンド組織の現状についてお話した
 後\n\n  * なぜNext.jsを使うのか\n  * 古いNext.js製サービス
 をどのようにApp Router化したのか\n\n以上を中心に、CIUの
 フロントエンド組織の今後の技術戦略などについて、Mu
 ddyな内容を織り交ぜながらお話します。\n\n#### 登壇資
 料・アーカイブ\n\n登壇資料  \nアーカイブ（Youtube）\n\n#
 ### Shuta Hirai\n\n2022年新卒。株式会社サイバーエージェン
 ト グループIT推進本部 CIU所属。Meguro.es 主催。\n\n最近
 は卵の特売情報を追うのが趣味。\n\nX：https://twitter.com/d
 id0es  \nGitHub：https://github.com/shuta13\n\n### Node.js v12 が使わ
 れているのはなぁぜなぁぜ？\n\n日経電子版は７年以上
 前からマイクロフロントエンド構成です。そのうちrnikk
 eiと呼ばれている最多の世代がNode.js\nv12で動き続けてい
 ました。EOLを迎えたバージョンを使い続けるのはセキ
 ュリティー的に良くないので、1年以上かけてv20までバ
 ージョンアップを実施しました。\n\nこの発表ではv12->v2
 0にあげるまでのつまづきポイントとその解消法、マイ
 クロフロントエンド構成であったからこその辛さと助
 かったことを紹介し、サービスのメンテナビリティを
 考慮した設計やチーム構成について考えます。\n\n#### 
 登壇資料・アーカイブ\n\nアーカイブ（Youtube）\n\n#### Yut
 a Ide\n\n日本経済新聞社 エンジニア\n\n外食する日は昼を
 抜いている\n\n### 開発から運用まで Muddy に向き合う ABEM
 A における LP CMS 開発\n\nABEMA の番組・キャンペーン・コ
 ンテンツまとめをお伝えするための LP CMS 開発を行いま
 した。  \nSSR など SEO 要件から WebView\nで各ネイティブア
 プリに展開するためのブラウザサポート対応、ネイテ
 ィブアプリのバージョン互換性を考えた実装などさま
 ざまな要件がありました。  \nまた、運用の際には運用
 者からの問い合わせ対応の解決や管理画面でカバーし
 きれなかった部分の運用カバーなどさまざまなサポー
 トが発生します。  \nこれらにいかに Muddy に向き合った
 かをお話します。Muddy な Tips\nのおもしろさだけでなく
 、パフォーマンス最適化、アクセシビリティを意識し
 たキーカラーの色調整など広い範囲の Web\nの事例を伝
 える機会にできればと思っています。\n\n#### 登壇資料
 ・アーカイブ\n\n登壇資料  \nアーカイブ（Youtube）\n\n####
  Ryuichi Sakagami\n\n2020 年度に新卒入社後、株式会社AbemaTV 
 に配属。\n\n各種機能開発、Web におけるサービス内回遊
 を促進するチームのリーダーを経て、「事業成果のた
 めならなんでもやるエンジニア」を標榜して開発中。\n
 \nX: https://twitter.com/RyuichiSakagami  \nGitHub: https://github.com/Sha
 gamii\n\n### Big “heart” of mud\, 10000 lines VCL generated from .vcl.
 handlebars\n\n日経電子版は創刊から10年以上続く Web サー
 ビスです。そんなサービスを開発する中でアプリケー
 ション要件や技術的な情勢の変遷に合わせ技術の刷新\,
 \nリアーキテクトなども行ってきましたが迂闊に手を出
 せない部分というのも存在します. その一例としてサー
 ビスの心臓部である CDN レイヤーがあげられます.\n\n本
 トークでは電子版の CDN レイヤーの Muddy な開発や Muddy 
 が故の脆さ\, そして Muddy\nな心臓部と向き合い少しでも
 地盤を固めていくための Muddy な取り組みについて紹介
 させていただきます.\n\n#### 登壇資料・アーカイブ\n\nア
 ーカイブ（Youtube）\n\n#### Shinobu Hayashi/Shinyaigeek\n\n日本経
 済新聞社 エンジニア\n\n新卒2年目\, ひたすら AST いじっ
 たり VCL 書いたり VRT 撮ったりしている.\n\n## タイムテ
 ーブル\n\n時間 |   \n---|---  \n19:00 | 受付開始 (オフライン
 参加者のみ)  \n19:30 - 19:35 | ご案内・ご注意 / オープニ
 ングトーク  \n19:40 - 20:00 | セッション1・質問・転換  \n2
 0:00 - 20:20 | セッション2・質問・転換  \n20:20 - 20:40 | セ
 ッション3・質問・転換  \n20:40 - 21:00 | セッション4・質
 問・転換  \n21:00 - 21:10 | 各種ご案内  \n21:10 - 22:00 | 懇親
 会 (オフライン参加者のみ)  \n  \n## 注意事項（必ずご確
 認ください）\n\n  * 会場内では、写真や動画撮影が行わ
 れる予定のため会場内のお客さまが映り込む場合があ
 ります。 それらは、弊社媒体やSNSなどで掲載される場
 合がありますので、あらかじめご了承ください。\n\n  * 
 イベントスタッフは、このイベントに関わる全員が気
 持ちよく過ごせるように考えています。参加者の皆さ
 まも、ほかの方を不快にさせるような発言・行動は謹
 んでいただくようご了承のほどお願いいたします。ま
 たそのような行動を目にした方は、connpassの「イベント
 へのお問い合わせ」フォームからお知らせいただくか
 、会場スタッフにお伝えください。\n\n  * 講演の録画お
 よび録音は禁止しております。録画した動画、音声な
 どを無断で公開した場合、著作権の侵害となる恐れが
 あります。\n\n  * ブログやSNS等で当イベントに関する発
 信を行う際は、公序良俗に反する内容のないよう、ご
 協力をお願いします。\n\n  * 悪天候等により、運営事務
 局の判断にてイベントを中止する場合があります。\n\n 
  * 運営の状況によりスケジュール、内容は変更となる
 場合があります。\n\n## Code of Conduct\n\n株式会社サイバー
 エージェントが主催する技術イベントには、以下のCode 
 of\nConductを適用しております。皆様が歓迎され、安心・
 安全なイベントとして楽しい時間を過ごせるよう、Code 
 of\nConductをぜひご一読いただき、ご協力いただけますよ
 う、よろしくお願いいたします。\n\nCA Tech Events - Code of 
 Conduct\n\n## 個人情報のお取り扱いについて\n\n主催：株
 式会社サイバーエージェント\n\n事前・事後アンケート
 、その他、当イベントを通じて取得した個人情報等の
 取扱いはプライバシーポリシーに従って取り扱います
 。\n\nまたイベント受付管理や各種ご案内（サービス・
 イベント・採用等）に利用させていただく場合があり
 ます。 ご同意の上、ご参加ください。\n\n株式会社サイ
 バーエージェント プライバシーポリシー：https://www.cybe
 ragent.co.jp/privacy/\n\n## 免責事項\n\n  * 本カンファレンス
 内において発生した一切の事故や怪我・病気などの責
 任を負いかねますことをあらかじめご了承ください。\n
   * 貴重品の管理は各自でお願いいたします。万一盗難
 ・紛失等の事故が発生しても、主催者は一切責任を負
 えません。\n  * 本カンファレンスから得られた情報に
 より、何らかの損害を負った場合であっても、発表者
 並びに主催者は一切の責任を負いません。予めご了承
 ください。\n\nhttps://cyberagent.connpass.com/event/301089/
LOCATION:〒150-0002 東京都渋谷区渋谷２丁目２４−１２ (渋
 谷スクランブルスクエア)
URL:https://cyberagent.connpass.com/event/301089/
END:VEVENT
END:VCALENDAR