No.21

ケアマネージャー用SNSのリニューアル開発

期間
2021/6/1~2022/2/28 - (9ヶ月)
クライアント
高齢社会向けSaaS提供企業 (東証プライム市場上場)
所属
フリーランス

全般

No
21.0
プロジェクト名
ケアマネージャー用SNSのリニューアル開発
プロジェクト概要
元々、ケアマネジャー用SNSはあったが、アーキテクチャや使用言語など全てを一新するプロジェクト。PdMのもと、ざっくりした要望がかかれたissueから設計をし実装をしていた。 こちらの企業様では、元々別の新規プロダクト開発でお世話になっていたが、少し手が空くタイミングがあったため、こちらのプロダクトも携わらせて頂いた。
クライアント
高齢社会向けSaaS提供企業(東証プライム市場上場)
所属
フリーランス
期間
2021/6/1~2022/2/28(9ヶ月)
チーム人数
4人
担当工程
基本設計 詳細設計 実装 単体テスト 結合テスト 保守・運用

技術スタック

開発手法
アジャイル開発(スクラム)
アーキテクチャ
MVC

FWの特性を活かしつつ、SOLID原則に則った疎結合・高凝集なクラス設計とし、単体テストをしやすくした

Frontend
HTML5/CSS3 JavaScript Nuxt.js Vue.js TypeScript
Backend
Ruby Ruby on Rails
Infra
Docker Docker Compose AWS
Middleware
Nginx PostgreSQL Redis
DevOps
GitHub Actions Sentry
gem
acts_as_favoritor acts_as_votable counter_culture seed-fu enumerize slim-rails rambulance kakasi geocoder shoryuken paper_trail administrate banken aws-sdk-s3 active_decorator rspec
npm
tiny-slider vue nuxt autoprefixer ESlint jest PostCSS sass typescript
Other
Webpack LocalStack

やったこと

機能開発
issueをもとにDB設計から新規開発、改修、テストまでおこなう。
CWV改善
web.devをもとに改善。VueでCSRだったため、placeholderを用意したりなど工夫が必要だった。
Github Actions整備
Circle CIからGithub Actionsへの移行
Cloud Front導入
S3を直接見ていたファイルをCF経由でアクセスする。 localstackで一部機能提供していないものがあったためissueで質問などしていた。
IE11をbrowserslistから除外
core-jsやPolyfill(intersection-observerなど)が複数入っていたため影響範囲調査して対応。
リバプロ廃止
Nginxのconfで設定
Rubyバージョンアップデート
Rubyのバージョンアップデートに伴い、Dockerfileの更新や影響範囲の調査など対応。
旧サイト閉鎖
旧サイトにユーザーがアクセス出来ていたため、閲覧以外の機能を使えなくするよう調査し対応。