ID:68885さん

【プロジェクト概要】 ・AISaaSの機能開発 BtoB向けのSaaSを提供している自社開発企業のフロントエンドエンジニアとして業務してます。月一リリースでプロダクト開発を行ってます。ワークフローは下記に記載の通りです。 【業務内容・ワークフロー】 1. 毎月POおよび開発リーダー中心に機能実装の要件の洗い出しを行う。 2. そこから各要件の工数見積もりを行う。過去稼働実績・ベロシティから、翌月の工数・予想ベロシティを 算出し、その工数の範囲内で月に行う要件を確定させる。 3. 確定後フロントエンド実装、バックエンド実装をそれぞれカードとして切り出しメンバーをアサイン。 4. 各カードのゴールとDeadlineを敷き、ゴールまでのステップを書き出してから実装開始。 5. 基本的にはモブプロを中心とした開発を行い、開発後レビューを受け、問題なければマージ。 6. 2週間後を仮コードFIX日とし、以降は企画チームからのレビュー対応と並行してテスト実装を行う。 7. 3週間後をコードFIX日としタグを切りリリース。 以上の開発業務を毎月行っていく。 細かなIssue対応は隙間時間で適宜Issueカードを取っていき修正PRを出す。 【実装内容】 ■検索機能・検索結果の絞り込み機能実装 ▼課題点： ・分析データ数が多くなり画面が重くなっている状態 ・過去に作った分析データの検索が困難（100件以上の分析データがあった時、それを探す全て黙示しかない状態だった） ・絞り込み機能やそれの条件を保存する機能がなくユーザー体験が悪かった ▼打ち手・使用した技術 ・分析一覧画面上に「検索フィールド」を設け 　作成者/ユーザーID/データ種別で分析データ一覧を絞り込みできるようにする ・各分析データにタグを付与できるようにし、タグでの絞り込みができるようにする ・ページネーション機能を追加し、画面表示の処理スピードを向上させる ・TypeScript、Nuxt.js、Vue.js、GraphQLを使用 ▼成果 ・リリース後の顧客満足度アンケートで機能に関するプラスのフィードバックを複数いただく ・分析結果画面の画面表示時間の短縮 ・絞り込み機能により利便性が高まる声を複数いただく ▼開発時に意識・改善していたこと ・子コンポーネントから画面描画する親コンポーネントまで3つほどコンポーネントを跨ぐ必要がありコードの可読性が下がっていたので、グローバルで状態管理を行いデータの受け渡しがバケツリレーにならないように工夫した。 ・APIでデータをとってくる際、属性ごとでデータ取得を行いそれを関数として用意し、今後再利用しやすいように実装した。 ・ユーザーにとって使いやすい実装かどうかを常に意識し、気になる点があれば小さなことでも積極的に PO、開発リーダーに質問、提案を行う。(ボタンの位置、画面遷移、スピナーの影響範囲、ホバー・クリ ッ ク処理などの細かな点などを含む) ・命名規則を守り変数名だけでどんな関数かを想定がつくように心がけた。(isで始まるメソッドはboolean の想定がつく、能動的なものはon~、動作が具体的なものは適切な動詞を命名するな ど。)命名をどっちにするか意見が割れた時は英単語の語源など用途を調べ、どちらがより適切かの議論をしていた。