栗田 将悟

■プロジェクト概要 格安SIMやひかり接続サービスの、申し込みや会員ページを持ったWebサイトのリニューアルをするプロジェクトです。 内容を大別すると以下になります。 ・Strutsとresinという古い構成だったシステムをSpringとTomcatの構成に置き換える ・レガシーなデザインをモダンなデザインでリニューアルする ・静的コンテンツと動的コンテンツのリポジトリの分離 ■開発対象 ・静的コンテンツ（HTML, CSS） ・申し込み画面（Vue.js） ・会員ページ画面（Nuxt.js） ・API（Spring Framework） ■自身の役割 開発チームのリーダーのポジションでした。 営業やサポートなどの他部門との調整や、スケジュール管理、開発の方針決定などを主に行いました。 開発チームは10名ほどの規模のチームで、週毎に目標を決めて進捗を管理しました。 10人もいるので全員の状況を把握するのが難しかったですが、短時間のミーティングを毎日設定し、問題や遅延はなるべく早くキャッチアップできるようにしました。 慢性的に開発が人手不足だったので、開発のサポートにも入りました。 ■課題 開発もテストも非常に大規模だったため、試験不具合が序盤からかなり大量に出る事態になりました。 試験チームが類似の不具合を大量に報告する傾向が見られ、無駄な試験と報告に時間を使ってしまうことが課題でした。 報告された不具合を開発チームでまず横展開で確認し、不具合の影響範囲を試験チームに連携し、その範囲は試験を後回しにするというルールを建てつけることでその課題を解決しました。 プログラム面でも課題がありました。 初期の実装が、Springで作るAPIが1つのURLで受け取り、パラメータで実行内容を分けるように実装されておりソースも使い方も煩雑になってしまっていたことと、Vue側のAPI呼び出しも各Vueファイル毎に書かれており、API連携部分が非常に煩雑になっていると感じました。 SpringはAPI毎にURLを分け、Vue側はAPI呼び出しの共通モジュールを作成することで、API連携の部分をわかりやすくすることができたと思います。 ■成果 脆弱性のあったStrutsからSpringに移行できたことでセキュリティが向上できました。 resinからTomcatへ移行し、サーバーの設定も最適化したことで、サイトのパフォーマンスが向上できました。 サイトが UI/UX も考慮されたモダンなデザインなったので、ユーザビリティが向上しました。 静的コンテンツと動的コンテンツを別リポジトリに分離できたため、複雑だったブランチ管理が単純になり、作業ミスが無くなりました。