【プロジェクト名】
大手広告代理店様の広告配信の効果検証アプリケーションの作成

【役割・担当範囲】
フロントエンドエンジニアとして、チームリーダー、技術選定、コードレビュー、UI/UXデザインの作成・改善、コーディング、一部バックエンドAPIのコーディング、DB作成

【プロジェクトの目的・背景】
広告配信によって得られた効果を、より視覚的にわかりやすくするためのアプリケーションの作成。

【使用技術・ツール】

- HTML, CSS, JavaScript
- TypeScript
- Vue.js(2系 -> 3系)
- Vuex
- VueRouter
- Git, BitBucket
- PHP
- Laravel
- Docker

【具体的な成果・実績】

- ローカルで環境構築していたものをDockerに移行し、開発効率の向上
- Vue2系から3系へのマイグレーション作業
- JSからTSに移行し、コーディング品質向上
- UIやUXに対する提案から改善に向かったことで、顧客満足度の向上

【キーポイント・学んだこと】

Vue2系から3系への移行の経験
TypeScriptの利点と活用方法
ジュニアレベルのエンジニアの育成や、コードレビューの観点の向上

【プロジェクト名】
toB/toC向けの引越し管理アプリケーションのレガシー環境リプレイス

【役割・担当範囲】
フロントエンドエンジニアとして、ディレクトリ設計、技術選定、コードレビュー、UI/UXデザインの作成・改善、コーディング

【プロジェクトの目的・背景】
9年前に作成されたレガシーアプリケーションをモダンな環境にリプレイスしたいとのクライアント様の課題を解決するためのプロジェクトです

【使用技術・ツール】

- HTML, CSS, JavaScript
- TypeScript
- Vue.js(3系)
- Pinia
- VueRouter
- Storybook
- Jest
- Git, Github
- PHP
- Laravel
- Docker

【具体的な成果・実績】

- クライアント様の期待を大きく上回る、実装
- ディレクトリ設計から、技術選定の提案
- Storybook/Jestを用いたテスト駆動開発によって、想定されるバグや不具合の未然にカバーすることによるシステムの信頼性の向上

【キーポイント・学んだこと】
- フロントエンドのテスト観点
- Storybookを用いたコンポーネント駆動開発
- クライアント様への、ツール選定、説得力のある提案方法

【プロジェクト名】
土地の売買サービスのメンテナンス

【役割・担当範囲】
UI・UX改善、バグ修正、コーディング、課題提起、フロントパフォーマンスチューニング、脆弱性改善

【プロジェクトの目的・背景】
オフショアで開発されていた、toC向けサービスのフロントエンド/バックエンドAPIのメンテナンス

【使用技術・ツール】

- HTML, CSS, JavaScript
- Nuxt.js(2系)
- Vuex
- Git, Gitlab
- PHP
- Laravel
- Docker

【具体的な成果・実績】

- フロントエンドの経験から基づく、フロント修正案の提示
- XSS脆弱性の課題提起、修正

【キーポイント・学んだこと】
- フロントの脆弱性への対策
- toCサービスの考え方

【プロジェクト名】
コンサル系サービスのフロント開発

【役割・担当範囲】
Vue3への移行作業、バグ修正、

【プロジェクトの目的・背景】
コンサル系サービスを運営している事業会社で、Vue3への移行作業があまり進んでいないため、移行作業とStorybookの作成の手伝い

【使用技術・ツール】

- HTML, CSS, JavaScript
- Vue3
- VueRouter
- Git, Github
- Python
- FastAPI
- Django
- Docker

【具体的な成果・実績】

- 滞っていた移行作業が、50%移行できた
- Storybookの作成が100%完了

【キーポイント・学んだこと】
- Vue3のさらに細かい機能や実装について
- OSS開発の難しさについて
- フロントエンドのパフォーマンスチューニングについて
- デザイナーさんとのやりとりについて