ID:73577さん

## プロジェクト概要 ebookjapanの開発 ebookjapan FEにおける新規機能開発・画面構築・パフォーマンス改善・リファクタリング # チーム情報 約30名 (プロパー18名)　 #### 開発・実装内容 Vue.js,Nuxt.js,TypeScript,Pinia,Jestを使用したアプリの開発において、フロントエンドエンジニアとして設計、実装、テスト、運用を担当 定期キャンペーン対応や、フロント側のリファクタリング（データフェッチ、ストア、コンポーネントなど）、新規機能開発を担当 #### 担当業務・役割 Issueによっては設計段階からはいることもあり、実装、テスト、リリース、運用を担当していた。 FEだけで人数が多いチームであったので今何が必要なのかを考えながらアサインをしていた。 #### 取り組み・工夫したこと 元々Yahoo側での事業だったことと運用されて長いプロダクトだったこともあり、引き継ぎから起きていた技術的な負債に取り組むことや、その中で一部レガシーになっている箇所（Nuxt v4へ刷新しているが大部分はv3でできていることやcomposable,mixinなど発展途上な箇所）に対しての取り組みなどは運用面、実装コスト、レビューコストなどを見ながら議論しながら開発している。 #### 成果・実績 取り組み方としては、キャンペーン対応に尽力することや他企画案件に従事することもあるが、ベースとしてメインストーリー開発（大幅なリファクタリング、機能開発、キャンペーン対応）チケットに取り組みつつ空いた時間でリファクタリングに取り組んでいた。 手が空いている時はあまり人がやりたがらない軽微なリファクタリングタスクを一気に片付けてPRを出してレビュー待ちにして、メインストーリー開発などに時間を割くやり方をすぐに確立（チームリーダー、室長の意向のもと）できたので、一定以上の成果は出し続けることができている。 またある程度規模感が大きくなると、企画→開発までのやり取りで手戻りが多かったり企画の前の経営企画室などで次の週には白紙に戻ることもあったため、トップダウンの社風を想定したWBSをある程度最初から想定する、FEとして対応する範囲はあらかじめ線引きしてメンバーのタスクが溢れすぎないように守るように動くことを意識していた。（EMから期待されていた役割でもあり、業務プロセスの改善は前からやりたい項目の一つでもあった） #### 得られた知見・成長 比較的大きなプロジェクトになるので特に意識していたのはチームリーダーや室長に定期的にどんな方針で開発をするか（企画案件をたくさん回すのか、UI UXを刷新していくのか、リファクタリングするのかなど）の相談をしつつ方向性に沿って開発ができたのはチームの意向に沿った開発ができることになるので、非常にやりがいを感じている。 また成果・実績でも記載したが、業務プロセスの改善（手戻りを想定したWBSの作成、対応する仕事範囲の線引き）に取り組んでチームレベルで落とし込めたのは一定の成果を出せたように感じる。 チームの体質にもよるがNoと言いづらい人が多いチームだったので、やるやらの線引きをはっきりつけることで開発の質が落ちたり逆に時間をかけたことで質が高いなどのボラティリティが少なくなった。 もっとこうしたらいいこうしたらもっと良くなるといった提案をどんどん出してプロダクトそのものをもっとたくさん使われるものにできるように尽力したい。 #### ポジション フロントエンドエンジニア #### 期間 2026年1月から現在 #### 開発言語 javaScript、Vue.js、Nuxt.js、TypeScript、E2E #### タスク管理 Github、Jira

# プロジェクト概要 ebookjapan LINEミニアプリ開発 メイン基盤のFE開発、サーバーAPI側のBE開発、K8sベースのインフラ・CI/CD（各環境の自動デプロイ構築,Podやログの監視,アラートの紐付けなど） # チーム情報 エンジニア2名と企画4名構成 # 開発・実装内容 ebookjapanの作品詳細が閲覧できるLINEミニアプリの開発 技術選定、設計、実装、テスト設計、テスト、レビュー、リリース、運用を一気通貫で対応 GitHub上でのコードレビューとコードの品質担保 Docker + Kubernetesで、環境ごと（Stg / Prod）に分けて自動デプロイするように開発 企画チームや複数の部署との連携、コミュニケーション 不具合発生時の対応 # 取り組み・工夫したこと 現状ローンチされて長いebookjapanのミニアプリを新たに立ち上げることでLINEからの新規ユーザーの流入を狙いとした施策であったため、SEO(メタ情報やGAからの情報を元に掲載情報やコンテンツを修正)やユーザー側がストレスの溜まりにくいUXになるようにSPAとして設計開発した。 当初アサインが決まってから2ヶ月以内にはすぐリリースしたいと聞いていたので、LINEミニアプリとして情報が多いReactを選択して他メンバーが運用担当になっても問題ないような設計（ロジック箇所UI箇所共通化箇所、ライブラリのバージョンを統一）などに尽力した。 # 成果・実績 はじめにモックで作ってほしいと言われた本アプリを２日で人前に見せれるレベルに仕上げて翌週の会議で、デザインを大幅に変える必要もないことと、大筋モックのものを採用する判断を受けデザイナーのアサインなしで進行できたのは工数の削減として実績を残せた。 またコンテンツの追加開発やLINE OAの導線、同意画面のスキップなどLINE設定周りに関しても特にUXの部分を意識しながら企画側と密にコミュニケーションをとって開発をすることができた。 また、k8sを使った自動デプロイや確認用のPR環境がPR作成時に自動デプロイされるように設定しデバッグしやすい環境を整えたり、CPU/メモリを各環境それぞれ適切な値を設定することでオーバースペックにならないように運用できた。 # 得られた知見・成長 LINEミニアプリを開発したことがなく知見が少ない中で、安全にかつスピード感を持ってリリースすることを特に重要視していた。 なので、経験としては長かったことと情報が豊富に存在するReact/TypeScriptを使用する技術選定をはじめ、他部署との連携をしながら開発を進めることができたのは大きな成長だと感じている。 本アプリ開発を通してより新規ユーザーの獲得やビジネスサイドの意図を開発側にいかに組み込むかを意識できたと思う。 またキャリアの中で初めてk8s,Screwdriver.cdでのCI/CDでの自動化に取り組むことで、以下に低コストで品質の高いプロダクトを運用するか、設定しているメモリやCPUサイズはオーバースペックではないかなど、新たにFEでも活かすことのできる視点ができたのは個人的には良い変化だと思っている。 # ポジション リードエンジニア # 期間 2026年1月 - 現在 # 開発言語・ツール JavaScript, React.js,TypeScript,Node.js,Express,Vite,Vitest,Kubernetes,Screwdriver.cd # タスク管理 Github, Jira