About
自己紹介
フルスタックエンジニア。 TypeScript / React / Next.js を軸に、型安全性・保守性・可読性を意識した設計・実装を強みとしています。 認証・決済・DB設計・インフラまで企画から運用を一人で完遂でき、ウォーターフォール・アジャイル双方の開発経験があります。 フルリモートを基本に、週2日までの出社にも対応。非同期コミュニケーションとPR駆動の開発に慣れています。
どんな領域でも「ボトルネックを見つけ、基礎を固め、仕組みにして、続けられる形に落とす」ことで成果を出してきました。 ダーツでは既存アプリの限界をプレイヤーとして特定し、エンジニアとして自ら解決策を構築。 開始1年未満でプロライセンスを取得した過程で培った「課題発見→データ分析→改善サイクル」は、そのままプロダクト開発のアプローチに直結しています。
実務でもこの動き方は一貫しています。 チーム全体の進捗やレビュー待ちなどのボトルネックを常に意識し、タスクの分割・再調整やメンバーのフォローを主体的に実施。 新規参画者へのペアプログラミングやオンボーディング整備でチームの立ち上がり速度を改善してきました。 顧客との仕様調整では要件の背景や意図を正確に理解し、代替案を含めた実装方針を提案。 スピード感と品質のバランスを重視した納期管理を得意としています。
アウトプット習慣
プロ活動・ダーツの疑問発信・スポンサー店舗の宣伝を2年間継続
Zennで開発知見を体系的に発信
パーソナリティ
仕組みの全体像を把握してから手を動かしたい設計志向と、「決めたら即行動」の推進力が同居するタイプ。曖昧な仕様を放置できず、認識齟齬を潰してからコードを書く性格はエンジニアの適性そのものだと感じています。
稼働条件
プロダクトの面白さと自身の成長を重視。 技術で事業課題を解くチームに貢献したいと考えています。
Work Experience
実務経歴
大手自動車メーカー 障害情報管理サービス
2025/10 〜 2026/14ヶ月PM1名 SE2名（自分含む）- ▸要件定義からテスト・運用まで全工程を一人で担当し、上流〜下流の一気通貫を実証
- ▸クライアントとの要件調整・仕様折衝を直接担当
- ▸障害情報の一元管理フローを設計し、対応時間の短縮に貢献
- ▸CloudWatch ログ分析による障害原因の特定・対応フロー改善
- ▸チーム内コードレビューを主導し、品質基準の統一に貢献
- ▸フリーランスとして初の上流工程経験 — 独立後の自走力を証明
大手鉄道会社 ID統合サービス
2025/4 〜 2025/96ヶ月PM1名 SE4名 PG2名- ▸グループ各社のID基盤を統合するプロジェクトで、運用保守をメインに担当
- ▸既存バッチ処理（cronjob）の性能改善を調査し、Amazon Kinesis Firehose への移行設計を推進
- ▸負荷テストを主導し、クライアントとデータ量の調整を密に実施・マニュアル整備
- ▸この現場を最後にSESから独立を決意
国内最大手電子新聞サイト エンハンス開発
2022/7 〜 2025/32年9ヶ月 / 会員500万人超PO1名 SM1名 Dev5〜7名- ▸登録会員500万人超の大規模サービスでフロントエンド開発
- ▸Issue / PR 駆動の開発フロー — チケット起票→ブランチ→レビュー→マージの一連を日常的に運用
- ▸オリンピック・ワールドカップ・選挙など大型特設ページを自分主体で設計・実装・コードレビュー
- ▸社内向けサービス(For Office)を一人称で新規設計・実装
- ▸基盤移行プロジェクトで基本設計レベルの技術調査・比較検討を担当
- ▸Figma デザインカンプから Storybook コンポーネント化までの UI 開発フロー
- ▸要員入れ替えの多いPJで新規参画者の環境構築・技術面のサポートを担当
- ▸Dependabot PR（週次約15件）のリリースノート精査・マージ判断を主導
- ▸フルリモートで進捗を密に報告、タスク分割・PRの規模を最適化してレビュワーの負担を軽減
Personal Projects
個人開発
DevDex — IT用語理解度管理ツール
運用中2026/3（7日間・78時間で構築）〜 運用中
たった7日間（実稼働78時間）、Claude Code SubAgents 6体制によるAI駆動開発で構築したIT用語理解度管理ツール。用語登録→AI概要補完→習熟度スコアリング→レーダーチャート可視化のサイクルで「エンジニアの内面」をデータ化。長文貼り付けからの用語一括抽出、エンジニアタイプ診断、スキルシート管理、公開プロフィールURL生成まで備える。
なぜ作ったか
面談前に「自分がどの技術をどこまで理解しているか」を整理する手段がなく、毎回ゼロから準備していた課題を解決。スキルシートが「外面」なら、このアプリは「内面」を可視化するツールとして企画。Claude Code SubAgentsによるAI駆動開発の実践プロジェクトでもある。
既存サービスとの差別化
- ▸既存のスキル管理は自己申告の箇条書きのみ → 1〜5段階の習熟度スコア + カテゴリ別レーダーチャートで定量的に可視化
- ▸用語の概要を毎回手書き → Anthropic API でワンクリックAI補完。長文貼り付けからの一括抽出にも対応
- ▸技術スタックの棚卸しに特化したツールが存在しない → 用語登録・親子関係・関連用語・ピン留め・ウォッチで構造的に管理
- ▸エンジニアタイプ診断（4軸×16タイプ + 対人スタイル4タイプ）でスキル傾向を客観的に把握。登録不要で診断 → SNSシェアで集客導線を設計
- ▸Free/Pro/Enterprise の3層課金 + 組織機能で toC・toB 両方に対応。Stripe連携でサブスクリプション決済
設計・技術のポイント
- ▸AI駆動開発 — Claude Code SubAgents 6体制（PM/実装/テスト/レビュー/日記/ビジネス）で設計〜テスト〜収益化分析を自動化。意思決定記録・開発日記の自動生成まで仕組み化
- ▸Server Component + Client Component のハイブリッド設計 — データフェッチをサーバー側に集約し、APIラウンドトリップを排除。Recharts は dynamic import (ssr: false) で遅延読み込み
- ▸Supabase RLS（Row Level Security）による多層アクセス制御 — 全テーブルにRLSポリシーを適用。公開プロフィールは service_role キーで読み取り
- ▸Anthropic API 連携 — 用語概要のAI補完、長文からの用語一括抽出、AI面談シミュレーター、AI学習プラン生成。利用上限を Free/Pro で差別化
- ▸エンジニアタイプ診断 — 64問の質問から4軸×16タイプに分類。スコア + タイプ別キャラクター + 詳細レポート + 対人スタイル診断。SNSシェアで集客導線を設計
- ▸スキルシート管理 — 案件・担当工程・使用技術を登録し、Excel/PDF出力・Excelインポート（AI構造解析）・公開URL・面談準備リストとして活用
- ▸2,429テスト（Vitest + Playwright E2E）— ユニット171ファイル + E2Eシナリオで品質を担保。CI/CDでlint/test/buildを自動実行
- ▸3段階ロールモデル（user/pro/admin）+ 組織ロール — Feature Gate パターンでPro機能を制御。Stripe連携でサブスクリプション課金
主な機能
darts Lab
運用中2025/12 〜 運用継続中
ダーツプレイヤー向けのセッティング管理・スタッツ連携・バレル探索・コミュニティWebアプリ。DARTSLIVEアカウント連携でスタッツを自動取得し、ピアソン相関・線形回帰・スピード分析・ブル率シミュレーターなど多彩な統計分析で成長を可視化。iOS HealthKit連携で心拍・HRV・睡眠等のヘルスデータとダーツパフォーマンスの相関を分析。
なぜ作ったか
自身がダーツのプロ選手として活動してきた経験から、セッティング管理の煩雑さ・スタッツの可視化不足・バレル選びの情報分散といった課題を解決するために企画・開発。
既存サービスとの差別化
- ▸既存アプリはスタッツ閲覧のみ → 相関分析・回帰分析・スピード分析・ブル率シミュレーターなど統計的な深掘りが可能
- ▸DARTSLIVEとPHOENIXは別会社・別アプリでデータ分断 → 1つのダッシュボードで統合閲覧
- ▸バレル検索は「16〜18g」のような粗いフィルターのみ → 0.1g/0.1mm単位のスライダー指定 + 独自レコメンドエンジン
- ▸マイショップは1店舗のみ・禁煙/路線検索なし → 複数ブックマーク + 禁煙/分煙フィルター + 路線検索 + 訪問済み/未訪問管理
- ▸セッティング比較は感覚だより → 0.1mm/0.1g単位でパーツごとに定量比較
設計・技術のポイント
- ▸フルサーバーレス構成 — フロント〜認証・課金〜インフラまで全工程を一人で完遂
- ▸AI駆動開発 — Claude Code SubAgents 5体制で設計〜テストを自動化。3プロジェクト間の数値同期・開発日記の自動生成・ツール呼び出しログの定量分析まで仕組み化
- ▸3段階SaaSモデル（一般/Pro/管理者）— Stripe Subscription + NextAuth + Firebase Auth のロールベース制御
- ▸統計分析エンジン — ピアソン相関・線形回帰・スピード分析(アダプティブ刻み幅+ミス方向検出)・ブル率改善シミュレーター・DL3レンジ推移分析
- ▸DARTSLIVE API + Puppeteer + Vercel Cron（毎日JST 10:00）でスタッツを自動収集。スクレイピング→API移行でフル同期+差分同期の2モード対応
- ▸DL3フルビットセンサーデータ活用 — レンジ(グルーピング半径)推移・レーティング別ベンチマーク比較・LINE通知での前回比較値表示
- ▸LINE Bot高度化 — ロール別カルーセル通知（7種Flex Bubble）・リッチメニュー2×3・オンデマンド分析/トレンドコマンド。月200プッシュの無料枠内で最大限の価値を提供
- ▸セキュリティレビュー実施（A+評価）— CRITICAL 2件・HIGH 7件・MEDIUM 8件を修正。CSP nonce方式統一・XP操作ホワイトリスト制限・Firestoreフィールド制限・レートリミット(60req/min)・SSRF対策・CSV Injection対策
- ▸iOS HealthKit 連携 — Swift Capacitor プラグインで心拍/HRV/睡眠/歩数等10種のメトリクスを取得。ピアソン相関でカウントアップ平均スコアとの関連を分析し「HRV高い日はCU平均+15」等のインサイトを自動生成。HealthKit → Capacitor Bridge → Firestore → Next.js API → Recharts のフルスタックデータパイプライン
- ▸661テスト（Vitest 459 + Storybook 173 + Playwright E2E 29シナリオ）— 3層テスト戦略で品質を担保
- ▸スタッツカード31枚にErrorBoundary適用 — 1カードのエラーが他に波及しない堅牢設計
主な機能
AI駆動開発の知見を発信
ZennSaaS Launcher — スターターキット販売
運用中2026/3 〜 販売中darts Labから認証・決済・セキュリティ基盤を抽出した日本語圏初のNext.js SaaSスターターキット。¥2,980で販売中。
next-api-composer — OSS npm パッケージ
公開中2026/3 〜 公開中Next.js App Router Route Handler向けのミドルウェア合成ライブラリ。compose()で認証・レートリミット・バリデーションを型安全に合成。ESM+CJS対応、ゼロ外部依存。
飲みゲープラットフォーム
運用中2026/3 〜 運用中飲み会で使えるゲームを集めたモバイルファーストWebアプリ。5抜き・ルーレット・指さしゲーム・NeverHaveIEver・王様ゲーム・二択チキンレース・暴露ルーレットの7種を収録。Web Audio APIによるサウンド生成、SVGアニメーション、PWA対応でネイティブアプリのような体験を提供。
MonkMode — 筋トレ・食事管理
開発中2026/2 〜 開発中筋トレ・食事管理アプリ。Supabase + Dexie.jsでオフラインファースト設計。ダーツ練習日を保護する適応型スケジューラーで両立を実現。
Skills
技術スタック
▶ 全スキル詳細を表示
フレームワーク / 言語
UI / グラフ
認証 / 決済
データベース
インフラ / クラウド
テスト / CI / 監視
スクレイピング / API
モバイル / その他
対応可能な業務
フルスタック開発
得意領域- ▸React / Next.js / TypeScript — 3年以上の実務経験
- ▸MUI / Tailwind CSS / Storybook — コンポーネント駆動開発
- ▸Node.js / Python / Java — サーバーサイド対応
- ▸Firebase / Supabase — 認証・DB設計・ホスティング
- ▸Stripe 決済 / LINE Bot / Puppeteer OGP自動生成
- ▸Recharts データ可視化・統計ダッシュボード構築
インフラ / クラウド
- ▸AWS（Lambda / DynamoDB / DocumentDB / CloudWatch）
- ▸Amazon Kinesis Firehose — ストリーミング移行設計
- ▸Fastly CDN — 500万会員規模の大規模配信最適化
- ▸Vercel / Firebase Hosting / PWA モバイル対応
- ▸Sentry エラー監視 / Vercel Cron ジョブ管理
設計 / 品質管理
- ▸要件定義〜詳細設計〜テスト — 全工程一貫対応
- ▸Figma → Storybook → 実装の UI 開発フロー
- ▸CI/CD（GitHub Actions / CircleCI）
- ▸負荷テスト計画策定・クライアントとのデータ量調整
- ▸Dependabot PR 精査・ライブラリ更新管理（週次約15件）
- ▸セキュリティレビュー（11件の脆弱性修正実績）
運用 / AI駆動開発
- ▸CloudWatch ログ分析・障害原因特定・対応フロー改善
- ▸バッチ処理性能改善（cronjob → ストリーミング移行設計）
- ▸新規参画者オンボーディング・環境構築支援・マニュアル整備
- ▸Claude Code — 設計〜実装〜テストを AI と協働
- ▸AI駆動の設計書自動生成（要件定義書・ER図・フロー図）
- ▸Zenn 技術書・記事で開発知見を発信
Services
対応可能な業務
フルスタック開発（フロントエンド軸）
- ▸React / Next.js / TypeScript（実務3年+個人開発）
- ▸Firebase / Supabase によるバックエンド・認証・DB設計
- ▸Stripe 決済基盤（Subscription / Webhook サーバーサイド完結）
- ▸Puppeteer スクレイピング + Vercel Cron による自動データ収集
- ▸Recharts データ可視化・統計分析（相関分析・回帰分析・ヒートマップ・シミュレーター）
インフラ / クラウド
- ▸AWS（Lambda / DynamoDB / CloudWatch）
- ▸Vercel（ホスティング / Edge Runtime / Cron）
- ▸Firebase（Auth / Firestore / Storage）
- ▸PWA / モバイル対応（Serwist / Capacitor iOS）
設計 / 品質管理
- ▸要件定義〜詳細設計〜テスト — 全工程を一貫対応
- ▸CI/CD パイプライン構築（GitHub Actions / CircleCI）
- ▸コードレビュー・Dependabot管理
- ▸セキュリティレビュー（CRITICAL含む17件の脆弱性修正、A+評価達成）
AI駆動開発
- ▸Claude Code 活用 — 設計〜実装〜テスト〜設計書をAIと協働
- ▸アジャイル（スクラム）での週次スプリント開発
- ▸REST API 設計・Swagger 連携
Practices
開発プラクティス
CI/CD パイプライン
lint → format → test → build の4段階ゲートをGitHub Actionsで自動実行。全パスしないとマージしない。
テスト自動化
個人開発でもテストを書き、リファクタリングの安全性を確保。Vitest 459テスト + Storybook 173ストーリー（全40ページ対応）+ Playwright E2E 29シナリオでロジックとUIの両面をカバー。
設計ドキュメント
要件定義書・基本設計書・詳細設計書・ADR 7本・セキュリティレビュー・運用マニュアル等をAIと協働で整備。
セキュリティレビュー
自主セキュリティレビューで CRITICAL 2件・HIGH 7件・MEDIUM 8件を修正（A+評価）。CSP nonce統一・XP操作制限・Firestoreフィールド制限・レートリミット・SSRF対策・CSV Injection対策を実装。
エラー監視
Sentry によるリアルタイム監視。本番環境の問題を即座に検知し、ユーザー影響を最小化。
依存関係管理
Dependabot PR のリリースノート精査・マージ判断を主導。セキュリティアップデートを迅速に適用。
コードレビュー
実装・設計両観点でのレビューを実務で経験。指摘だけでなく「なぜそうすべきか」を伝える。
AI駆動開発
Claude Code の SubAgents + Hooks + Skills で開発プロセスを構造化。PM→実装→テスト→レビュー→日記の5段階を自動化し、3プロジェクト間の数値同期も仕組み化。
Tools
開発環境・ツール
言語 / フレームワーク
開発環境
バージョン管理 / CI
デザイン / テスト
コミュニケーション
Milestones
キャリアマイルストーン
エンジニアとしての転換点。
🏋️ ベンチプレス 100kg 達成
週5のトレーニングを1年間継続し達成。「続けられる仕組みを作る」という発想の原点。
🎯 ダーツ プロライセンス取得 & スポンサー獲得
開始1年未満でプロライセンス取得・スポンサー獲得。プレイヤーとして感じた既存アプリの不満が darts Lab の開発動機に。
🚀 フリーランスとして独立
求人300件以上を技術スタック・単価・リモート可否で定量分析し、感覚ではなくデータで独立を判断。実務経験を積みながら準備を進め、フリーランスとして独立。
💰 コードで収益を生む仕組みづくり
AIで誰でもサービスを作れる時代だからこそ、アイデアと実行力で差をつける。darts Lab のアフィリエイト連携とSaaSモデルで、コードが収益を生む仕組みを構築中。「誰のどんな問題を解くか」から考え、技術で事業を作れるエンジニアへ。
Vision
次のステップと目指す姿
フルスタック力の深化
Firebase / Supabase / AWS / Stripe を個人開発+実務で構築済み
RDB設計やマイクロサービス構成の実務経験で引き出しを広げる
AI / LLM活用
SubAgents 5体制 + Hooks自動化 + クロスリポ同期を3プロジェクトで運用中
AIをプロダクトに組み込む経験・プロンプトエンジニアリングの深化
設計 / アーキテクチャ
20+本の設計書 + ADR 7本をAIと整備済み。設計書自動更新パイプラインも構築
大規模システムのアーキテクチャ設計を実務で経験
チーム開発への貢献
電子新聞PJ（2年9ヶ月）+ 自動車メーカー案件で上流〜運用を一人で担当
技術選定・設計レビューでチームに貢献し、リード経験を積む
目指すエンジニア像
技術力で事業を作れるプロダクト志向のエンジニア。自分のプロダクトを持ちながら、技術的な課題解決だけでなく 「誰のどんな問題を解くか」から考えられるエンジニアを目指しています。 darts Lab はその第一歩で、自身の課題を起点に企画〜運用まで一人で構築しました。 今後もプロダクトを作り続けながら、フルスタック力・AI活用・設計力を磨き、 技術とプロダクトの両輪で価値を生み出せる存在になりたいと考えています。
Learning Roadmap
Next Step
技術的ビジョン — 現在のスキルをベースに、次に向かう方向。
習得予定技術
Reactのコンポーネント設計の知見を活かし、国内フリーランス求人の主要スタックへ対応
FastAPI・AI/MLパイプライン連携を中心に、実務レベルからさらに深化
高トラフィック・高並列処理に強いバックエンド言語として、大規模サービスへの対応力を強化
AI駆動開発のビジョン
Claude Codeを活用したAI駆動開発を実践中。「AIを道具として使う」段階から「AI組織を設計・運用する」フェーズへ移行済み。3プロジェクトでSubAgents体制を運用。
現在の実践
実践中:
PM→実装→テスト→レビュー→日記の5エージェント体制を3プロジェクトで運用中。各エージェントに専用の役割・制約・ツール権限を定義し、品質ゲートを自動化
CLAUDE.md + docs/decisions/ + メモリシステムで設計判断を追跡可能な形で蓄積。セッションを跨いだ文脈の永続化を実現
PostToolUse hooks でTypeScript型チェック・テスト自動実行。PreToolUse でツール呼び出しをJSONLログに記録し、セッション効率を定量化
この体制に至った原体験
darts Labの開発過程で「なぜその実装を選んだか」が振り返れない問題に直面。 CLAUDE.mdとメモリシステムの導入で解決し、開発プロセス自体を設計する重要性を実感。SubAgents + Hooks + Skills で「AIとの協働を仕組み化」した。
次のチャレンジ:
Extended thinking による複雑設計の推論強化、Batch API による大量処理、Agent SDK でカスタムワークフローを構築
darts-app → portfolio の数値同期を手動からGitHub Actions自動化へ。metrics.json の変更検知でPRを自動生成
PR作成時にSubAgentが自動レビュー・改善提案を行うワークフローを構築。人間のレビュー負荷を軽減
FAQ
よくある質問
即日〜相談可能です。案件の開始時期に合わせて柔軟に調整できます。
フルリモートを基本としていますが、週2日までの出社にも対応可能です。出社の場合は関東圏（最寄駅から1時間以内）で探しています。実務の大半をフルリモートで遂行しており、非同期コミュニケーション・PR駆動開発に慣れています。
業務委託契約（準委任・月額固定）を基本としています。案件内容に応じてご相談ください。
はい。500万人会員規模の電子新聞サイトで約2年9ヶ月間、5〜7名のスクラムチームでフロントエンド開発・コードレビュー・新規参画者サポートを担当しました。別案件ではPM含む7名体制でウォーターフォール開発も経験しています。
はい。Firebase / Supabase / AWS（Lambda / DynamoDB / CloudWatch）の構築経験があり、Stripe決済・LINE Bot・スクレイピングも一人で完結できます。個人開発では認証・DB設計・インフラ・CI/CDまで全て一人で構築・運用しています。
はい。直近の案件（大手自動車メーカー）では要件定義〜テスト・保守運用まで全工程を一人で担当し、クライアントとの仕様折衝も直接行いました。個人開発でも要件定義書・基本設計書・詳細設計書・ADR 7本・セキュリティレビュー・運用マニュアル等、20+本の設計ドキュメントをAIと協働で整備しており、上流から下流まで一気通貫で対応できます。
React / Next.js / TypeScript のフロントエンドが軸です。MUI / Tailwind CSS によるコンポーネント駆動開発、Recharts によるデータ可視化を得意としています。バックエンド・CI/CD・テスト自動化まで一気通貫で対応できます。
90,000行・661テストの個人SaaS開発を通じて、認証・決済・セキュリティ・CI/CD・テスト設計・DB設計を全て自分で判断・実装してきました。「動くだけ」ではなく運用を見据えた設計ができる点、要件の背景を理解して代替案を提案できる点が実務にも直結しています。さらにSubAgentsによる開発プロセスの構造化・自動品質チェックの仕組み化など、AI活用のベストプラクティスも実務に持ち込めます。
Contact
お問い合わせ
お仕事のご相談、技術的なご質問など、お気軽にご連絡ください。
更新日: 2026/4/3