Koki Bandai
Koki BandaiWeb / App Developer

アイデアを、 動くプロダクトへ。

Web / App の開発を中心に、要件の言語化〜設計〜実装〜運用まで一貫して支援しています。

GitHub

早く出して学ぶ

小さくリリース→改善で価値を積み上げる。

読みやすい設計

迷わない構造と命名で継続性を担保。

現場で回る体制

内製化・運用まで含めて整える。

Bandai Koki

ざっくりプロフィール

  • ・業界歴：8年（制御系 → Web）
  • ・主領域：React / Next.js / TypeScript
  • ・開発スタイル：スクラム / 改善主導
  • ・大事にしてること：読みやすさ、会話、継続性

Development Brand

NEBULAB

Web / App 開発を軸に、構想を「成立するプロダクト」へ。開発だけでなく、仕様整理・改善・内製化まで支援します。

Web / App 開発

Next.js / React / TypeScript を中心に、UIから状態管理、API連携まで丁寧に実装します。

Next.jsReactTypeScript

プロダクト改善

課題の言語化、UI/UX、パフォーマンス改善、運用の詰まり解消まで。現場で回る形へ整えます。

UI/UXRefactorPerformance

内製化・技術支援

開発フロー設計、レビュー設計、命名規約、ドキュメント整備など、チームに知見が残る支援を行います。

Dev FlowDocsCode Review

提供メニュー（3つ）

  • 1

    要件整理・設計

    目的/制約/優先度を言語化し、画面・データ・導線を整理。小さく出せる単位に分解します。

  • 2

    実装（Web / App）

    読みやすさ・継続性を重視して実装。UI/状態/API連携まで丁寧に作ります。

  • 3

    改善・内製化支援

    リファクタ、開発フロー、レビュー設計、ドキュメント整備。現場で回る形に整えます。

対応領域（範囲）

UI / フロント

React / Next.js / TypeScript / Tailwind / 状態管理 / パフォーマンス改善

API / つなぎ込み

REST / BFF的整理 / Lambda(Node) / 既存APIの整理・分割

運用・改善

障害/不具合調査、改善の優先度付け、継続開発の回し方

チーム支援

命名・構成・レビュー設計、ドキュメント、内製化（属人化の解消）

進め方（ざっくり）

1. 相談

目的・制約・現状をヒアリングして、着地点を揃えます。

2. 整理

要件・画面・データの整理。小さく出す単位に分解します。

3. 実装

読みやすさと継続性を重視して、丁寧に作ります。

4. 改善

運用しながら改善。チームに知見が残る形に整えます。

Works

ポートフォリオ

プロダクト志向のUI/UXと、読みやすい設計を意識した制作例。

1/3
プランニングポーカーアプリ

プランニングポーカーアプリ

スクラム開発チーム向けの見積もり支援アプリ。カード投票と集計がスムーズに回るUIを重視。

  • React
  • Redux Toolkit
  • TypeScript
  • Firebase
  • Tailwind CSS
ViewRepo
コーポレート（ダミー）
WIP

コーポレート（ダミー）

ブランディングを意識したコーポレートサイトの制作例。Next.js × Tailwindで軽量・高速・運用しやすい構成。

  • Next.js
  • TypeScript
  • Tailwind CSS
  • Framer Motion
公開準備中
AI面接ツール（開発中）
WIP

AI面接ツール（開発中）

求職者とAIが会話形式で模擬面接を行うWebツール。音声認識と生成AIを統合し、反復練習に特化。

  • React
  • TypeScript
  • Tailwind CSS
  • OpenAI
  • Web Speech API
公開準備中

Skill Set

スキルセット

フロントエンド中心に、API・クラウドも含めて「プロダクトを成立させる」領域を一通りカバーします。

フロントエンド

  • React
  • Next.js
  • TypeScript
  • Redux Toolkit
  • Vue 2 / Vue 3
  • Tailwind CSS
  • HTML / CSS
  • JavaScript

バックエンド・API

  • Node.js (Lambda)
  • REST API
  • ASP.NET (Razor)

クラウド・インフラ

  • AWS
  • Firebase
  • Docker

ツール・管理

  • Git / GitHub
  • GitLab
  • VS Code
  • Jira
  • Backlog
  • WBS

その他・制御系

  • Objective-C
  • C#.NET
  • VB.NET

Place / Community

NRT-LOFT

NEBULABの知見を、学びや体験に変える「場」。PC/AI講座やコミュニティの母艦として育てていきます。

今やりたいこと

  • ・PC / ITの無料講座（地域での信用づくり）
  • ・ChatGPT/AI活用ワークショップ
  • ・学びと実務が繋がるコミュニティ

ステータス

準備中（段階的に公開していきます）

NEBULABとの関係

NEBULABは「技術と実装の中核」。NRT-LOFTは「人と価値が出会う器」。事業が増えても、この役割分担は変えません。

構造イメージ

・NEBULAB：開発 / 設計 / 改善 / 内製化

・NRT-LOFT：講座 / コミュニティ / 場づくり

→ 技術の蓄積が、学びや体験へ循環する形を目指します。

WorkshopsCommunityLearning

Next

事業は、思想から派生させていく

事業を増やすこと自体が目的ではありません。日々の実務で培った判断基準を起点に、必要な形へ派生させていきます。思想は固定し、形は柔軟に。

小さなプロダクト

実務で見えてきた課題が明確な領域から、軽量なツールや小さなサービスとして形にする。 小さく出して、改善しながら育てていきます。

Micro ProductToolsIterate

学び・体験

実務で得た知見を、学びや体験として共有できる形にする。 “わかる”だけでなく、“できる”につながる導線を作っていきます。

WorkshopsLearningPractice

知見を循環させる仕組み

作って終わりにせず、知見をドキュメントやテンプレートに落とし込み、 プロダクト・学び・運用へ循環させる。再現性のある形に整えます。

DocsTemplatesSystem

Contact

開発のご相談、プロダクト改善、内製化支援など。まずは気軽にメッセージください。

Email

bandai.apps@gmail.com

GitHub

github.com/bandai-k

X

@準備中