# プロジェクトの詳細
## ジャンル
HR系
## 内容
主に企業向けのWebサービス
褒め合う文化を醸成する社内SNS
従業員同士が褒め合うことで、仕事へのエンゲージメントを高めるサービス
## 主な機能
- レター機能
感謝の気持ちや日頃の想いなどをメッセージで贈れる機能
- 投稿機能
お役立ち情報や、日報などが投稿できる
投稿したユーザーに対してレターが贈れる
- トーク機能
一対一やグループでのチャットができる
## 出したバリュー
- 新技術の調査から実装
- Next.js
- 既存のSPAではカバーできなかったSEOの問題（SEO）をSSRによって解決
- 頻繁にOSSが更新されており、将来性も考慮した際に適していると考えた
- TailwindCSS
- 同一ファイル内へのスタイル記述による、開発体験の向上
- これにより、スタイルの該当箇所をCSSファイル内で探さなくても良くなった
- 社内セミナーの実施・社内ナレッジの共有
業務や業務外で学んだことを共有したことで、知識の属人化を防いだ
- ビジネスサイドのメンバーとの折衝・実装
日本人エンジニアが自身一人のため、日本のビジネスサイドメンバーの要望に対応した
具体的には、営業データの可視化、業務効率改善
- 海外メンバーとのコミュニケーション
- 開発メンバーの大半がベトナム人だったが、営業職で培ったコミュニケーション力で効率よく情報のやり通りができた
## **使用技術や開発環境等**
- インフラ
- AWS
- バックエンド
- Ruby
- Ruby on Rails
- フロントエンド
- Typescript
- Angular.js
- react
- Next.js
- 開発手法
- アジャイル
- スクラム
【バックエンド】
■APIの実装経験
- Railsを使ったAPIの作成
Fat Controller にならないよう、ロジックはModelにまとめた
- 外部APIとの連携
ドキュメントを理解し、適切なエンドポイントとのAPI通信を行った
■DBの設計・構築経験
- カーディナリティの高いカラムにインデックスを付与
- 命名規則に沿ったカラム名の考案
【フロントエンド】
■TypeScriptを使った開発経験
- サービスのブランドサイトの静的ページ・動的ページのコーディング
- コンポーネント間で受け渡されるpropsの型付け
- 型安全性を考慮した実装をすることにより、データ型の整合性を保つことが可能になった
■開発言語、フレームワーク・ライブラリ経験
- Angular
- メインのサービスのフロントエンドで使用
- フォームグループの作成で登録フォームの作成が可能
- 非同期処理の実装によってUXの向上を実現
- react/Next.js
- コーポレートサイトやブランドサイトのフロントエンドで使用
- Hooksを使った状態管理や、SSR,SSGといったレンダリング方式の活用