PROFILE

ご覧いただきありがとうございます。

要件が固まっていない状態から、リリースまで一人で走り切れるフロントエンドエンジニアです。

2019年8月にWeb制作事業「ピロリズム（PYLORHYTHM）」を立ち上げ、WordPressのフルスクラッチ開発で100社超のコーポレートサイト・LPを制作しました。要件定義から公開・運用保守・外注管理までをワンストップで担い、表示速度とSEOで具体的な成果を出しています。

2023年以降はTypeScriptによるReact / Next.js・Nuxt.js開発へ軸足を移し、同年11月からは東証グロース上場のIT企業に所属してSES契約で参画。ユーザー数万規模の顧客業務システムのフロントエンド新規開発・運用保守を担当し、仕様が固まっていない新規事業の申込フォームでは要件整理から仕様策定・実装・リリースまでを主導しました。

2025年10月からはフリーランスとして、大手通信事業者が提供するスマホ完結型カードローンサービスのフロントエンド開発および申込基盤構築に従事しています。Kubernetes / ArgoCD による環境運用、AEMでのコンテンツ管理、Datadogでのログ監視まで踏み込みつつ、Claude Codeを用いた開発・運用の自動化にも取り組んでいます。

また2023年12月からは本業と並行する副業として、フィンテック企業のコーポレート・採用サイトをNext.js × Google Cloud Runで新規構築。旧CMSからのドメイン移行、OIDCによるキーレスなデプロイ基盤の整備、外部コンテンツ同期の自動化までを担い、2年9カ月にわたり現在も継続しています。

現在の主な取り組み

  • Nuxt.js + TypeScript によるフロントエンド実装（大手通信事業者の個人向け金融事業）
  • Kubernetes / ArgoCD を用いた環境構築・GitOpsデプロイ運用
  • Adobe Experience Manager（AEM）でのコンテンツ管理・フロントエンド連携
  • Datadog を用いたログ監視・エラー調査・障害対応
  • Next.js（App Router）× Google Cloud Run でのサイト新規構築・運用改善（副業）
  • Claude Code を前提とした開発フローの最適化・定型作業の自動化
名称
N.HIROAKI
所在地
千葉県内
お問い合わせ
info@pylorhythm.com
業務内容
要件定義、設計、実装、テスト、リリース、運用保守、進捗管理、外注管理
使用言語
HTML5 / CSS3 / Sass (SCSS) / JavaScript (ES6+) / TypeScript / PHP / Python / YAML / Shell Script / Solidity
フレームワーク
Next.js (App Router / SSG / SSR) / React / Nuxt.js (Vue 3) / Vue.js / jQuery / Bootstrap / Tailwind CSS
UI・表現
GSAP / Three.js / PixiJS (WebGL) / Swiper.js / framer-motion / Motion / react-transition-group / Luxy.js
CMS
WordPress（テーマ自作・カスタム投稿・REST API拡張・会員機能）/ microCMS / Shifter / Adobe Experience Manager
ノーコードツール
Webflow
デザインカンプ
Photoshop / Illustrator / XD / Figma
ビルド・タスクランナー
Vite / Gulp / Volta / Homebrew
バージョン管理
Git / GitHub / GitHub Actions / GitLab CI/CD
クラウド（AWS）
EC2 / S3（静的ホスティング）/ CloudFront + WAF / Lambda / CloudWatch / AWS CLI
クラウド（Google Cloud）
Cloud Run / Artifact Registry / Secret Manager / Workload Identity Federation
ホスティング
Vercel / Shifter / Cloudflare
CI/CD・デプロイ
GitHub Actions（OIDCキーレスデプロイ・アクションのSHAピン留め・Dependabot運用）/ Docker (standalone ビルド) / stg・prod 2環境の運用設計
コンテナ・基盤
Kubernetes / ArgoCD（GitOpsデプロイ）/ Docker / Vagrant
監視・運用
Datadog（ログ監視・エラー調査・障害対応）/ CloudWatch / JP1 Ops Automation
DB・BaaS・KVS
MySQL / phpMyAdmin / Redis (Redis Cloud) / Firebase（Authentication・Realtime Database・Firestore）
外部API連携
LINE Messaging API（Webhook署名検証・push・reply・postback）/ Google Maps API / AtHome API / EmailJS
セキュリティ
Secret Manager によるシークレット管理 / reCAPTCHA Enterprise / Cloudflare Turnstile / 依存脆弱性のトリアージ / 公開フォームの多層スパム対策
テスト
Vitest / 単体テスト・テスト観点チェックリストの整備
パフォーマンス・SEO
PageSpeed Insights / Lighthouse / 構造化マークアップ・内部リンク設計 / 301リダイレクト設計・ドメイン移行
画像処理
Python（OpenCV / Pillow）による被写体切り抜き・背景再構築・アセット一括最適化
AIツール
Claude Code / Claude (Cowork) / GitHub Copilot / ChatGPT / Codex / Antigravity / nano banana pro
開発プロセス
アジャイル・スクラム（1週間スプリント）/ 要件定義・設計書作成 / テスト仕様書作成 / リリース手順書・バックアウト対応
OS
macOS（実務7年4カ月）/ Windows（3年）/ Linux（Docker・Kubernetes・Cloud Run 等のコンテナ環境、AWS EC2 の運用）
保有資格
普通自動車運転免許 / ヘルパー2級 / 福祉用具専門相談員

主要実績KEY ACHIEVEMENTS

100社超

コーポレートサイト／LP制作

WordPressフルスクラッチ開発を中心に、要件定義・情報設計から公開・運用保守・外注管理までワンストップで提供。

98点

PageSpeed Insights（モバイル）

グランピング施設サイトで獲得。表示速度と体験UXの改善設計により、顧客から高い評価を得た。

数万ユーザー

規模の業務システムを担当

東証プライム上場企業向け。Nuxt.js + TypeScript での新規開発とAWS上での運用保守を継続。

仕様未確定から期日通りにローンチ

新規事業の申込フォーム開発

不完全な既存仕様を再整理し、バックエンドと連携して仕様策定そのものを推進。実装・リリースまで主導した。

Googleマップ検索1位

SEO内部施策による集客貢献

「クラフトビール」での上位表示を実現。撮影を含む制作全体を1人で担当した案件。

2年9カ月継続中

本業と並行した副業でのサイト構築・運用

Next.js × Cloud Run。旧CMSからの移行で既存記事73件の301リダイレクトを設計し、SEOと流入を落とさず完遂。

企画から本番リリースまで1人で完遂

Canvasゲーム型ECページ + LINE承認Bot

アーティスト公式サイトに、キャラクターを操作して店内を巡るインタラクティブEC体験と、承認フロー付きファンメッセージ基盤を新規構築。

スキルマップSKILL MAP

5設計判断まで担い、他者に説明・レビューできる4単独で設計・実装し、本番運用まで回せる3実務で継続的に担当している2実務での使用経験がある1学習・検証段階

フロントエンドLv.5生成AI活用Lv.5CI/CD基盤Lv.4要件定義・推進Lv.4ディレクションLv.4クラウド運用Lv.3サーバー／APILv.3
  • フロントエンド実装Lv.5

    全案件の主務。Nuxt.js / Next.js / React / Vue と TypeScript。実装だけでなく、コンポーネント設計指針やレビュー観点の策定まで担当してきた領域です。

  • 生成AI活用開発Lv.5

    実装補助ではなく、専門外の領域を本番品質まで持っていくための道具として使用。Claude Code を設計の壁打ち相手に CI/CD 基盤を構築し、2年9カ月稼働しています。

  • CI/CD・デプロイ基盤Lv.4

    「作ったものを届ける」ために自分で手を広げた領域。OIDC によるキーレスデプロイをゼロから構築し、単独で運用を継続しています。

  • 要件定義・推進Lv.4

    仕様書が未確定の状態から仕様策定そのものを引き取り、期日通りにローンチ。受託100社超でも、顧客折衝から運用までを一貫して担当しました。

  • 制作ディレクション・外注管理Lv.4

    個人事業として100社超を並行運営。外部パートナーの調達、発注単価・納期の設定、進捗と予算の管理、品質チェックまでを担当。受注側の経験も長く、発注・受注双方の視点を持っています。

  • クラウド・運用Lv.3

    AWS・Google Cloud・Kubernetes 上でアプリケーションを運用。監視と障害の一次対応は担当しますが、インフラ専任としての設計・チューニングは範囲外です。

  • サーバーサイド／APILv.3

    PHP 6年4カ月。Route Handler での API 実装、Webhook の署名検証や冪等性の設計まで担当。RDB のスキーマ設計は、これから広げたい領域です。

※ レベルは自己評価です。各項目の説明が、その評価の根拠にあたる実務です。

職務経歴WORK EXPERIENCE

2025.10 – 現在

フリーランス

スマホ完結型カードローンサービス／フロントエンド開発・申込基盤構築

クライアント：大手通信事業者の個人向け金融事業　／　体制：約9名（フロントエンド担当）　／　開発手法：アジャイル（スクラム）

  • TSVを用いたランディングページ動的生成システムを設計・実装。非エンジニアでもページ内容を更新できる運用体制を整備した
  • TSVデータのバリデーションスクリプトを開発し、入稿ミスに起因する公開事故を未然に防ぐ仕組みを用意
  • Claude Code を業務に導入し、実装補助と定型作業の自動化により開発フローを最適化

Nuxt.js (Vue 3) / TypeScript / Kubernetes / ArgoCD / GitHub / AEM / Datadog / Claude Code

2023.12 – 現在

副業・並行

コーポレート／採用サイトの新規構築・運用（Next.js × Cloud Run）

クライアント：法人向け金融サービスを提供するフィンテック企業　／　形態：業務委託（本業と並行）　／　体制：社内エンジニア・デザイナー・Platformチームとの協働

  • 旧CMSからのドメイン移行を、既存記事73件の301リダイレクト設計により完遂。SEO評価と既存流入を落とさずに切り替えた
  • 長期キーを持たないキーレスデプロイ（OIDC / Workload Identity Federation）を構築。staging / production の2環境を同一イメージで運用
  • 外部6ソースからの日次コンテンツ同期を冪等な追記処理として実装し、更新の人手作業を撤廃
  • 脆弱性対応を本番影響の有無で切り分けて実施。overrides による patched 版固定でダウングレードを伴わず、影響あるHIGHをゼロにした
  • シークレットをリポジトリに置かず Secret Manager 管理に一本化。閲覧制限・reCAPTCHA Enterprise のサーバー検証も実装

Next.js 16 (App Router / SSG) / React 19 / TypeScript (strict) / Tailwind CSS v4 / Google Cloud (Cloud Run・Artifact Registry・Secret Manager・WIF) / GitHub Actions / Docker / Vitest / Cloudflare

2026.07 – 現在

自主プロジェクト

音楽アーティスト公式サイト／インタラクティブECページ・LINE連携メッセージ基盤の新規開発

対象：HIPHOPグループ公式サイト（Next.js製・稼働中）　／　形態：企画・開発・運用を単独担当　／　体制：1名（生成AIを開発パートナーとして活用）

  • PixiJS（WebGL）で2Dゲームエンジンを実装。シーン管理・スプライトアニメーション・当たり判定・Y軸深度ソートに加え、ドット絵調のゲームUIもWebで自作し、購入導線を外部ECへ接続した
  • LINE Messaging API 連携で、Webhook署名検証（HMAC-SHA256）とpostbackアクションによる承認・却下フローを設計・実装。管理者のLINE上で承認が完結する運用とした
  • 投稿フォームに多層防御を設計。ワンタイムトークン・送信時間チェック・ハニーポット・Cloudflare Turnstile・レート制限・重複排除・キルスイッチを実装
  • デザイナー不在の環境で、Python（OpenCV / Pillow）による人物切り抜き・背景再構築を行い、提供素材のみからゲーム用アセットを自作

Next.js 16 (App Router) / React 19 / PixiJS (WebGL) / TypeScript / Python (OpenCV・Pillow) / Redis (Redis Cloud) / LINE Messaging API / Cloudflare Turnstile / microCMS / Vercel

2023.11 – 2025.09

正社員（SES契約）

顧客業務システムのフロントエンド開発・運用保守

所属：IT企業（東証グロース市場・従業員1,819名）　／　参画先：東証プライム上場企業　／　体制：約10名のスクラムチーム

  • 新規事業立ち上げに伴う申込フォームのフロントエンド開発を主導。仕様書が未確定の状態から、不完全な既存仕様を再整理し、バックエンドと連携しながら仕様策定を推進。スケジュール通りのローンチを実現した
  • フロントエンド設計指針（コンポーネント設計ルール）を策定し、チーム内の実装品質のばらつきを解消
  • コードレビューテンプレート／テスト観点チェックリストを整備し、レビュー品質の標準化に貢献
  • AWS CLI を用いたデータ一括更新のShell Scriptを作成し、手作業による更新負荷を削減
  • ワークフロー自動化基盤「JP1 Ops Automation」のモックアップ開発と、再現可能な状態での手順書作成

Nuxt.js (Vue 3) / TypeScript / JavaScript / Sass / Python / YAML / AWS (EC2・S3・CloudFront・Lambda・CloudWatch) / Docker / Vagrant / GitLab CI/CD

2019.08 – 2023.10

個人事業主・代表

Web制作事業「ピロリズム（PYLORHYTHM）」／受託開発・ディレクション

事業内容：Webサービス開発・運営　／　案件規模：100社超（コーポレートサイト・LP・リニューアル・ヘッドレスCMS化）

  • PageSpeed Insights モバイル98点を獲得（グランピング施設サイト）。表示速度とUXで顧客から定評を得た
  • 着手から2日で特設サイト、3日でフルサイトを公開。短納期案件での実行力を証明
  • ローカルラジオ局サイトで、PHP・JavaScript による日替わり番組表と「Now On Air」ナビゲーター情報の自動表示を実装
  • React + microCMS によるヘッドレスCMS化で、既存サイトのパフォーマンスを大幅に改善。Next.js によるSSR実装も多数担当
  • SEOキーワードでの上位表示、Googleマップ検索1位獲得など、集客面でも成果を創出
  • デザインカンプがない案件でも、顧客と対話を重ねながらコーディングのみでデザインまで完結させて納品

HTML5 / CSS3 / Sass / JavaScript / TypeScript / PHP / Solidity / WordPress（テーマ自作）/ React.js / Next.js / Vue.js / Nuxt.js / microCMS / GSAP / Three.js / MySQL / Firebase / AWS / Vercel / Shifter / GitHub Actions

お仕事以上のお仕事を

顧客からのご依頼の範囲をこえた付加価値を提供することにより信頼が確立されていくと思っています。
つまり、要求された10のタスクに対し、15の価値を提供できるようなサービスを心がけています。

決まっていないものを、決めながら進められる

新規事業の申込フォーム開発は、仕様書が未確定のまま着手する状況でした。不完全な既存仕様を自分で洗い直し、バックエンド担当と議論しながら仕様策定そのものを引き取り、設計・実装・リリースまで走り切って期日を守りました。

依頼の外側まで手を伸ばす

デザインカンプのない案件では対話を重ねてコーディングだけでデザインまで仕上げ、素材が足りない案件ではトップページ用の写真を自ら撮影して制作まで担当しました。案件によっては価格シミュレーターや日替わり番組表など、「あると効く」機能を提案して自作しています。

自分がいなくても回る形にして渡す

フロントエンド設計指針、コードレビューテンプレート、テスト観点チェックリスト、リリース運用手順書、環境構築ドキュメント。参画したチームには必ず「次の人が再現できる資料」を残してきました。属人化させないことは、受託100社を1人で回してきた経験から身についた習慣です。

技術のキャッチアップを止めない

業務外でも Claude Code・GitHub Copilot を取り入れた個人開発を継続しています。直近では音楽アーティストの公式サイトに、PixiJSによるゲーム型ECページとLINE Messaging APIを用いた承認フロー付きメッセージ基盤を新規構築し、企画から本番リリースまで一人で完遂しました。学んだ内容は自身のブログで継続的にアウトプットしています。

仕事に対する理念

徹底的な取り組みを通じ、大きな価値を提供したいという気持ちを持っています。
この姿勢を通じ、信頼を積み重ね、いつしか「敬意」となり返ってくる事こそ、最大のリターンであると思っています。

最後までお読みいただきありがとうございました。是非一緒にお仕事できれば幸いです。

このポートフォリオサイトは

Next.js,SCSS,GSAP / vercel

で構築されております。

https://github.com/nouzoehiroaki/pylorhythm
職務経歴書のダウンロード（2026年9月版・PDF）
Thank You!