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

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

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

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

Avatar for YuitoSato

YuitoSato

July 04, 2023

More Decks by YuitoSato

See All by YuitoSato
「規約、知識、オペレーション」から考える中規模以上の開発組織のCursorルールの 考え方・育て方 / Cursor Rules for Coding Styles, Domain Knowledges and Operations
Avatar for YuitoSato yuitosato
9
10k
大AI時代で輝くために今こそドメインにディープダイブしよう / Deep Dive into Domain in AI-Agent-Era
Avatar for YuitoSato yuitosato
2
5.4k
50人の組織でAIエージェントを使う文化を作るためには / How to Create a Culture of Using AI Agents in a 50-Person Organization
Avatar for YuitoSato yuitosato
6
9.8k
Railway Oriented Programming を オニオンアーキテクチャに適用する by kotlin-result / Railway Oriented Programming in Onion Architecture by kotlin-result
Avatar for YuitoSato yuitosato
5
1.7k
リファクタリングへの耐性が高いモデルベースの統合テストの紹介 / Model-Base Integration Test for Refactoring
Avatar for YuitoSato yuitosato
7
4k
Expressing Business Logic with Types: Functional DDD for OOP
Avatar for YuitoSato yuitosato
1
230
ビジネスロジックを「型」で表現するOOPのための関数型DDD / Functional And Type-Safe DDD for OOP
Avatar for YuitoSato yuitosato
44
32k
Java21とKotlinの代数的データ型 & パターンマッチの紹介と本当に嬉しい使い方 / Algebraic Data Type in Java and Kotlin: Happy Use of Pattern Match
Avatar for YuitoSato yuitosato
14
5.9k
ログラスの継続的ライブラリアップデートのWhyとHow / Why and How to Update Libraries Continuously in Loglass
Avatar for YuitoSato yuitosato
0
580

Other Decks in Technology

See All in Technology
[ChatGPT Work LT]事務作業が苦手な人のための バックオフィスの「半」自動化
Avatar for chimaki chimaki_iot
0
250
Breaking the Seal: Static Deobfuscation of Compiled V8 JavaScript Bytecode Malware
Avatar for hasherezade hshrzd
0
650
20分でわかるセキュアAPI
Avatar for nwiizo nwiizo
1
190
制約理論（ToC）入門　2026版
Avatar for Recruit recruitengineers
PRO
6
2k
クラウドセキュリティ入門　～安全なクラウド利用のための基礎知識～
Avatar for LHazy lhazy
11
8.4k
AIエージェントを前提としたプラットフォーム エンジニアリング：GKEで作るAgent-Ready Golden Path
Avatar for LegalOn Technologies, Inc legalontechnologies
PRO
2
220
トヨタ⽣産⽅式(TPS)⼊⾨
Avatar for Recruit recruitengineers
PRO
2
640
第3回しろおびセキュリティスポンサーセッション
Avatar for ogiogi log0417
0
160
ガバメントクラウドでのランサムウェア対策
Avatar for 高橋広和 techniczna
2
1k
SmartHR Engineering Team Deck
Avatar for SmartHR Recruit smarthr
1
1.1k
修正PRを食べてレビュースキルが賢くなる：Claude Codeによる自己改善サイクル
Avatar for um(うめ) yuyaumetsu
5
1.4k
名古屋の市バスGTFS-JPデータ×スガキヤ 最寄りバス停検索をAmazon ElastiCache Serverless for Valkeyで最適化する
Avatar for usanchuu usanchuu
1
500

Featured

See All Featured
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
270
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
Avatar for Helen Beal helenjbeal
1
260
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
Done Done
Avatar for chrislema chrislema
186
16k
Ethics towards AI in product and experience design
Avatar for Skipper Chong Warson skipperchong
2
340
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
55
12k
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
930
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
400
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
620
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
20k
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
Lightning talk: Run Django tests with GitHub Actions
Avatar for Sarah Abderemane sabderemane
0
230

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