静止画で見る ↗

02 / AQUARIS

アクアリス

星明かりが揺れる、深い海に覆われた惑星。静かな水面の下には、巨大な生物たちが息づいている。さらに深く、光の届かない海底には、かつて何かがあった痕跡が残る。

プロフィールを読む
静止画で表示中SCROLL TO EXPLORE ↓
3Dの表示を開始できなかったため、静止画で表示しています。静止画で、この宇宙を巡る。
01BIO

自己紹介

Surface · 浅瀬
PROFILE / 0x01
KAZUKI NISHIKAWA

フロントエンドを軸に、
設計から運用まで。

BIRTH
1996/04/16
BASE
東京
CAREER
2019 — 現在 (7 年目)

設計と実装

React / TypeScript を中心に7 年以上、 EC・管理画面領域の開発にテックリードとして関わってきました。 実装方針の策定からレビュー・品質担保まで推進しつつ、 デザイナーや小規模チームと並走してプロダクトを完成体まで仕上げるのが得意です。

直近は Go による gRPC / Connect RPC サーバーの設計・実装、 Protocol Buffers でのスキーマ駆動開発、 GCP (Cloud Run / Scheduler) でのインフラ構築まで、 フロントエンドからサーバー・インフラまで横断して触っています。

試作と探究

加えて Google ADK + Claude / Gemini API を組み合わせたマルチモデル AI エージェント基盤を個人で設計・運用してきました。 新しい技術でも素早くキャッチアップして動くものを作るのが好きです。

このポートフォリオサイトのように Three.js / Framer Motion を使った インタラクティブな表現も追っており、 デザインの実装に少しの遊び心を載せることも大事にしています。

02SKILLS

使用技術

Mid · 中層

Frontend Core

画面の設計から、型安全な実装まで。

経験年数
TypeScript
7
React
7
Next.js
5
GraphQL
3

UI / Motion

デザインを、触れて気持ちのいい体験に。

経験年数
Tailwind / shadcn/ui
2
Figma
4
Three.js
3
Framer Motion
2

Backend / API

スキーマを起点に、サーバーと画面をつなぐ。

経験年数
Go / Gin
4
gRPC / Connect RPC
4
Protocol Buffers
4
MongoDB
4

Cloud / AI

デプロイから自動化、エージェントの運用まで。

経験年数
GCP / Cloud Run
4
Docker
7
GitHub Actions
4
Google ADK + Claude / Gemini
1
03WORK EXPERIENCE

職歴

Deep · 深海

画面をつくる。その先の仕組みまで、つなぐ。

PROJECT ARCHIVEこれまでの開発
2026/02 — 2026/06
個人開発 · 1 名

AI トレーディングエージェント開発

検証から日次運用まで、エージェント基盤を一人で構築。

  • Go
  • Google ADK
  • Claude / Gemini
  • Cloud Run
  • Firestore
  • Terraform
担当内容を読む

Google ADK + Claude / Gemini によるマルチモデルエージェント基盤の設計・構築。ペーパートレーディング基盤、バックテスト (walk-forward / Monte Carlo)、日経 VI アラート、Cloud Run + Cloud Scheduler の日次自動実行まで一人で完遂。

2025/9 — 2026/3
テックリード · 5 名

ファンコミュニティ向け Web サービス

サービスと管理画面を支える、フロントエンド全体の設計。

  • TypeScript
  • Next.js
  • shadcn/ui
  • Firebase Auth
  • OpenAPI
  • Zustand
担当内容を読む

toC・管理画面のフロントエンド全般を設計・実装。Firebase Authentication のフロー設計、OpenAPI による型安全 API クライアントの自動生成、Co-location パターンによるアーキテクチャ設計まで。

2025/8 — 2026/2
テックリード · 4 名

AI 動画生成プラットフォーム

動画生成の操作体験と、組織をまたぐ権限設計。

  • Go
  • TypeScript
  • Next.js
  • Connect RPC
  • Protocol Buffers
  • MongoDB
担当内容を読む

AI 動画生成フローの操作画面・管理画面を設計・実装。ユーザー / 組織の多対多リレーション設計、全エンドポイントへの組織ベースアクセス制御、Protocol Buffers マルチターゲットコード生成基盤の構築。

2024/1 — 2026/8
メンバー · 20+ 名

EC サイト・オリパサービス

多言語・検索・実験基盤をつなぎ、サービスを育てる。

  • TypeScript
  • Next.js
  • next-intl
  • Algolia
  • NestJS
  • GraphQL
  • Prisma
担当内容を読む

多言語対応 (日本・香港・台湾) の next-intl 実装、Algolia InstantSearch 統合、カスタム GraphQL スカラーによる型安全 API、ランキング API、Statsig による A/B テスト基盤連携まで。

2022/7 — 現在
テックリード · 約 5 名

広告配信プラットフォーム管理画面

運用を続けながら、管理画面と開発基盤を段階的に刷新。

  • TypeScript
  • Next.js
  • Tailwind
  • shadcn/ui
  • Connect RPC
  • Playwright
担当内容を読む

管理画面のフロントエンド全般を設計・実装。広告タグ管理 / Prebid / 配信率制御の機能開発、Pages Router → App Router の段階的移行 (MUI → shadcn/ui)、Connect RPC + buf による API 通信基盤、Playwright E2E の導入。

2022/7 — 2024
コアメンバー · 約 10 名

EC 基盤開発

画面から決済・注文処理まで、一貫した購入フローを実装。

  • Go
  • gRPC
  • Protocol Buffers
  • Next.js
  • MongoDB
  • PayPay API
  • AWS
担当内容を読む

顧客向け EC・店舗オーナー / 全体管理画面のフロントエンド実装に加え、Go gRPC サーバーで PayPay 決済基盤 (QR 生成 → 決済 → キャンセル → 返金) と MongoDB トランザクションによるアトミック注文処理を設計・実装。