ID:78666さん

# 1. 下記大規模ニュースメディアのNext.jsへのリプレース・リアーキテクチャ 「Business Insider Japan」、「ライフハッカー・ジャパン」、「ギズモード・ジャパン」 * 技術スタックの刷新： レガシーなPHP環境から、TypeScript、Next.js、GraphQLを用いたモダンなアーキテクチャへのリプレースを完遂。 * 上流工程・要件定義： リプレース前のコードおよびデータベースの構造を分析して仕様を可視化。ディレクター等のステークホルダーと要件定義やスコープの調整、開発ドキュメントの整備、スケジュール策定を担当。 * プロジェクトマネジメント： 自社メンバーおよび業務委託メンバーのタスク管理、進行管理、工数管理、およびプルリクエストのコードレビューを実施。 * フロントエンド実装： HTML/CSSによるUIデザインの再現、GraphQL APIの繋ぎこみ、外部会員管理サービスとのAPI連携を実装。 * 品質・汎用性の向上： キーボード操作やスクリーンリーダーに配慮したWebアクセシビリティ対応、外部ニュース配信システムの構築。複数リポジトリ間で利用する共通処理やUIコンポーネントをNPMパッケージとしてライブラリ化し開発効率を向上。 * データマイグレーション： 新旧データベースのデータ構造の違いを埋めるための移行用データ変換システム（スクリプト）を開発。 # 2. 自社CMS（管理画面）の開発・運用 * ビジネスサイドやディレクターと共に、管理画面の機能アイデア出し、要件定義、開発資料作成 * React、GraphQL、Chakra UIを活用し、CMSのUI開発およびAPI連携を実装 # 3. 5サイトほどの複数ニュースメディアの保守運用およびパフォーマンス最適化（PHP・TypeScript） * リプレース完了後の追加機能開発、バグフィックス、リファクタリングの実行 * レガシーなPHP環境の改修・改善、バグフィックス、リファクタリングの実行 * 他メンバーや業務委託メンバーへの指示出し、進捗管理、コードレビューを主導 * Webパフォーマンス改善： バンドルサイズの削減、不要な再レンダリングの解消、GraphQLクエリの最適化などを行い、ページの応答速度やユーザー体験（UX）を向上 # 4. テクニカルSEO対策の推進 * Core Web Vitals（LCP、INP、CLSなど）のスコア改善に向けたフロントエンドの高速化。 * robots.txtやnoindexを適切に制御し、インデックス数やクロールバジェットの最適化。 * 検索結果での視認性を高めるための構造化マークアップ（JSON-LD等）の実装。 * 検索流入の最大化を見据えた、適切なメタタグ（title、description、OGP等）の設計および改善。 # 5. 採用活動 * 各種求人媒体やエージェントのスカウト機能を活用した候補者の選定。 * カジュアル面談および面接の対応、合否の判定。 現職のディレクター陣はほぼ新卒1〜3年目が多くITリテラシーが高くない状況で、ふわっとした内容からやりたい意図や目的をヒアリングし、仕様・スコープ決めをしている。また、自身も実装を進めながら、他のメンバーや業務委託者にタスクの依頼などの管理をしたり、プルリクエストの確認などプロジェクトの全体の進行をしている。自ら問題点を見つけバグフィックス、リファクタリング、パフォーマンス改善、テクニカルSEO対策を行っている。 # ■ 主な技術構成： 【共通】：Git(GitHub)、Claude Code 【フロントエンド】: Next.js（React）、TypeScript、GraphQL、Chakra UI、CSS Modules、ESLint、Prettier、husky、React Hook Form、Jest、Storybook、figma # ■ チーム構成（業務委託含む）： フロントエンド： 3名（自身を含む、時期により業務委託メンバー等で変動） バックエンド： 3名 マネージャー： 2名 ディレクター： 7名

全国の大型商業施設（ショッピングセンター）向けのCMSとグループウェアを統合した業務システム「PICTONA」(ピクトナ)の開発・運用の担当。 主な機能：スケジュール管理、メッセージ管理、掲示板、申請・承認管理、アンケート作成・回答機能、売上管理機能、CMS（サイトのコンテンツ管理） * 企画・要件定義： プロダクトの新規機能および追加機能における企画や要件定義を行い、工数見積もりおよびスケジュールを算出。スプレッドシートにて機能概要、詳細仕様、テスト項目、工程管理をドキュメント化。 * デザイナー・バックエンドと連携したUI開発： デザイナーと緊密なコミュニケーションを図りながら、Vue.jsを用いたコンポーネント設計・UIを開発。バックエンドエンジニアと密に連携し、REST APIの仕様調整からフロントエンドへの結合までを円滑に完遂。 * ドキュメント整備による開発効率化と品質担保： REST APIのインターフェースドキュメントや、VueコンポーネントのProp仕様などの各種開発資料を作成。 * 他のメンバーの管理： 業務委託メンバーや他エンジニアへのタスク割り当て、コードレビュー（GitLab上でのマージリクエスト確認）の対応。 # ■技術構成： 【共通】：GitLab 【バックエンド】：PHP(Phalcon) 【フロントエンド】：Vue.js、Sass、Babel、ESLint、Webpack、axios、VueValidator、jQueryなど 【コーディングルール】：ESLint、FLOCSS # ■チーム構成： フロントエンド： 1～2名（自身を含む、時期により変動） バックエンド： 4名 ＋ 外注 デザイナー： 1名（外部パートナー） マネージャー： 1名

受託開発会社において、Webデザイナーとしてキャリアをスタート。バナーや印刷物、Webサイトのデザインからフロントエンド実装、WordPress開発までを幅広く手がけた後、社内でサーバーサイドエンジニアへ転身。LAMP環境（PHP/CakePHP/MySQL）を中心とした大規模業務システム、ECサイト、リアルタイム試合速報システムなどの開発・改修を担当。顧客折衝や新卒指導に加え、フィリピンのオフショアチームや外部協力会社（外注・SES）のディレクション・進行管理も担当。 # ■役割・主な取り組み * Webデザイン(バナー制作や印刷物も)、HTML/CSSマークアップ、WordPressを使用したCMS開発 * サーバーサイドの開発（PHP、CakePHP、MySQL） * オフショアチーム(フィリピン)や協力会社(外注・SES)の管理、指示出し、進行、納品 * 新卒への指導 * 顧客折衝や要件定義 # 【事例1】 * 複数プロスポーツ球団（プロ野球・Jリーグ等）の公式サイトおよびECサイト開発 * 公式サイト全体のフロントエンドデザイン、およびHTML/CSSコーディング * 試合速報システムの開発、およびデータ提供会社とのAPI連携によるリアルタイムデータ処理の実装。 * 各ページの独自CMS、キャンペーン応募フォーム、および顧客管理システムの開発 * ECサイト（グッズ販売等）における商品登録、顧客管理、注文管理を行う管理画面のデータベース（MySQL）設計およびシステム開発 # 【事例2】 * ワインスクール専門学校の業務基盤システムおよびWebサイト開発 * 受講生向けサイトのHTML/CSSコーディング、独自CMS・管理画面のUI開発 * データベース(MySQL)設計 * 講座登録管理、出席登録管理、生徒管理などの管理画面開発 * ECサイト開発、商品登録、顧客管理、管理画面の開発 * アプリ向けデータ連携用APIの開発 * 外部協力会社との連携 # ■技術構成： LAMP環境、PHP、CakePHP、MySQL、Subversion、Git