$30 off During Our Annual Pro Sale. View Details »

FRONTEND CONFERENCE OKINAWA 2023 スポンサーセッション発表スライド/frontend-okinawa

FRONTEND CONFERENCE OKINAWA 2023 スポンサーセッション発表スライド/frontend-okinawa

FRONTEND CONFERENCE OKINAWA 2023 #front_okinawa 日本経済新聞社によるスポンサーセッション発表スライド です。
タイトルは「日経のエンジニア組織とフロントエンド開発」です
https://frontend-conf.okinawa.jp/

https://front-okinawa.connpass.com/event/299738/

More Decks by 日本経済新聞社 エンジニア採用事務局

Other Decks in Technology

Transcript

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

    View Slide

  2. © 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 が好き
    沖縄は小学生ぶり、沖縄でオリオ
    ンビールを飲むのが夢 🍺

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  8. © 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

    View Slide

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

    View Slide

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

    View Slide