ID:68851さん

## プロジェクト概要 既存のUWPアプリケーションをChromiumベースのWebアプリケーションへ移行するモダナイゼーションプロジェクトで、Webクライアントの設計・開発を担当しました。 ## 役割・体制 ### 自身のポジションと役割 - フロントエンドとして、Chromiumベースブラウザとネイティブアプリ間の連携を考慮したWebクライアントの設計・開発・テストを担当。 - API設計およびシーケンス図を用いたアプリケーション設計ドキュメントの作成に従事し、チーム内の技術的な仕様共有を推進。 - 問い合わせ対応や技術検証も担当し、段階的な機能開発により安定的なWeb化を実現した。 ### チーム規模と構成 - フロントエンドエンジニア1名、Chromiumエンジニア1名、UWPエンジニア1名、サーバーエンジニア1名、デザイナー1名を中心に、関連機能担当のエンジニア3名を含む計7名のチームでアジャイル開発を実施。 - フルスタックのエンジニアリング体制で緊密に連携し、各技術領域の知見を持ち寄ってプロジェクトを推進。 ## 背景・課題 - UWPアプリケーションのファイルサービス機能をWebアプリケーションに移行するモダナイゼーションが求められ、ChromiumベースのWebクライアント開発が必要となった。 - ブラウザ特有の制約により、複数タブ間の状態共有や認証管理、データ永続化など設計上の検討事項が多く、当初の工数見積もりが実態よりも小さかった。 - 複数タブでのデータ整合性確保のためBroadcastChannelを用いたタブ間通信やlocalStorageによる状態同期、IndexedDBによるデータ永続化の技術検証が必要だった。 - 技術的な不確実性を抱えた状態での開発であったため、事前検証と段階的な設計リスクの洗い出しが重要な課題となった。 ## 実際の取り組み ### 開発環境 - React、Next.js、TypeScriptを用いてWebクライアントのフロントエンドを構築し、Chromiumベースのブラウザ環境に最適化した設計を実施。 - IndexedDBを利用し、ブラウザ内部でのデータ永続化を実現。BroadcastChannel APIやlocalStorageを活用したタブ間通信・状態同期機能を導入。 - API設計に注力し、Chromiumとネイティブアプリ間の連携に必要なAPI仕様を定義・管理した。 ### 設計・改善内容 - 先行してChromium連携に必要なAPI仕様を調査・検証し、詳細な設計ドキュメントを作成してチーム内で共有。 - ファイルサービス機能のWeb化、端末管理機能（登録・解除）、利用時間帯制限、アプリ固有動作設定、サービス設定、ショートカット作成、PINコードログインなど多岐にわたる機能を順次実装。 - ブラウザの制約を考慮しつつ、安定的かつユーザー利便性の高い動作を目指し、段階的に機能をリリース。 ### その他アピールポイント - 問い合わせ対応を積極的に行い、ユーザーや他チームからのフィードバックを迅速に設計・実装に反映させた。 - 技術的な課題に対して柔軟にアプローチし、チームの技術力向上に貢献。 ## 成果・価値 - Chromiumブラウザとネイティブアプリの連携を考慮したWeb化により、ユーザーから「提案しやすくなった」との評価を得て、カスタマー部門からのフィードバックで業務上の利便性向上に貢献。 - 複雑なブラウザ特有の課題を乗り越えたことで、Webアプリケーションへの移行を成功させ、今後のモダナイゼーションプロジェクトの基盤を構築。 - 計段階での技術検証とリスク管理の重要性を体感し、今後の開発プロジェクトにおける品質向上に寄与できる知見を獲得。

国税システムの次世代開発プロジェクトに参画し、詳細設計・開発・テストを担当。画面設計書や内部インターフェース設計書、オンライン処理設計書、DBアクセス処理設計書、バッチ処理設計書などの詳細設計書を作成し、HTML・CSS・Vue.jsを用いた画面モックを作成。Vue.jsを用いた新規画面を5画面（検索・一覧画面4画面と帳票一覧画面）実装し、合計10000ステップを超える規模を担当。ブラウザチームのサブリーダーとして後輩の作業フォローや成果物レビューも実施した。

年金関連システムの更改案件において結合テスト・総合テスト・運用保守を担当。SQLのタイムアウトエラー事象の調査から顧客報告資料の作成まで故障対応を実施し、結合テスト・総合テスト仕様書の作成とテスト実施、本番マシン作業、大規模システムのパッチ適用テスト（500本を超えるJUnit走行）を行った。顧客と直接コミュニケーションを取り、システム説明や不具合事象の報告を行った。