企業口コミサイトのデザイン刷新、機能改修
企業口コミサイトのデザイン刷新、機能改修
Background
案件発生の背景
新規利用者獲得のために行なっているSEO対策の一環として、「デザインの刷新」「掲載情報の見直し」が行われることとなり、既存のページを作り直す案件が発生しました。
Point
課題設定=案件のポイント
この案件では、デザインを忠実に再現することはもちろん、掲載情報の見直しに伴って、必要な情報のみを正確に安全に素早く取得する必要がありました。
そのため、直接データベースから情報を取るのではなくいくつかの工程を挟んで通信をすることがポイントとなりました。
そのため、直接データベースから情報を取るのではなくいくつかの工程を挟んで通信をすることがポイントとなりました。
Result
どの様に解決したのか
既存機能の開発においては、元となるコードがあったのでそのまま流用ができましたがより良いコードにするためにも共通化できる部分は関数化し、不要なコードは削除するなどしてリファクタリングも同時に行いました。
それと同時に、既存コードを読み込んで、コードの書き方などを自分の実装に落とし込み、「チーム全員が読みやすい」コードを書くように工夫していました。
それと同時に、既存コードを読み込んで、コードの書き方などを自分の実装に落とし込み、「チーム全員が読みやすい」コードを書くように工夫していました。
Difficult
大変だったこと
新規の機能を実装するために、テストコードの記述も欠かさず行なっていました。その過程で、
「コードのテストすべき観点はなにか」
「どのようにテスト結果の正否を見分けるか」
「どう実装すればテストのしやすいコードになるか」
という点を考慮してコーディングを行うのが大変でした。
またチーム内のコーディングルールも厳密に決められており、コードを熟読して理解するという作業に時間がかかりました。
「コードのテストすべき観点はなにか」
「どのようにテスト結果の正否を見分けるか」
「どう実装すればテストのしやすいコードになるか」
という点を考慮してコーディングを行うのが大変でした。
またチーム内のコーディングルールも厳密に決められており、コードを熟読して理解するという作業に時間がかかりました。
Sence
達成感・楽しかったこと
実務の中でバックエンド側の開発や、テストコードを書きながら開発することが初めての経験だったため、新しい発見、学びだらけで常に楽しかったです。
既存のコードを読み込んで身につけた知識や技法をうまく自分の実装に落とし込めた時、綺麗にテストコードまで実装できた時の達成感はたまらないです。
既存のコードを読み込んで身につけた知識や技法をうまく自分の実装に落とし込めた時、綺麗にテストコードまで実装できた時の達成感はたまらないです。
Challenge
今後挑戦してみたいこと
現在の案件では様々な開発工程で自動化の仕組みが導入されており、人為的なミスの少ない環境ができています。今後は自動化の仕組みに関する知識も吸収して自分で環境を構築できるようになりたいと考えています。
また現在はフロントエンドが専門のエンジニアですが、将来的にはインフラやバックエンドなども担当できるフルスタックエンジニアになりたいと考えているので、より広い業務に挑戦していきたいと思います。
また現在はフロントエンドが専門のエンジニアですが、将来的にはインフラやバックエンドなども担当できるフルスタックエンジニアになりたいと考えているので、より広い業務に挑戦していきたいと思います。
この案件を担当したメンバー
フロントエンドエンジニア
ガタ
モダンフロントエンドの技術に強い関心を持ち、フロントエンドの保守運用、開発等を経験。React, TypeScriptが得意で、現在はBFFの開発にも手をつけている。
Projects
プロジェクト紹介