T.H

# プロジェクト概要 受発注システムの要件定義・設計・開発・テスト・運用・保守を担当。 保守運用フェーズから参画し、複数案件でのリプレイス開発を含む一連の工程を遂行。 --- ## チーム情報 - **体制**: PM、チームリーダー、メンバー2名の4名構成 - **役割**: メンバーとして設計・開発・テストを中心に担当 --- ## 主な開発・実装内容 ### 【開発A】年度をまたぐ改修案件 #### 概要 2022～2023年度を跨ぐシステム改修を実施。 年度指定機能や次年度向けのロジック拡張を含む複数の機能を開発。 #### 実施内容 - **UI改修**: ページ上のタブに年度表示を追加 - **エクスポート機能**: Apache POIを使用し、年度ごとに適したExcel出力ロジックを実装 - **DB設計**: ALTER TABLEによるセキュリティレベル修正対応、次年度元単価のデータ挿入とロジック調整 - **バックエンド**: Spring MVCとORM操作を使用してDBアクセスを最適化 #### 成果 - 年度指定に基づくデータ出力の精度向上とセキュリティ要件対応を達成。 --- ### 【開発B】フォーム検索結果を反映させたエクスポート機能改修 #### 概要 検索フォームの条件が反映されない独立ロジックのエクスポート機能を修正。 検索条件を統一し、整合性のある結果出力を実現。 #### 実施内容 - **検索ロジック改修**: Spring BootのMapperを修正し、検索条件をエクスポートに反映 - **DBアクセス調整**: MyBatisを用いて検索ロジックを統一 - **テスト**: エクスポート結果のユニットテストを実施 #### 成果 - 検索条件が正確に反映されたエクスポート機能を実現。ユーザー体験の向上に貢献。 --- ### 【開発C】リプレイスおよび切り離し業務 #### 概要 プラットフォームからの切り離しと新フレームワークでのリプレイスを担当。 フロントエンドをAngularJSからVue.js、バックエンドをSpring Bootでリプレイス。 #### 実施内容 - **フロントエンド**: Vue.jsとElement UIを使用した実装、Axiosを用いたAPI連携を実現 - **バックエンド**: Spring BootでRESTful APIを設計・開発 - **テスト**: 全テスト仕様書を作成し、リリース前に詳細な動作確認を実施 - **保守・運用**: - 権限に基づくUI制御（ボタン表示・非表示） - SQL Viewの実行計画を分析・最適化 - エクスポートファイルの列修正・追記 #### 成果 - 未経験の技術を短期間でキャッチアップし、リリース後の大きなバグゼロを達成。 --- ## 技術スタック - **フロントエンド**: Vue.js, Element UI, Axios - **バックエンド**: Java, Spring Boot, Spring MVC, Hibernate - **データベース**: MyBatis, SQL, Apache POI - **ツール**: Git, Docker, Jenkins（CI/CD対応） - **API**: RESTful API設計 --- ## 成果・貢献 - 検索結果を反映した正確なエクスポート機能を実現し、業務効率を向上。 - 未経験技術を活用したリプレイス開発により、ユーザーの要望を満たした安定システムを構築。 - 年度を跨ぐ業務改修により、セキュリティ要件を満たしながら次年度の業務対応を完了。

# プロジェクト概要 決裁WFシステムの基幹システムからの離脱によるリプレイス案件。 既存システムをVue.jsを用いて再構築し、ユーザーにとって使いやすいUIの実現を目指しました。 --- ## チーム情報 - **体制**: PM1名、メンバー2名の3名構成 - **役割**: メンバーとしてフロントエンド開発を担当 --- ## 主な開発・実装内容 ### 【開発】決裁WFのリプレイスに伴うフロントエンド開発 #### 概要 社内の発注情報の決裁WFシステムリプレイスに伴い、既存のJQueryベースのUIをVue.jsを用いて再構築。 ユーザーの使い勝手を向上させるため、レスポンシブデザインやアクセシビリティ対応も実施しました。 #### 実施内容 - **UIの再構築**: - ヘッダー、フッター、メインページをVue.jsで作成 - 選択式プルダウン、チェックボックス、入力フォーム、スクロール対応、ダイアログ表示などのUIコンポーネントを実装 - バリデーション対応および入力フォームの動的な追加・削除機能を実装 - **レスポンシブデザイン**: - SCSSを使用して効率的なスタイル管理を実現 - モバイル対応を考慮したレスポンシブデザインを実装 - **アクセシビリティ対応**: - キーボード操作やスクリーンリーダー対応を実施し、UIの利用可能性を向上 - **仮データでの開発**: - バックエンドAPIが未完成の段階で開発を開始し、Vue.jsの`data()`や`computed`を使用して仮データを用意しながら開発を進行 - **状態管理と画面遷移**: - Vuexで状態管理を実装し、コンポーネント間のデータ一貫性を維持 - Vue Routerを使用して画面遷移を実現 #### 課題と解決策 - **課題1**: ユーザーからの細かいUI指摘に対応する必要があり、px単位での調整が頻発 - **解決策**: Element+の機能を活用し、CSSやSCSSで細部を調整 - **課題2**: APIが未完成の状態で開発を開始 - **解決策**: 仮データを用いて動作確認を行い、スムーズに開発を進行 #### 成果 - ユーザー要望に応える使いやすいUIを提供し、リプレイス後のシステム利用率向上に貢献 - レスポンシブデザインやアクセシビリティ対応により、多様なユーザー環境に対応可能なUIを実現 --- ## 技術スタック - **フロントエンド**: Vue.js, Vue Router, Vuex, Element+ - **言語**: JavaScript (ES6+), TypeScript, HTML5, CSS3, SCSS (Sass) - **バリデーション対応**: Vue.jsの機能を活用した入力チェック機能の実装 - **バージョン管理**: Git (GitHub) - **開発環境**: Node.js, Docker, IntelliJ IDEA --- ## 成果・貢献 - 既存システムからのスムーズな移行を実現し、ユーザーからのUI評価を向上 - 未完成のAPI環境下でも仮データを活用し、効率的に開発を進行 - レスポンシブ対応とアクセシビリティ対応により、多様なデバイスとユーザー層への対応力を向上

# プロジェクト概要 Chrome拡張管理アプリケーションの開発案件。 Webアプリケーション全体の設計・実装を担当し、インフラ構築も含めた幅広い業務を遂行。 短いスプリントを重ねるアジャイル開発を採用し、ユーザーのフィードバックを反映しながら開発を進行。 --- ## チーム情報 - **体制**: PM1名、メンバー2名（うちWeb開発経験者は自分のみ） - **役割**: フロントエンド・バックエンドの設計・実装、インフラ構築を担当 --- ## 主な開発・実装内容 ### 【開発】Chrome拡張管理アプリケーションの開発 #### 概要 ユーザーがChrome拡張アプリケーションの登録・更新・削除・ダウンロードを行える管理システムを構築。 フロントエンド、バックエンド、インフラ全体を一貫して担当し、ユーザー中心の設計で直感的な操作性を実現。 #### 実施内容 - **フロントエンド**: - **技術スタック**: Vue.js, Vuetify, Vuex, Vue Router, Axios - **実装内容**: - SPA構成で管理者ページとアプリケーション一覧ページを開発 - プルダウンメニュー、テーブル、ダイアログ表示など、直感的なUIを実装 - フォームバリデーションや入力フィールドの動的追加・削除機能をテンプレートエンジンで実現 - API通信処理をAxiosで実装し、共通化可能なAPIファサードを開発 - **バックエンド**: - **技術スタック**: FastAPI, MySQL, AWS S3 - **実装内容**: - RESTful APIを設計・実装し、CRUD操作を提供 - Chrome拡張ファイル（ZIP形式）の登録・更新・削除・ダウンロード機能を実装 - ファイルストレージにAWS S3を採用し、安全かつスケーラブルな管理を実現 - APIドキュメント生成とエンドポイントのユニットテストを実施 - **インフラ**: - **技術スタック**: Docker, Docker Compose, GitHub Actions - **実装内容**: - Dockerによる開発環境のコンテナ化と環境構築 - GitHub Actionsを使用したCI/CDパイプラインの構築 #### 開発プロセス - アジャイル手法を採用し、短期間のスプリントで開発を進行 - ユーザーのフィードバックを迅速に反映し、仕様が曖昧な部分は都度確認しながら明確化 - VuetifyとElement+の技術選定を行い、チームスキルやドキュメントの豊富さを考慮してVuetifyを採用 #### 課題と解決策 - **課題**: - 仕様の曖昧さや短いスプリントにおける要件の都度確認が必要 - バックエンドAPI未完成の状態でフロントエンドの開発を開始 - **解決策**: - 仮データを用いてAPIが完成する前の段階から動作確認を実施 - チームメンバーとのペアプロやタスク管理を通じて効率的に開発を進行 #### 成果 - 直感的なUIとスムーズなユーザー操作性を実現したChrome拡張管理アプリケーションを提供 - アジャイル手法での迅速な仕様変更対応により、ユーザー満足度向上に貢献 --- ## 技術スタック - **フロントエンド**: Vue.js, Vuetify, Vuex, Vue Router, Axios - **バックエンド**: FastAPI, MySQL, AWS S3 - **インフラ**: Docker, Docker Compose, GitHub Actions - **その他**: JIRA（スプリントとタスク管理） --- ## 成果・貢献 - Vue.jsとVuetifyを活用して、再利用性と視覚的に魅力的なUIを実現 - FastAPIで効率的かつセキュアなバックエンドを構築し、AWS S3でスケーラブルなファイル管理を実現 - アジャイル手法での開発により、ユーザー中心のシステムを短期間で提供 - 開発・インフラ設計を一貫して担当し、高品質なプロダクトを実現

# プロジェクト概要 クーポン作成フローを効率化するアプリケーションの保守・運用を担当。 Box APIの内製化移行やセキュリティ強化、システム追加要望の改修に加え、DroneからGitHub ActionsへのCI/CD移行を実施。 レガシー部分のバージョンアップやSpring Bootの大幅なアップグレードを通じてシステム持続性の向上に貢献。 また、本プロジェクトで開発したBIツール導入時にサービスの有料化が決定し、年間1億円弱の継続者利益効果が発生。 ## チーム情報 - **体制**: PM1名、チームメンバー3名 - **役割**: 担当システム開発メンバーとして、自身が主に保守・運用および機能改修を担当 ## 主な成果 - **Box APIの内製API移行**: 外部API依存を削減し、旧APIと同等の機能を持つ内製APIの設計・実装を完了 - **セキュリティ強化対応**: Athenzを用いた認証・認可を導入し、システムの安全性を向上 - **レガシー部分のバージョンアップ対応**: Java/Kotlinおよびライブラリの更新により、最新環境への移行を実現 - **Spring Bootのバージョンアップ**: 2.1系から2.7系へのアップグレードを行い、システムの持続性向上に貢献 - **CI/CDの移行**: DroneからGitHub Actionsへ移行し、開発プロセスを効率化 - **BIダッシュボードの新規開発**: クーポン施策の効果測定を高速化するBIツールをゼロから設計・実装し、レポート作成作業を完全自動化 ## 主な開発・実装内容 ### 【Box APIから内製APIへの移行】 #### 概要 Box APIの内製APIへの移行を担当。旧APIと同等の機能がない状態から仮実装 → 本番対応へ移行。 #### 実施内容 - サムネイル非対応への画像圧縮対応 - ファイル名への識別子追加によるメタデータ代替 - APIチームと要件すり合わせ → 本番API統合 #### 成果 - 外部依存削減と操作性維持を両立 --- ### 【セキュリティ関連システムの強化】 - Athenz認証/認可ポリシーを実装し、アクセストークンの安全管理を実現 - パスワード管理移行＆Spring Boot互換修正で安全性と継続性を確保 --- ### 【Spring Bootのアップデート対応】 - 2.1 → 2.7へ段階アップデートを行い、非互換設定を新仕様に調整 - Spring Securityや依存ライブラリのアップデートも併行実施 --- ### 【CI/CDパイプラインの移行】 - Drone → GitHub Actionsへ移行 - ビルド・テスト・デプロイを自動化し、開発スピードと安定性を向上 --- ### 【BIツール（クーポン分析ダッシュボード）の開発】 #### 概要 Vue.js + ECharts + Apache POIを用いたBIツールを新規構築 #### 実施内容 - モック設計から11種類のグラフを実装（ECharts） - APIからの動的データを props で各Vueコンポーネントへ渡す構成 - データの最大値計算・null補完などの共通ロジックを実装 - テンプレートベースのExcel帳票出力をApache POIで構築 #### 成果 - レポート作成作業を完全にアプリケーション上で自動化 - UI/UX改善により、非エンジニア部門からのフィードバック評価向上 - このBIツールの導入と同時にサービスが有料化され、年間1億円弱の継続的な効果が発生 --- ### 【改善要望対応】 - 検索条件の柔軟対応、ZIP形式のダウンロード改善 - Jira連携テンプレ修正、アナウンス通知機能の設計実施 --- ## 技術スタック - **バックエンド**: Java, Kotlin / Spring Boot, Spring Security - **フロントエンド**: Vue.js, ECharts - **帳票出力**: Apache POI - **CI/CD**: Drone（旧）→ GitHub Actions（新） - **DB/その他**: MySQL, Docker, REST API, Athenz ## 総合的な貢献 - Box APIから内製APIへの移行を通じて、外部依存削減とシステム安定性向上を実現 - CI/CD移行やバージョンアップ対応により、効率的で持続可能な開発環境を構築 - BIダッシュボードの新規開発で、データ可視化と帳票出力の自動化を実現し、分析工数を大幅削減 - BIツールの導入と同時にサービスの有料化が決定し、年間1億円弱の継続効果を生み出すプロジェクトに発展 - 顧客ニーズに応える柔軟な改修で、システム全体の品質向上に寄与 - 各専門チームとの連携を通じて、内製APIや認証基盤の完成度向上に貢献

## 職務実績・プロジェクト概要 ### ◆ Lighthouse v4 → v6 アップグレードに伴うフロントエンド改修 Lighthouse v6 の GraphQL 仕様変更（ページネーション構造、レスポンス形式、フィールド定義）に対応し、 **React / TypeScript / Apollo Client** を用いてフロントエンド側のクエリ・型・ページネーション処理を改修。 バージョン差分により顕在化した **既存ページネーションのロジックバグを発見・修正** し、 クエリ整合性とデータ取得処理の安定性を改善。 また、GraphQL レスポンス形式に合わせて型定義を整理し、 **保守性が高い構造へリファクタリング** を実施。 --- ### ◆ 「いいね」機能が反映されない不具合の調査・修正 ユーザーの「いいね」操作が UI に反映されない複合的な不具合を調査し、 * **GraphQL Mutation 後の Apollo Client キャッシュが更新されていない** * **取得クエリの構造が不適切で、キャッシュ参照先と一致していない** * **`fetchPolicy` が `cache-and-network` 相当の動作になっておらず最新データを取得できない** という 3 点を切り分けて原因を特定。 Mutation の `update` 処理・キャッシュキーの再設計に加え、 **クエリ構造の見直しと、コールバックによる最新データ反映ロジックを実装**。 その結果、UI とバックエンドデータの整合性が正しく保たれ、 ユーザー操作が即時に反映される**安定したリアクション体験**を実現。 --- ### ◆ Laravel 9 → 12 の段階的アップグレード（現在 10 系対応中） * メジャーバージョン更新に伴う破壊的変更を踏まえ、**マイグレーション戦略を策定**。 * PHP／依存パッケージ／フレームワーク間のバージョン整合性を確認しながら段階的にアップデート。 * テストカバレッジ拡大と動作検証を通じ、リグレッションを最小化。 --- ### ◆ 特集求人履歴テーブルの新規設計・実装 * 要件定義～DB スキーマ設計、Eloquent モデル、GraphQL スキーマ、フロント統合までを担当。 * インデックス設計やクエリ最適化によりパフォーマンスを向上。 * 可視化基盤への拡張を見据え、将来的な分析用途にも耐えるスキーマを構築。 --- ### ◆ AI を活用した仕様書作成自動化の設計・実装 * ローカルで動作する **AIドキュメント生成スクリプト** を開発し、Notion API と連携。 * ChatGPT／Gemini を用いたプロンプトテンプレートを設計して、 仕様書作成～更新を自動化するワークフローを構築。 * 仕様書作成工数の大幅削減と、ドキュメント整合性の改善に貢献。 --- ## その他の貢献 ### ◆ PRレビュー・開発品質向上 * チームメンバーの PR レビューを担当し、コード品質・命名規約・GraphQL 設計観点からフィードバック。 ### ◆ インフラ部分のサポート * 開発／本番環境の構成整理、デプロイフロー安定化を支援。 * AWS や Cloudflare の設定改善など、パフォーマンス向上に寄与。 --- ## 技術スタック * **バックエンド**：Laravel 9〜12, PHP 8.x, Lighthouse (GraphQL) * **フロントエンド**：React / TypeScript / Apollo Client * **インフラ**：AWS（EC2, RDS, CloudFront）, Docker, GitHub Actions * **その他**：Notion API, Gemini / ChatGPT API, PHPUnit, Cypress ---