ID:83018さん

自社プロダクトの電子コミック配信サイトにおいて、スマホ版トップページ、本棚、作品詳細画面の表示速度改善を目的としたフロントエンド刷新プロジェクトに従事しました。既存環境は erb と Vue.js を組み合わせたレガシーな構成で、画面ごとに描画責務やデータ取得処理が分散していたことに加え、初期表示時のフロントエンド負荷が大きく、主要画面のレンダリング時間が長いことが課題となっていました。私は当初サブリーダーとして参画し、途中からリーダーを任され、メンバー1名とともにプロジェクトを推進しました。また、フロントエンド領域ではリードエンジニアとして設計・実装を主導しました。 技術面では、スマホ版トップページ・本棚・作品詳細画面を Next.js で再構築 し、SSR を採用することで初期表示速度の改善 を図りました。あわせて、画面刷新に伴って必要となる Rails 側のAPI開発・改修 を担当し、フロントエンドが必要とするデータを適切に取得できるように設計しました。旧来の Vue.js 実装は段階的に置き換え、さらに新アプリケーションを安定稼働させるための インフラ設計・構築 まで一貫して担当しました。 開発した機能は、ユーザー利用頻度の高い主要3画面の刷新です。単なる画面の置き換えではなく、ユーザーが作品を探す、詳細を確認する、本棚で管理するといった主要導線を高速化することで、閲覧体験の向上と離脱抑制、継続利用しやすい導線整備を目的としていました。 技術選定では、既存の Vue.js を継続する案もある中で、初期表示速度の改善、保守性、今後の拡張性 を重視し、SSR を柔軟に扱える Next.js を採用しました。短期的には移行コストが発生する一方で、長期的には画面責務の整理と開発基盤のモダン化を優先する判断を行いました。プロジェクトでは技術選定に加え、スケジューリング、進捗・課題・リスク・品質管理、リリース計画の策定まで担い、設計からリリース後の運用保守まで一貫して推進しました。刷新後も主体的に保守運用を担当し、継続的な改善を実施しました。 その結果、PSI スコアを 30 から 58 に改善 し、FCP を 3.3 秒から 1.8 秒、LCP を 8.5 秒から 3.7 秒、TBT を 2800ms から 2500ms に改善 しました。主要画面のパフォーマンス改善に加え、レガシー構成から脱却し、継続開発と運用保守を進めやすいフロントエンド基盤の整備に貢献しました。

自社プロダクトにおけるクレジットカード決済機能への 3Dセキュア導入プロジェクト に従事しました。既存の決済フローに対してセキュリティ対応を追加する案件であり、短い納期の中でも安全性と品質を両立した実装が求められていました。私は PM/PL として実質1名体制でプロジェクトを推進 し、ヒアリング、仕様整理、定義書・設計書の作成、実装、レビュー、テスト計画・実施、障害対応、保守運用まで一貫して担当しました。 技術面では、Ruby on Rails を用いて既存のクレジットカード決済基盤に 3D セキュア機能を組み込み、必要な決済フローの変更やサーバーサイド処理の実装を担当しました。あわせて PostgreSQL を用いた既存データ構造との整合を考慮しながら改修を進め、決済処理の整合性や運用時の扱いやすさも意識して設計しました。単なる機能追加ではなく、既存システムへの影響を抑えながら、安全に導入できる形で実装した点が特徴です。 この案件で開発したのは、ユーザーがクレジットカード決済を行う際に追加認証を求める 3D セキュア対応機能です。これにより、決済時の安全性向上と不正利用リスク低減が期待され、継続的に安心して利用できる決済基盤の整備につながる案件でした。 課題は、決済領域という高い品質要求がある中で、短納期での導入が求められていた点です。加えて、既存決済機能への追加実装であるため、認証導入によって既存フローを壊さないこと、障害発生時に迅速に切り分けできること、リリース後の運用負荷を抑えることが重要でした。そのため、要件の曖昧さを早期に解消し、影響範囲を見極めながら段階的に仕様を整理していく進め方を取りました。 工夫した点は、単に開発を進めるのではなく、進捗・品質・リスクを同時に管理しながらリリースまで持っていったこと です。PM/PL として関係者との認識差分を埋めつつ、仕様書・設計書の整備、テスト計画の明確化、障害対応フローの整理まで担いました。決済機能は不具合時の影響が大きいため、開発速度だけでなく、リリース後の安定運用を見据えた進め方を重視しました。 その結果、短納期での導入を実現しつつ、リリース後の不具合件数も想定より少数に抑え、安定的なリリースに貢献 しました。決済という重要機能において、仕様策定から実装・テスト・リリース・保守運用まで一貫して推進した経験として、自身のバックエンド開発力とプロジェクト推進力の双方を示せる案件です。

自社の納品業務を管理するシステムのリプレースプロジェクトにおいて、要件定義から基本設計、詳細設計、開発まで担当しました。体制は3名で、私はPMとして各種プロジェクト管理に加え、技術選定、要件ヒアリング、要件定義書・設計書の作成、実装まで一貫して担当しました。この案件では、普段のプロダクト開発とは異なり、システム開発に馴染みのない業務部門の関係者と密にコミュニケーションを取りながら進める必要があり、前提知識や用語理解の差を埋めながら仕様を詰めることが大きな課題でした。単に要望を受け取るのではなく、業務フローや運用実態を丁寧に確認し、認識のずれを整理しながら要件へ落とし込むことを重視しました。その結果、関係者との合意形成を進めつつ、上流工程から主体的にプロジェクトを推進し、業務に即したシステム構築に貢献しました。