ID:75665さん

自治体向けの防災システムの研究開発に携わりました。フロントエンドはTypeScriptとVueを使用し、バックエンドはKotlinとSpring Bootで構築しています。フロントエンドでは、地図上にさまざまな情報を表示する必要があるため、Leafletなどのマップライブラリや、Turfといった空間分析ライブラリを積極的に活用しました。バックエンド開発では、初めてKotlin言語を使用し、主にWeb APIの作成よりもバッチ処理の作成・改修に注力しました。研究開発プロジェクトの特性上、実装後にユーザーからのフィードバックを受けて機能改善を行うサイクルが多く、新規開発よりも既存機能の改修が多かったと感じています。さらに、一部の既存バッチがTypeScriptで書かれていたため、これまでのTypeScriptの経験も活かすことができました。開発プロセスでは、私が作成したコードを開発リーダーがレビューする体制をとっており、自身が他者のコードをレビューする機会はありませんでした。また、コードの実装だけでなく、設計書の作成からユニットテストの実施まで、一連の開発工程を一貫して担当しました。 - ⾔語: TypeScript | Kotlin - フレームワーク: Vue | Spring Boot - その他ツール: Vuetify | Pinia | Leaflet | Turf | DOMA2 | Bitbucket | SourceTree | MySQL | Docker | Postman | Backlog - 役割: フロントエンド、バックエンド - プロジェクト規模: エンジニア5名

某銀行の社内人事システムの開発に携わりました。機能ごとにチームが分かれており、全6チームに分かれて開発を行ないました。私は主に帳票に関する画⾯とAPIの開発を⾏ないました。フロントエンドの言語はTypeScriptでフレームワークはNuxt（Vue）、バックエンドもフロントエンドと同じTypeScript言語でフレームワークはNestJSを用いた開発でした。担当行程は設計書作成から実装、Jestによるユニットテストまで担当しました。このプロジェクトでは、設計書と実装コードについて、開発者同士の相互レビューを行った後、チームリーダーによる最終レビューが行われるという開発体制を取っておりました。帳票に関連する画面とAPIの開発では、共通化できる処理を設計段階で見極め、担当者間での重複作業を避けるための調整を行いました。これにより、効率的かつ高品質なシステムの実現に貢献しました。 - ⾔語: TypeScript（Node.js） - フレームワーク: Vue | Nuxt | NestJS - その他ツール: Element Plus | TypeORM | Jest | GitLab | SourceTree | WSL2 | Docker | Rancher Desktop | PostgreSQL | Postman | trac - 役割: フロントエンド、バックエンド - プロジェクト規模: エンジニア30名

マンションのDX化を目指したシステムのフロントエンド開発に携わりました。このシステムは主にマンション管理者と利用者（マンションに立ち入る業者）が使用するものです。フロントエンド開発では、管理者と利用者のニーズを精査し、画面設計を行いました。主な技術スタックにはチーム内から指定があり、TypeScriptとReactを採用し、スタイリングにはTailwind CSSを使用しました。プロジェクトに参画した時点では、API開発がまだ進んでいなかったため、手元にデータを用意し、仮のデータを使って開発を進めました。ライブラリの選定においては、フロントエンドの専門家がチーム内に不在だったため、情報が豊富で信頼性の高いライブラリを選定することとし、ルーティングにはReact Routerを、状態管理にはReduxを採用しました。このプロジェクトでは、設計書を作成せず、実際の画面を通してフィードバックを得ながら改善を行うアプローチを取りました。この方法により、ユーザーの期待に沿った直感的で使いやすいシステムの実現に貢献しました。 - ⾔語: TypeScript - フレームワーク: React - その他ツール: React Router | Redux | Tailwind CSS | Vite | GitHub | Redmine - 役割: フロントエンド - プロジェクト規模: リーダー1名、フロントエンド1名、バックエンド1名、組み込みエンジニア1名