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

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

YuitoSato
July 04, 2023
Technology
3
960

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

YuitoSato

July 04, 2023
Tweet

More Decks by YuitoSato

See All by YuitoSato
Railway Oriented Programming を オニオンアーキテクチャに適用する by kotlin-result / Railway Oriented Programming in Onion Architecture by kotlin-result
yuitosato
3
480
リファクタリングへの耐性が高いモデルベースの統合テストの紹介 / Model-Base Integration Test for Refactoring
yuitosato
6
2.1k
Expressing Business Logic with Types: Functional DDD for OOP
yuitosato
1
72
ビジネスロジックを「型」で表現するOOPのための関数型DDD / Functional And Type-Safe DDD for OOP
yuitosato
41
25k
Java21とKotlinの代数的データ型 & パターンマッチの紹介と本当に嬉しい使い方 / Algebraic Data Type in Java and Kotlin: Happy Use of Pattern Match
yuitosato
14
4.3k
ログラスの継続的ライブラリアップデートのWhyとHow / Why and How to Update Libraries Continuously in Loglass
yuitosato
0
340
B2B SaaSあるある！ 一括処理のエラーハンドリングをKotlinで関数型的に処理する / Kotlin Functional Multi Error Handling
yuitosato
2
450
Kotlinサーバサイドで頑張る「単体テストの考え方_使い方」 / "Unit Testing Principles, Practices, and Patterns" by Kotlin
yuitosato
3
900
型だけでバグを減らそう！ Kotlinの型パワーを使った実践タイプセーフエンジニアリング
yuitosato
2
1.4k

Other Decks in Technology

See All in Technology
バクラクのドキュメント解析技術と実データにおける課題 / layerx-ccc-winter-2024
shimacos
2
1.1k
プロダクト開発を加速させるためのQA文化の築き方 / How to build QA culture to accelerate product development
mii3king
1
260
Amazon SageMaker Unified Studio（Preview）、Lakehouse と Amazon S3 Tables
ishikawa_satoru
0
150
継続的にアウトカムを生み出し ビジネスにつなげる、 戦略と運営に対するタイミーのQUEST(探求)
zigorou
0
550
LINEスキマニにおけるフロントエンド開発
lycorptech_jp
PRO
0
330
alecthomas/kong はいいぞ / kamakura.go#7
fujiwara3
1
300
複雑性の高いオブジェクト編集に向き合う: プラガブルなReactフォーム設計
righttouch
PRO
0
110
Google Cloud で始める Cloud Run 〜AWSとの比較と実例デモで解説〜
risatube
PRO
0
100
新機能VPCリソースエンドポイント機能検証から得られた考察
duelist2020jp
0
220
LINE Developersプロダクト(LIFF/LINE Login)におけるフロントエンド開発
lycorptech_jp
PRO
0
120
Snykで始めるセキュリティ担当者とSREと開発者が楽になる脆弱性対応 / Getting started with Snyk Vulnerability Response
yamaguchitk333
2
180
第3回Snowflake女子会_LT登壇資料（合成データ）_Taro_CCCMK
tarotaro0129
0
190

Featured

See All Featured
4 Signs Your Business is Dying
shpigford
181
21k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Into the Great Unknown - MozCon
thekraken
33
1.5k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
Speed Design
sergeychernyshev
25
670
The World Runs on Bad Software
bkeepers
PRO
65
11k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
111
49k
Designing Experiences People Love
moore
138
23k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
665
120k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
How to train your dragon (web standard)
notwaldorf
88
5.7k
Keith and Marios Guide to Fast Websites
keithpitt
410
22k

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