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

リプレイス「後」が大事！Reactフルリプレイスから2年で良かったこと・その後大事なこ...

Avatar for YuitoSato YuitoSato
July 04, 2023
Technology
3
1k

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

Avatar for YuitoSato

YuitoSato

July 04, 2023
Tweet

More Decks by YuitoSato

See All by YuitoSato
大AI時代で輝くために今こそドメインにディープダイブしよう / Deep Dive into Domain in AI-Agent-Era
Avatar for YuitoSato yuitosato
1
560
50人の組織でAIエージェントを使う文化を作るためには / How to Create a Culture of Using AI Agents in a 50-Person Organization
Avatar for YuitoSato yuitosato
6
4.1k
Railway Oriented Programming を オニオンアーキテクチャに適用する by kotlin-result / Railway Oriented Programming in Onion Architecture by kotlin-result
Avatar for YuitoSato yuitosato
3
890
リファクタリングへの耐性が高いモデルベースの統合テストの紹介 / Model-Base Integration Test for Refactoring
Avatar for YuitoSato yuitosato
7
2.8k
Expressing Business Logic with Types: Functional DDD for OOP
Avatar for YuitoSato yuitosato
1
110
ビジネスロジックを「型」で表現するOOPのための関数型DDD / Functional And Type-Safe DDD for OOP
Avatar for YuitoSato yuitosato
42
28k
Java21とKotlinの代数的データ型 & パターンマッチの紹介と本当に嬉しい使い方 / Algebraic Data Type in Java and Kotlin: Happy Use of Pattern Match
Avatar for YuitoSato yuitosato
14
4.9k
ログラスの継続的ライブラリアップデートのWhyとHow / Why and How to Update Libraries Continuously in Loglass
Avatar for YuitoSato yuitosato
0
430
B2B SaaSあるある！ 一括処理のエラーハンドリングをKotlinで関数型的に処理する / Kotlin Functional Multi Error Handling
Avatar for YuitoSato yuitosato
2
640

Other Decks in Technology

See All in Technology
LLMの開発と社会実装の今と未来 / AI Builders' Community (ABC) vol.2
Avatar for Preferred Networks pfn
PRO
2
190
マーケットプレイス版Oracle WebCenter Content For OCI
Avatar for oracle4engineer oracle4engineer
PRO
3
710
計装を見直してアプリケーションパフォーマンスを改善させた話
Avatar for Kazuki Obata donkomura
2
170
Kaigi Effect 2025 #rubykaigi2025_after
Avatar for sue445 sue445
0
170
ソフトウェアテスト 最初の一歩 〜テスト設計技法をワークで体験しながら学ぶ〜 #JaSSTTokyo / SoftwareTestingFirstStep
Avatar for nihonbuson nihonbuson
PRO
2
200
地に足の付いた現実的な技術選定から魔力のある体験を得る『AIレシート読み取り機能』のケーススタディ / From Grounded Tech Choices to Magical UX: A Case Study of AI Receipt Scanning
Avatar for moznion moznion
5
1.9k
とあるEdTechベンチャーのシステム構成こだわりN選 / edtech-system
Avatar for k.goto gotok365
5
360
TanStack Start 技術選定の裏側 / Findy-Lunch-LT-TanStack-Start
Avatar for Takahiro Ikeuchi iktakahiro
1
170
ホワイトボックス& SONiC アーキテクチャ（全体像） - SONiC Workshop Japan 2025
Avatar for ebiken ebiken
PRO
1
250
AOAI で AI アプリを開発する時にまず考えたいこと
Avatar for Yuji Masaoka | まっぴぃ mappie_kochi
1
770
Part1 GitHubってなんだろう？その２
Avatar for tomokusaba tomokusaba
2
820
名単体テスト 禁断の傀儡（モック）
Avatar for iwamot iwamot
PRO
1
310

Featured

See All Featured
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
23
1.6k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
179
53k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
223
9.6k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.3k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
48
5.4k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
41
2.6k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
121
52k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.2k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
48
50k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
13
850
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
233
140k

Transcript

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

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

  3. 3 ©2023 Loglass Inc. ログラスについて 企業価値を向上する
 経営管理クラウド


  4. 4 ©2023 Loglass Inc. ログラスについて（5秒） 企業価値を向上する
 経営管理クラウド


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

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

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

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

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

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

    その後大事なこと

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

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

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

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

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

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

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

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

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

  20. 20 ©2023 Loglass Inc. エンジニアの数 リプレイス後から現在まで 7 → 21 •

    ※ログラスだとフロントエンド、バックエンドで職業を分けていない • 21人中体感で2/3はフロントエンドを扱える

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

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

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

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

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

  26. 26 ©2023 Loglass Inc. 大規模な改善は経営陣が決裁、小規模な改善はチームが決裁する • リプレイスなどの大規模な改善は経営に対しての数値的説明が必要 ◦ で、いくら儲かるの？ ◦

    ユーザーは何が嬉しいの？受注率は？ MRRは？チャーンレートは？ ◦ どれだけ採用できるの？ • 中規模な改善はチームの Q目標で管理 ◦ この四半期でこのバージョンのメジャーバージョンをアップさせる等 • 小規模な改善はチームメンバーで簡単に意思決定できる ◦ このライブラリのマイナーバージョン、サクッとあげちゃうか ◦ ここ編集する前に1時間リファクタしたほうがいいな

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

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

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

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

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

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

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

    Component Story Format 3.0 へのアップデート

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

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

  36. 36