RECOG
■プロジェクトの詳細 ・ジャンル 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といったレンダリング方式の活用