# HR系Webサービス開発プロジェクト
## **プロジェクト概要**
### **サービス内容**
企業向け社内コミュニケーションプラットフォーム
従業員同士が褒め合う文化を醸成し、仕事へのエンゲージメント向上を支援するWebサービス
**サービス規模:** 導入企業1,500社、ユーザー数約15万人
### **主要機能**
- **レター機能:** 感謝の気持ちや日頃の想いをメッセージで贈る
- **投稿機能:** お役立ち情報や日報の投稿、投稿者へのレター送信
- **トーク機能:** 一対一・グループチャット
---
## **担当業務と出したバリュー**
### **技術選定と課題解決**
**Next.js導入による戦略的技術選択**
- コーポレートサイト・プロダクトLPの新規開発において、認知・導入に重要なSEO要件を満たすため、既存のAngular(SPA)ではなくNext.jsを選択
- SSR/SSGによる検索エンジン最適化を実現し、マーケティング戦略に技術面で貢献
- 将来性とメンテナンス性を考慮したモダンな技術スタックの導入
**TailwindCSS導入による開発効率化**
- 同一ファイル内でのスタイル記述により開発体験を向上
- CSSファイル内でのスタイル探索時間を削減し、開発速度向上に貢献
**パフォーマンス最適化の実践**
- Ruby on RailsアプリケーションでBullet gemを活用してN+1問題を検出
- 関連テーブルのデータ取得をincludesメソッドで最適化
- NewRelicによる監視でAPI応答速度の改善効果を定量的に確認
**レガシーコードの改善**
- 可読性の低いAPI設計(api1, api2...)を適切な命名規則(createPost等)に改善
- メンテナンス性向上により、チーム開発の効率化に貢献
### **大規模サービスでの機能実装**
**管理機能の開発**
- CSV/Excelファイルによるユーザー一括取り込み機能
- 企業別データ出力機能(Excel/CSV形式)
- 管理者向けSQL実行・保存機能による運用効率化
**メインサービス機能の実装**
- 投稿機能・チャット機能におけるファイル添付機能
- Sidekiqを活用したバックグラウンド処理による高パフォーマンス実現
- サービス内退職レター出力機能
### **国際チームでのコミュニケーション力**
**課題:** 開発チーム大半がベトナムメンバー、日本のビジネスサイドとの橋渡し役
**解決アプローチ:**
- 主要コミュニケーションを英語(Slack)で統一、翻訳ツール活用
- キーパーソンとなるバイリンガルメンバーとの関係構築を重視
- スプリントイベントでの積極的な発言・雑談により、チーム結束力向上
- 日本のビジネス要件の細かいニュアンスを開発チームに適切に伝達
### **社内への技術的貢献**
**知識共有の推進**
- 業務内外で習得した技術知識を社内セミナーで共有
- 属人化防止とチーム全体のスキル向上に貢献
---
## **使用技術・開発環境**
### **インフラ**
- AWS
### **バックエンド**
- Ruby
- Ruby on Rails
- Sidekiq(バックグラウンド処理)
### **フロントエンド**
- TypeScript
- Angular.js
- React
- Next.js
- TailwindCSS
### **開発手法**
- アジャイル開発
- スクラム
---
## **技術的な経験詳細**
### **バックエンド開発**
**API実装経験**
- Ruby on RailsによるREST API設計・実装
- 適切な責務分離によるMaintainable なコード設計
- 外部APIとの連携実装
**データベース設計・最適化**
- 適切な正規化とインデックス設計
- N+1問題の検出・解決によるパフォーマンス改善
- NewRelicを活用した継続的なパフォーマンス監視
### **フロントエンド開発**
**TypeScript開発経験**
- 静的型付けによる型安全性の確保
- コンポーネント間でのprops型定義
- データ整合性向上による品質向上
**フレームワーク・ライブラリ経験**
- **Angular:** メインサービスのフロントエンド開発、フォームグループ作成、非同期処理実装によるUX向上
- **React/Next.js:** コーポレートサイト・ブランドサイト開発、Hooks活用、SSR/SSG実装