Upgrade to Pro — share decks privately, control downloads, hide ads and more …

リプレイス「後」が大事!Reactフルリプレイスから2年で良かったこと・その後大事なこと / The Important Point After The Framework Replacement

リプレイス「後」が大事!Reactフルリプレイスから2年で良かったこと・その後大事なこと / The Important Point After The Framework Replacement

YuitoSato

July 04, 2023
Tweet

More Decks by YuitoSato

Other Decks in Technology

Transcript

  1. 1
    ©2023 Loglass Inc.
    リプレイス「後」が大事!
    Reactへのリプレイスから2年経って
    良かったこと・その後大事なこと
    2023.07.04 佐藤有斗(Yuiiitoto) 株式会社ログラス

    View full-size slide

  2. 2
    ©2023 Loglass Inc.
    自己紹介
    佐藤有斗(Yuiiitoto)
    ログラス エンジニア
    Kotlinの発信もよくしてます

    View full-size slide

  3. 3
    ©2023 Loglass Inc.
    ログラスについて
    企業価値を向上する

    経営管理クラウド


    View full-size slide

  4. 4
    ©2023 Loglass Inc.
    ログラスについて(5秒)
    企業価値を向上する

    経営管理クラウド


    View full-size slide

  5. 5
    ©2023 Loglass Inc.
    この記事から2年経ちました!

    View full-size slide

  6. 6
    ©2023 Loglass Inc.
    今日は2年経って良かったことと
    「その後大事にしていること」を話します

    View full-size slide

  7. 7
    ©2023 Loglass Inc.
    しかしその前に

    View full-size slide

  8. 8
    ©2023 Loglass Inc.
    全てのOSSに敬意と感謝を。
    技術に絶対的な優劣はなく、任意の
    コンテキストにおいて合う合わないがある
    だけ。
    今回の発表も特定の技術・コミュニティを貶
    める意図は全くありません。

    View full-size slide

  9. 9
    ©2023 Loglass Inc.
    いつもありがとうございます

    View full-size slide

  10. 10
    ©2023 Loglass Inc.
    アジェンダ
    1. そもそも何したの?なぜしたの?
    2. 良かったこと
    3. その後大事なこと

    View full-size slide

  11. 11
    ©2023 Loglass Inc.
    そもそも何したの?なぜしたの?

    View full-size slide

  12. 12
    ©2023 Loglass Inc.
    そもそも何したの?

    View full-size slide

  13. 13
    ©2023 Loglass Inc.
    そもそも何したの?

    View full-size slide

  14. 14
    ©2023 Loglass Inc.
    なぜしたの?

    View full-size slide

  15. 15
    ©2023 Loglass Inc.
    なぜしたの?

    View full-size slide

  16. 16
    ©2023 Loglass Inc.
    リプレイスして良かったこと

    View full-size slide

  17. 17
    ©2023 Loglass Inc.
    DXアワード「エンジニアが選ぶ開発者体験が良いイメージのある企業ランキング 30」受賞

    View full-size slide

  18. 18
    ©2023 Loglass Inc.
    ちなみに今年も受賞してます。わーい

    View full-size slide

  19. 19
    ©2023 Loglass Inc.
    で、採用は?

    View full-size slide

  20. 20
    ©2023 Loglass Inc.
    エンジニアの数 リプレイス後から現在まで
    7 → 21
    ● ※ログラスだとフロントエンド、バックエンドで職業を分けていない
    ● 21人中体感で2/3はフロントエンドを扱える

    View full-size slide

  21. 21
    ©2023 Loglass Inc.
    サイボウズ・フロントエンドエキスパートチームの山﨑さん

    View full-size slide

  22. 22
    ©2023 Loglass Inc.
    React Hook Form コアコントリビュータの菅原さん(副業)

    View full-size slide

  23. 23
    ©2023 Loglass Inc.
    いつもありがとうございます

    View full-size slide

  24. 24
    ©2023 Loglass Inc.
    リプレイス「後」大事にしていること

    View full-size slide

  25. 25
    ©2023 Loglass Inc.
    継続的に改善し続けること

    View full-size slide

  26. 26
    ©2023 Loglass Inc.
    大規模な改善は経営陣が決裁、小規模な改善はチームが決裁する
    ● リプレイスなどの大規模な改善は経営に対しての数値的説明が必要
    ○ で、いくら儲かるの?
    ○ ユーザーは何が嬉しいの?受注率は? MRRは?チャーンレートは?
    ○ どれだけ採用できるの?
    ● 中規模な改善はチームの Q目標で管理
    ○ この四半期でこのバージョンのメジャーバージョンをアップさせる等
    ● 小規模な改善はチームメンバーで簡単に意思決定できる
    ○ このライブラリのマイナーバージョン、サクッとあげちゃうか
    ○ ここ編集する前に1時間リファクタしたほうがいいな

    View full-size slide

  27. 27
    ©2023 Loglass Inc.
    小規模~中規模な改善も積み上げれば
    それは大規模な改善になる

    View full-size slide

  28. 28
    ©2023 Loglass Inc.
    小規模~中規模な改善をしつづけよう

    View full-size slide

  29. 29
    ©2023 Loglass Inc.
    ログラスの小規模な改善
    ● 隔週30分でライブラリをアップデートをする会をしています!

    View full-size slide

  30. 30
    ©2023 Loglass Inc.
    ログラスの小規模な改善
    ● いままで1640回バージョンアップデートしてきました(自動更新含む)

    View full-size slide

  31. 31
    ©2023 Loglass Inc.
    ログラスの中規模な改善
    ● フロントエンドだけでも部隊を作って改善を続けています

    View full-size slide

  32. 32
    ©2023 Loglass Inc.
    ログラスの中規模な改善
    ● SWC 導入(フロントエンド側のコンパイラの変更)

    View full-size slide

  33. 33
    ©2023 Loglass Inc.
    ログラスの中規模な改善
    ● Storybook 7.0 へのアップデート
    ● Component Story Format 3.0 へのアップデート

    View full-size slide

  34. 34
    ©2023 Loglass Inc.
    ログラスの中規模な改善
    ● React 18 へのアップデート(Comming Soon)

    View full-size slide

  35. 35
    ©2023 Loglass Inc.
    説明責任が重いリプレイスを避けるために
    小さく改善し続けよう。
    そんな環境に興味があればぜひログラスへ!

    View full-size slide