© Nikkei Inc. Better insights for a better world 日経のエンジニア組織と フロントエンド開発 @FRONTEND CONFERENCE OKINAWA 2023 2023-11-18

© Nikkei Inc. Better insights for a better world 自己紹介 araya / Ryoma Abe Shinyaigeek / Shinobu Hayashi 16:55「Now and Next generation of CSS Cascading Model」 17:25「 Web フロントエンドにおける副作用との向き合い方」 猫 Web標準が好き 沖縄来るの2回目 好きな店はととらべべ🍔 と安里屋すば🍜 猿 Frontend Tooling や HTTP が好き 沖縄は小学生ぶり、沖縄でオリオ ンビールを飲むのが夢 🍺

© Nikkei Inc. Better insights for a better world 日経電子版 = 日本経済新聞の電子版 1876年(明治9年) 創刊 （当時は中外物価新報） 2010年(平成22年) 創刊

© Nikkei Inc. Better insights for a better world 新聞社・・・JTC・・・?

© Nikkei Inc. Better insights for a better world 80名以上のエンジニア https://hack.nikkei.com/team/

© Nikkei Inc. Better insights for a better world デジタル系の事業部は意外とベンチャーっぽい文化 自由なcustom emoji文化 ● GitHub ● Slack ● Google Workspace ● Notion ● (全社的には MS O365) ● 最新ハイスペックMBP 貸与 ● テックブログ(hack.nikkei.com) ● イベント主催(Nikkei Tech Talk) ● 社内テックカンファ

© Nikkei Inc. Better insights for a better world Webフロントエンド - www.nikkei.com

© Nikkei Inc. Better insights for a better world フロントエンドチームの採用(運用)技術 Handlebars Express Fastify React Sass Linaria Webpack SWC React Fastly VCL Next.js Next.js Next.js Sass eslint prettier Fastly Compute rollup Server Browser CDN Dev tools Log/Monitoring Language Sentry JavaScript TypeScript Go Rust StatusCake PagerDuty SpeedCurve Imgix

© Nikkei Inc. Better insights for a better world With / Without FW それぞれ単一のサービス Next.jsを採用 初期開発・メンテナンスする人員が少なく、極力ビル ドチェインなどをメンテナンスしなくても良い方針に ほぼページの種別ごとにサービスがことなるマイクロ サービス構成 10+人で開発・運用 最新基盤はFastify + React + Linaria をベースとした 独自のFWとAPI群 必要なタイミングで選定技術を差し替えられるように

© Nikkei Inc. Better insights for a better world 品質にこだわるあなたへ 私達は技術を適するところに用いて、すべての人が情報にアクセス可能な 最高品質なメディアを目指して開発をしています プロダクトの品質向上により事業をさらに伸ばしていくことに興味のある エンジニアを募集中です https://hack.nikkei.com