ID:78666さん

5サイトほどのニュースサイトの開発・運用、サイトのリニューアル、CMSの開発を担当。 ■ 職種：フロントエンドエンジニア ■ 担当していること 1. 2つのニュースサイトをNext.jsへのリニューアル Business Insider Japan https://www.businessinsider.jp/ ライフハッカー・ジャパン https://www.lifehacker.jp/ ・レガシーなPHP環境からTypeScript 、Next.js(SSR、Pages Router)、GraphQL環境へリプレース ・リプレース前のコード・データを分析し仕様確認 ・ディレクターと要件定義やスコープ決めなどの調整、開発資料作成 ・フリーランスやパートナー企業の業務委託者への管理や指示出し、進行、プルリクの確認 ・サイトの実装、HTML/CSSでのデザインの再現、API(GraphQL)の繋ぎこみ ・外部の会員管理サービスとのAPI連携 ・キーボード操作やスクリーンリーダーなどアクセシビリティへの対応 ・外部ニュースサイトへの配信システムを実装 ・複数サイトごとの共通処理をライブラリ化（NPMパッケージ化） ・旧データベースから新データベースへ移行用の変換システムを開発 2. CMSの開発・運用 　・React、GraphQL、Chakra UIを使ってCMSのUIを開発 3. 5サイトほどのニュースサイトの開発運用（PHP・TepeScript） 　・リプレースのリリース後の改修・改善、バグフィックス、リファクタリング行う 　・レガシーなPHP環境の改修・改善、バグフィックス、リファクタリング行う 　・フリーランスやパートナー企業などの業務委託者への管理や指示出し、進行管理、プルリクの確認 　・バンドルサイズ軽減、再レンダリング問題解消、GraphQLクエリ見直しなどのパフォーマンス改善を行う 　・表示スピード改善のコアウェブバイタル対策、metaタグや構造化マークアップ等のSEO対策を行う 4. 採用活動
 　・求人媒体・エージェントのスカウト機能から候補者を選定、面接対応、合否決定 現職のディレクター陣はほぼ新卒1〜3年目が多くITリテラシーが高くない状況で、ふわっとした内容からやりたい意図や目的をヒアリングし、仕様・スコープ決めをしています。 また、自身もリプレースの実装を進めながら、業務委託や他のメンバーに指示出しを出したり、プルリクエストの確認などプロジェクトの全体の進行をしています。 自ら問題点を見つけバグフィックス、リファクタリング、パフォーマンス改善、SEO対策を行っています。 ■ 主な技術構成： 【共通】：Git(GitHub) 【フロントエンド】: Next.js（React）、TypeScript、GraphQL ■ チーム構成： フロントエンド:3人 ← 私含む バックエンド:2人 デザイン:1人 マネージャー:2人 ディレクター:5人

ショッピングセンター向けのCMSとグループウェアを統合した業務システム「PICTONA」(ピクトナ)の開発・運用の担当。 https://www.parco-digital.co.jp/service/pictona/ ■職種：フロントエンドエンジニア ■担当してたこと - 新規機能や追加機能の企画や要件定義、スケジュールや工数出し スプレッドシートに機能の概要、仕様、テスト項目、スケジューを記載 - HTML/CSSでのUIデザインの再現、デザイナーと共に進行 - 機能の改修・改善、要件定義、バグフィックス - フロントエンドとバックエンド(サーバーサイド)との連動部分の設計やドキュメント作成 Vue.jsのComponentに受け渡す値、Ajax通信で使うJsonの値、のドキュメント作成 - 業務委託や他のメンバーの進行、コードレビュー 企画や要件定義を行い、デザイナーと議論しながらUIを実装、サーバーサイドの方々とコミュニケーションを取りながらAPI連携を実装しました。 フレームワーク：Vue.js コーディングルール：ESLint、FLOCSS ■技術構成： バージョン管理：GitLab、　バックエンド：PHP(Phalcon) フロントエンド：Vue.js、Sass、Babel、ESLint、Webpack、webpack-dev-server、axios、VueValidator、jQueryなど ■チーム構成： フロントエンド: 1～2人(時期で変動) バックエンド:4＋外注 デザイン:1人 マネージャー:1人