NEW GAME

つくる。まわす。のばす。

領域にとらわれず、立ち上げから運用・グロースまで。「作って終わり」にしないエンジニアの、これまでのプレイ記録です。

START CONTINUE

PLAYER SELECTSINCE 2022

てづっぴhiroki tetsuka

CLASS：プロダクトエンジニア

TypeScript
React / Next.js
NestJS

EXP: 1,747 DAYS
STAGE: 04
MISSION: 13
CONTRIBUTIONS: 9,709

アビリティ

できること

ABILITY 01
つくる
立ち上げ〜運用
主要な機能を、設計から実装まで一人で担います。ライブ配信サービスで複数の新機能を手がけ、前職では自社プロダクト唯一の専属エンジニアとしてフロントエンドからインフラまでを担当しました。自ら立ち上げた「あじぴた」では、企画から開発・運用までを担い、グロースを見据えて改善を続けています。
ABILITY 02
まわす
開発の土台づくり
人も AI も迷わずに開発できる環境づくりが得意です。ルールがほぼないまま長く続いてきたチームで、開発の進め方やルールを一から網羅的に整え、Perl から Nuxt、Next.js への刷新も進めています。暗黙のルールを言葉にする工夫は AI との開発にも生かし、技術記事でも発信しています。
ABILITY 03
のばす
学び続ける
エネルギー業界の営業から、独学でエンジニアになりました。Laravel・Bubble・C# など知見のなかった技術も短期間でキャッチアップし、バックエンドやインフラまで実装の幅を広げてきました。今はネイティブアプリにも挑戦中です。仕事の外でも、サービス運営と技術記事の執筆を続けています。

1P2P：AI

2 人なら、どのステージにも挑戦できる。

フロントエンドを起点に、バックエンドやインフラ、経験のない言語まで。AI と組むことで、挑戦できる範囲を広げ続けています。

ステージセレクト

職務経歴

BONUS
2026.04 – 現在
NOW PLAYING
あじぴた・ファウンダー
食の口コミ・マッチングサービスの立ち上げと運営
本業と並行して、自ら企画したサービスを一般公開して運営しています。アプリ本体から運営コンソール、LP まで設計・開発し、テストと CI/CD、監視、コスト管理を整えたうえで、数字を見て施策を回すグロースにも取り組んでいます。設計と運用の記録は GitHub で、AI が迷わず開発できる仕組みは技術記事で公開しています。
GET
- Next.js
- Supabase
- Vercel
- Sentry
- AI 活用
STAGE 04
2025.06 – 現在
NOW PLAYING
SHOWROOM株式会社・プロダクトエンジニア
ライブ配信サービスの新機能開発と開発基盤の整備
ライブ配信サービスで、主要な新機能を設計から実装まで担当しています。ルールがほぼないまま長く開発されてきたチームで、開発の進め方やルールを一から整え、Perl から Nuxt、Next.js へのフロントエンド刷新も進めています。バックエンドの開発も手がけ、ネイティブアプリの開発にも挑戦しています。
GET
- Nuxt
- TypeScript
- フロントエンド
- バックエンド
- AI 活用
STAGE 01
2022.01 – 現在
NOW PLAYING
DesignTomato（個人事業主）・フルスタックエンジニア
Web アプリケーション開発とサイト制作
フリーランスとして独立し、サイト制作を請け負いながら React・Next.js を身につけました。今も本業と並行して、Web アプリケーションを中心に、設計・デザインから公開までを手がけています。最近は製造業の社内システムの改修や PoC、Windows サーバー上のデータベースの整備など、Web の外の領域にも取り組んでいます。
GET
- TypeScript
- Next.js
- Nuxt
- WordPress
- C#
- UI/UX デザイン
STAGE 03
2024.05 – 2025.05
CLEAR!
NCDC株式会社・プロダクトエンジニア
自社プロダクトのフロントエンドからインフラまでを一人で担当
プロジェクトマネジメントツール「PJ Insight」の唯一の専属エンジニアとして、フロントエンド・バックエンド・インフラ（AWS）・テストを横断して開発しました。構成やドキュメントの整備、脆弱性の改善でプロダクトの土台を固め、顧客獲得戦略の検討や商談にも加わりました。
GET
- TypeScript
- Next.js
- NestJS
- AWS
- Stripe
- Jest
- Cypress
STAGE 02
2023.07 – 2024.05
CLEAR!
株式会社WEEL ・フロントエンドエンジニア
受託開発のフロントエンド全般と UI/UX
AI を活用したシステム開発を手がける会社で、フロントエンド全般と UI/UX を担当し、新規開発・保守あわせて 4 つのプロジェクトに参加しました。ノーコードの案件では要件定義からデータベース設計まで任され、チームの開発効率の改善にも取り組みました。
GET
- TypeScript
- React
- Next.js
- Laravel
- Bubble
PROLOGUE
2019.06 – 2021.12
CLEAR!
エネルギー業界
営業職から、独学で Web 制作へ
営業職として働くかたわら、イラストや音楽の創作に使える時間を増やそうと、リモートで働ける仕事を目指して独学を始めました。試しに作ったホームページが形になり、すぐに WordPress で動的なサイトにも挑戦。作ること自体にのめり込み、退職後も半年間学び続けて独立しました。
GET
- HTML
- CSS
- WordPress

ミッション

プロジェクト

MISSION 01
あじぴた
2026.04 – 現在
食の口コミ・マッチングサービス「あじぴた」
味の好みが近い人の「美味しかった」を頼りに、自分に合う一皿に出会える口コミサービス。店ではなく料理単位で評価し、低評価は公開しない設計。
ロール
企画 / 設計 / 開発 / 運用 / グロース
そうび
Next.js, React, TypeScript, Tailwind CSS, Supabase, Vercel, Sentry
REWARD
企画からグロースまで一人で運営
MISSION 01あじぴた
食の口コミ・マッチングサービス「あじぴた」
味の好みが近い人の「美味しかった」を頼りに、自分に合う一皿に出会える口コミサービス。店ではなく料理単位で評価し、低評価は公開しない設計。
期間
2026.04 – 現在
体制
1 名
ロール
企画 / 設計 / 開発 / 運用 / グロース
そうび
Next.js, React, TypeScript, Tailwind CSS, Supabase, Vercel, Sentry
担当業務
プロダクト設計（料理単位の評価、味覚の近さによるマッチング）
アプリ本体・運営コンソール・LP など、複数リポジトリの設計と実装
Supabase（PostgreSQL / Auth / Storage / RLS）によるバックエンドとバッチ処理
単体・DB・E2E の 3 層のテストと CI/CD の整備
Sentry・GA4 による監視と分析、数字をもとにしたグロース施策
設計判断の記録（ADR）と技術記事の執筆
実績・取り組み
「評価は高いのに、自分には合わなかった」という体験をなくすため、評価を料理単位にし、低評価は本人にだけ残す設計にしました。この方針が、データモデルからインフラの選定までを決めています。
一人でも品質を落とさないよう、3 層のテストと CI/CD、監視を整えました。従量課金の外部 API には多層の防壁を設けて、コストを制御しています。
暗黙のルールを AGENTS.md・ADR・スキルとして言葉にし、AI が迷わず開発できる環境を整えました。設計と運用の記録は GitHub と記事で公開しています。
リンク
あじぴた（サービス）
設計と運用の記録（GitHub）
全体像をまとめた記事（Zenn）
AI のための環境づくりの記事（Zenn）
MISSION 02
SHOWROOM
2025.06 – 現在
ライブ配信サービスの新機能開発
サービスを大きく変えうる「コラボバトル」とその関連機能や、利用ユーザーを大きく伸ばした「キッカケ配信」など、ライブ配信サービスの新機能。
ロール
設計 / フロントエンド / バックエンド
そうび
Nuxt, TypeScript, Vue, React, Hyperapp, WebSocket
REWARD
担当機能がユーザー増と定着に貢献
MISSION 02SHOWROOM
ライブ配信サービスの新機能開発
サービスを大きく変えうる「コラボバトル」とその関連機能や、利用ユーザーを大きく伸ばした「キッカケ配信」など、ライブ配信サービスの新機能。
期間
2025.06 – 現在
体制
機能ごとに 1 名で担当
ロール
設計 / フロントエンド / バックエンド
そうび
Nuxt, TypeScript, Vue, React, Hyperapp, WebSocket
担当業務
「キッカケ配信」「ビギナー歓迎配信」の設計・実装
「コラボバトル」「配信スタイル」の設計・実装
「修羅バトル」「サロンイベント」の設計・実装
WebSocket を使ったリアルタイムな画面の実装
Perl のテンプレートと Vue・React・Hyperapp が混在する既存フロントエンドでの実装
実績・取り組み
「キッカケ配信」は、イベントなどの施策との相乗効果で利用ユーザーが大きく増え、定着や課金にもつながりました。担当した機能の中で、最も成果が出ている機能です。
「コラボバトル」はサービスを大きく変えうる新機能として、修羅バトル・配信スタイル・サロンイベントなどの関連機能を集中的に開発し、グロースに向けて改善を続けています。
機能ごとに一人で担当し、複数のフレームワークが混在する既存コードの中で、設計から実装までを通して担いました。
MISSION 03
SHOWROOM
2025.06 – 現在
Perl から Nuxt、Next.js へのフロントエンド刷新
長く運用されてきたライブ配信サービスのフロントエンドを、Perl のテンプレートから Nuxt へ、さらに Next.js へと刷新する取り組み。
ロール
設計 / 移行 / 開発ルールの整備
そうび
Next.js, Nuxt, TypeScript, Perl
REWARD
設計とルールで大規模な移行を加速
MISSION 03SHOWROOM
Perl から Nuxt、Next.js へのフロントエンド刷新
長く運用されてきたライブ配信サービスのフロントエンドを、Perl のテンプレートから Nuxt へ、さらに Next.js へと刷新する取り組み。
期間
2025.06 – 現在
体制
2 名（Next.js への移植）
ロール
設計 / 移行 / 開発ルールの整備
そうび
Next.js, Nuxt, TypeScript, Perl
担当業務
Perl のテンプレートから Nuxt への画面の移行
Nuxt 側の設計の見直しと改善
Next.js への完全移植に向けた設計とルールづくり
ブランチ運用・コミットなどの開発ルールの制定と、仕組みづくり
実績・取り組み
Perl のテンプレートと複数のフレームワークが混在するフロントエンドを Nuxt へ移し、移行先の設計の課題も並行して改善しました。
情報量の多さや採用での有利さ、AI が質の高いコードを書きやすいことまで踏まえ、もう一人のフロントエンジニアと 2 名で Next.js への完全移植を進めています。
ルールがほぼないまま長く開発されてきたチームで、開発の進め方やルールを一から整えました。Next.js への移植では設計とルールを最初に厳密に決め、AI による移植がぶれずに短い期間で進むようにしています。
MISSION 04
NCDC
2024.05 – 2025.05
自社プロダクト「PJ Insight」の開発
アジャイルで機能の追加と改善を続ける、プロジェクトマネジメントツール。
ロール
フロントエンド / バックエンド / インフラ / テスト
そうび
TypeScript, Next.js, NestJS, AWS, Stripe, Jest, Cypress
REWARD
唯一の専属エンジニアとして全領域を担当
MISSION 04NCDC
自社プロダクト「PJ Insight」の開発
アジャイルで機能の追加と改善を続ける、プロジェクトマネジメントツール。
期間
2024.05 – 2025.05
体制
12 名
ロール
フロントエンド / バックエンド / インフラ / テスト
そうび
TypeScript, Next.js, NestJS, AWS, Stripe, Jest, Cypress
担当業務
フロントエンドとバックエンドを横断した機能の実装・改修
基本設計・詳細設計・DB 設計、API 実装
パフォーマンス改善・リファクタリング
単体テスト・統合テスト・E2E テスト
インフラ（AWS）の改修
顧客獲得戦略・新機能についてのブレインストーミング
商談
実績・取り組み
プロダクト唯一の専属エンジニアとして、フロントエンドからインフラ、テストまで、領域を問わず開発を担いました。
構成やドキュメントを整え、アプリケーションの脆弱性を改善して、長く開発を続けられる土台を固めました。
顧客獲得戦略や新機能のブレインストーミング、商談にも加わり、開発の外からもプロダクトに関わりました。
MISSION 05
DesignTomato
2026.06 – 現在
製造業の社内システム改修・PoC 開発
製造業のクライアントの社内システムの改修と PoC 開発。Windows サーバー上のデータベースの整備まで。
ロール
改修 / PoC 開発 / DB 整備
そうび
C#, Windows Server
REWARD
PoC で「想像以上の出来」と評価
MISSION 05DesignTomato
製造業の社内システム改修・PoC 開発
製造業のクライアントの社内システムの改修と PoC 開発。Windows サーバー上のデータベースの整備まで。
期間
2026.06 – 現在
ロール
改修 / PoC 開発 / DB 整備
そうび
C#, Windows Server
担当業務
社内システムの改修とリファクタリング
PoC 開発
Windows サーバー上のデータベースの整備
開発環境の改善
実績・取り組み
Web とは慣習や用語が異なる領域で、言葉の意味を一つずつ確かめて認識のズレをなくし、クライアントが求める先を読んで進めました。
経験のない言語でしたが、短期間でキャッチアップし、検証を重ねて確実に動くものを納めました。
PoC は短期間で仕上げ、先方から「想像以上の出来」との評価をいただきました。
MISSION 06
DesignTomato
2026.08 – 現在
コーポレートサイトの刷新
ノーコードツールで作られたコーポレートサイトを、Next.js と microCMS の構成で作り直すプロジェクト。
ロール
設計 / デザイン / 実装 / 公開
そうび
Next.js, microCMS, Netlify
REWARD
長く運用しても破綻しない構成
MISSION 06DesignTomato
コーポレートサイトの刷新
ノーコードツールで作られたコーポレートサイトを、Next.js と microCMS の構成で作り直すプロジェクト。
期間
2026.08 – 現在
ロール
設計 / デザイン / 実装 / 公開
そうび
Next.js, microCMS, Netlify
担当業務
設計
デザイン
実装
公開までに必要な作業すべて
実績・取り組み
長く運用しても破綻しないことを重視して、あえて WordPress を使わない構成を選びました。
デザインも一から作り込み、設計から公開に必要な作業までを通して担っています。
MISSION 07
DesignTomato
2026.01 – 2026.05
インタビュー謝礼サービスの改修
企業のインタビューに参加して謝礼を受け取れるサービス。LINE と連携した Web アプリ（LIFF）の改修。
ロール
LP 作成 / デザイン刷新 / 機能追加
そうび
Nuxt, LIFF
REWARD
設計を見直し、健全なコードへ
MISSION 07DesignTomato
インタビュー謝礼サービスの改修
企業のインタビューに参加して謝礼を受け取れるサービス。LINE と連携した Web アプリ（LIFF）の改修。
期間
2026.01 – 2026.05
ロール
LP 作成 / デザイン刷新 / 機能追加
そうび
Nuxt, LIFF
担当業務
LP の作成
ルーティングの刷新（ログインページのパスを変更し、トップに LP を配置）
デザインの刷新
新規機能の追加
リファクタリング
実績・取り組み
ログインページのパスを変えてトップに LP を置くなど、ルーティングから見直して、サービスの入口を作り直しました。
機能を足すだけでなく、設計を見直してリファクタリングし、この先も手を入れやすいコードに整えました。
MISSION 08
DesignTomato
2024.09 – 2024.12
在庫管理 SaaS の開発
ワークスペースごとに在庫を管理し、在庫補充の提案や売上の推移をグラフで確認できる SaaS。
ロール
フロントエンド全般
そうび
TypeScript, Next.js
REWARD
保守を最小限にするコンポーネント設計
MISSION 08DesignTomato
在庫管理 SaaS の開発
ワークスペースごとに在庫を管理し、在庫補充の提案や売上の推移をグラフで確認できる SaaS。
期間
2024.09 – 2024.12
体制
5 名
ロール
フロントエンド全般
そうび
TypeScript, Next.js
担当業務
フロントエンド全般
実績・取り組み
画面が増えても保守が最小限で済むよう、コンポーネントの構造から設計しました。
在庫や売上など情報量の多い画面を、ユーザー体験を重視して使いやすく実装しました。
MISSION 09
DesignTomato
2024.08 – 2025.02
ナイトエンタメ業界の口コミ予約サイトの開発
口コミやランキングを見比べて、店舗をネットで予約できる口コミ予約サイト。
ロール
フロントエンド全般
そうび
TypeScript, Next.js
REWARD
データ取得の最適化で快適な体験
MISSION 09DesignTomato
ナイトエンタメ業界の口コミ予約サイトの開発
口コミやランキングを見比べて、店舗をネットで予約できる口コミ予約サイト。
期間
2024.08 – 2025.02
体制
8 名
ロール
フロントエンド全般
そうび
TypeScript, Next.js
担当業務
フロントエンド全般
実績・取り組み
サーバーとクライアントのどちらでどのデータを取得するかを一つずつ設計し、データ取得を最適化しました。
表示の速さと使いやすさを両立し、ユーザー体験を高める実装にしました。
MISSION 10
WEEL
2024.02 – 2024.05
起業促進キャリア支援プラットフォームの新規開発
学生が起業に必要なスキルや知識を身につけるのを支援し、大学発ベンチャーを増やすためのプラットフォーム。
ロール
フロントエンド全般
そうび
TypeScript, Next.js, Amplify, DynamoDB, Cognito
REWARD
端末を問わず使いやすい UI
MISSION 10WEEL
起業促進キャリア支援プラットフォームの新規開発
学生が起業に必要なスキルや知識を身につけるのを支援し、大学発ベンチャーを増やすためのプラットフォーム。
期間
2024.02 – 2024.05
体制
5 名
ロール
フロントエンド全般
そうび
TypeScript, Next.js, Amplify, DynamoDB, Cognito
担当業務
フロントエンド全般
実績・取り組み
PC でもスマートフォンでも使いやすいよう、端末ごとの UI を作り込みました。
MISSION 11
WEEL
2023.12 – 2024.05
顔認証デバイスと連携した予約プラットフォームの新規開発
スマートロックと顔認証デバイスを連携させた、ピラティススタジオの予約プラットフォーム。
ロール
要件定義 / 開発全般
そうび
Bubble, Stripe
REWARD
要件定義から DB 設計まで担当
MISSION 11WEEL
顔認証デバイスと連携した予約プラットフォームの新規開発
スマートロックと顔認証デバイスを連携させた、ピラティススタジオの予約プラットフォーム。
期間
2023.12 – 2024.05
体制
5 名
ロール
要件定義 / 開発全般
そうび
Bubble, Stripe
担当業務
要件定義
開発全般
実績・取り組み
要件定義からデータベース設計までを任され、デバイスと連携した予約の仕組みを形にしました。
ノーコード（Bubble）での開発でしたが、バックエンドやデータベース、複雑な予約ロジックまで設計して実装しました。
MISSION 12
WEEL
2023.09 – 2023.12
B2B 向け Web 接客ツールの保守開発
サイト訪問者の行動をリアルタイムで捉え、営業担当者がその場でチャットや音声通話でアプローチできる Web 接客ツール。
ロール
フロントエンド開発
そうび
TypeScript, React
REWARD
短期間でキャッチアップしてチームに合流
MISSION 12WEEL
B2B 向け Web 接客ツールの保守開発
サイト訪問者の行動をリアルタイムで捉え、営業担当者がその場でチャットや音声通話でアプローチできる Web 接客ツール。
期間
2023.09 – 2023.12
体制
12 名
ロール
フロントエンド開発
そうび
TypeScript, React
担当業務
フロントエンド開発
実績・取り組み
12 名のチームに途中から参加し、短期間でキャッチアップして開発に加わりました。
リアルタイムのチャットや音声通話を扱うプロダクトで、フロントエンドの保守開発を担いました。
MISSION 13
WEEL
2023.07 – 2023.09
金融専門ニュースサイトの保守開発
金融業界の最新ニュースを届ける、金融専門紙の会員制ニュースサイト。
ロール
新規機能開発 / 機能改修 / パフォーマンスチューニング
そうび
Laravel, PHP, WordPress, EC2
REWARD
API 化とキャッシュで公開を実現
MISSION 13WEEL
金融専門ニュースサイトの保守開発
金融業界の最新ニュースを届ける、金融専門紙の会員制ニュースサイト。
期間
2023.07 – 2023.09
体制
5 名
ロール
新規機能開発 / 機能改修 / パフォーマンスチューニング
そうび
Laravel, PHP, WordPress, EC2
担当業務
新規機能開発
機能改修
パフォーマンスチューニング
実績・取り組み
初めての Laravel でしたが、短期間でキャッチアップして新機能の開発と改修を担いました。
先方サーバーの性能が低く公開時にトラブルが起きましたが、取得するデータの一部を API に置き換え、キャッシュ戦略をとることで公開までやり遂げました。