# プロジェクト概要
**目的、背景**
すでに運用しているクライアントの業務システムの改修をするためにプロジェクトに参画した。
**規模感、チーム構成、担当した役割**
PL : 2、SE : 8 計:10名
・担当プロジェクト&実装機能
- ログインアカウントロック自作実装
- ログインID変更追加実装
- 各項目のバリデーションカスタム実装
・管理画面・ユーザー画面の改修を合計20ほど担当
- 既存のモーダルを移動できるようにライブラリを追加
- レイアウト修正(画面幅、フォーム幅)
- 確認用ポップアップや確認用画面の追加
など
- 単体テスト・結合テスト
**使用技術や開発環境等**
■使用言語
HTML,CSS,JavaScript,PHP
■FW
Vue.js,Laravel
■使用ツール
・リポジトリ管理:GitHub
・開発環境:Docker
・コミュニケーション:Google meet,Google chat
・プロジェクト管理:Jira
# 取り組んだ課題
**どんな課題だったのか**
・「ログインアカウントロック自作実装」が既存のソースコードにログイン機能自体をライブラリを使用せず、自作実装されていたため、アカウントロック機能を自作実装する必要があった。その実装を行う前に、ロジックの洗い出しと必要な設定値を確認し、実装を行なった。
**技術的なアプローチや工夫した点**
・既存のコードから踏襲して新機能を追加する際に可読性を上げるために、コメントの記載や命名を直感的にわかるように記載した。
・既存のソースコードに機能を追加する際、デグレが起きないように動作確認やAPIのテストを行なった。
# 取り組みの成果
・Vue.jsの仕組み、扱い方、検証ツールの使い方などを実装しながら学ぶことができた。
・既存コードを踏襲する上でデグレ検証の重要性やコードの可読性を意識できるようになった。