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

READYFORのフロントエンドを2019年末から全体像を構想してどうしていくか検討した話

ken_o
February 05, 2021
2.2k

 READYFORのフロントエンドを2019年末から全体像を構想してどうしていくか検討した話

ken_o

February 05, 2021
Tweet

Transcript

  1. 1

  2. 9 近い将来におこること
 
 - トラフィックの増加
 - 開発人数の増加
 - 技術的負債による問題
 -

    プロダクトの新規開発
 
 
 
 
 組織状況
 2018年の資金調達を機に、ビジネスを一気にスケールしていくフェーズに
 #readyfor_meetup

  3. 10 職能
 2019年8月
 2021年2月(現在)
 フロントエンド
 3名
 8名
 バックエンド
 3名
 10名


    SRE
 1名
 2名
 合計
 7名
 20名
 組織状況
 #readyfor_meetup

  4. 11 GitHub PR運用開始
 誕生
 react-rails 導入
 UIリニューアル
 erbからslimへ移行
 2011 2012

    2013 2014 2015 2016 2017 2018 2019 2020 デザインシステムの導入
 リブランディング
 UIリニューアル
 UI Library集の構築
 react on rails 導入
 CTO 町野 Join
 それまでのREADYFOR

  5. 12 
 
 READYFOR
 (Rails)
 
 
 RF Admin
 オペレーター向け


    EC2
 実行者
 View
 支援者
 View
 当時のアーキテクチャ
 UIライブラリ
 #readyfor_meetup

  6. 15 フロントエンドの課題
 特に React on Rails を利用を続けることに課題があった。
 
 - ExecJS

    では require が出来ない。
 require は CommonJS の API となりサポートされていない
 一部の Node.js を利用したライブラリが PreRender 時に利用出来なかった
 
 - 技術的な課題への対応コストが発生していた
 
 
 ノウハウを貯めていくよりもリスクをなくしたい
 #readyfor_meetup

  7. 18 
 
 READYFOR
 (Rails)
 
 
 RF Admin
 オペレーター向け


    EC2
 UIライブラリ
 実行者
 View
 支援者
 View
 当時のアーキテクチャ
 #readyfor_meetup

  8. 19 
 
 READYFOR
 (Rails)
 
 
 RF Admin
 オペレーター向け


    EC2
 API
 実行者
 View
 支援
 View
 APIを作り、コアドメインを分離
 UIライブラリ
 #readyfor_meetup

  9. 20 
 
 READYFOR
 (Rails)
 
 
 RF Admin
 オペレーター向け


    EC2
 API
 実行者
 View
 支援
 View
 APIを作り、コアドメインを分離
 UIライブラリ
 #readyfor_meetup

  10. 25 
 
 READYFOR
 (Rails)
 
 
 RF Admin
 オペレーター向け


    EC2
 UIライブラリ
 支援者
 View
 #readyfor_meetup
 分割方法の例

  11. 27 
 
 READYFOR
 (Rails)
 
 
 RF Admin
 オペレーター向け


    EC2
 UIライブラリ
 支援者
 View
 #readyfor_meetup
 分割方法の例

  12. 28 
 
 READYFOR
 (Rails)
 
 
 RF Admin
 オペレーター向け


    EC2
 UIライブラリ
 支援者
 View
 #readyfor_meetup
 分割方法の例

  13. 33