複雑さをほどき、
動く仕組みへ。

システム、AI、データ、3D、Web3。
終電のあとも止まらないものを作る、ITエンジニア。

EXPLORE EXPERTISE ↓
EXPERTISE

Five lenses.
One night.

描いて、選んで、仕上げる。
5つの領域で、構想をプロダクトに変える。

Systems & Cloud

要件から、本番まで。

  • 課題と要件を整理し、システムの全体像を描く。
  • TypeScriptとSQLで、型安全なAPIとデータ層を作り込む。
  • エッジはCloudflareに、業務基盤はAzure・AWSに載せる。
  • 既存のC#/.NET資産を読み解き、テストで守りながら刷新する。

主な道具:TypeScript、C#/.NET、SQL、Cloudflare Workers、Azure、AWS。

AI & Computer Vision

見えたものを、判断に。

  • YOLO・SAMで、対象を検出し、領域を切り出す。
  • 目的に合う指標を決め、モデルを比べて選ぶ。
  • 誤検知と見逃しの原因を探り、精度を上げる。
  • 検出結果を集計し、現場の判断に使える形で届ける。

主な道具:YOLO、SAM、OpenCV、Python。

Generative AI

生成AIを、仕事の道具に。

  • Azure OpenAIを業務に組み込み、権限とログまで設計する。
  • Claude Code・Codexを相棒に、実装とレビューを速く回す。
  • プロンプトを練り、アイデアをコードと文書にする。
  • ComfyUIとローカルGPUで、画像と動画を生み出す。

主な道具:Azure OpenAI、Claude Code、Codex、Copilot、Stable Diffusion、ComfyUI。

Data & Automation

手作業を、仕組みに。

  • API・DB・ファイルをつなぎ、取得・加工・集計を一本化する。
  • pandasで傾向をつかみ、Matplotlib・Rechartsで見せる。
  • 定型作業とレポートを自動化し、毎回同じ結果を出す。
  • Duneで資金の流れを追い、取引BOTのシグナルにする。

主な道具:pandas、NumPy、Recharts、Dune、Python、SQL。

Web & Graphics

ブラウザに、箱庭を。

  • React・Next.jsで、さわれる画面を組み立てる。
  • three.jsとWebGPUで、3Dの箱庭を描き出す。
  • GLSLとGPU計算で、光と流体を動かす。
  • Playwrightで確かめ、軽く速く届ける。

主な道具:React、Next.js、three.js、WebGPU、GLSL、Playwright。

TOOLKIT

Right tool.
On time.

実務・研究・個人での取り組みを通じて、
経験を積んできた言語とツール。

  • CORE:TypeScript、Python、C#/.NET、SQL(業務システム、再設計、データ処理)
  • WEB:React、Next.js、Tailwind CSS、shadcn/ui(Webアプリ、ダイヤの箱庭、UI設計)
  • GRAPHICS:three.js、WebGPU、GLSL、PixiJS(3D表示、流体シミュレーション、ゲーム)
  • CLOUD:Cloudflare Workers、D1、Azure、AWS(エッジ配信、データベース、クラウド設計)
  • AI:YOLO、SAM、OpenCV(物体検出、領域抽出、精度改善)
  • LLM:Azure OpenAI、Claude Code、Codex、Copilot(業務への組み込み、設計、レビュー)
  • DIFFUSION:Stable Diffusion、ComfyUI、Image-to-Video(ローカルGPU、生成ワークフロー)
  • DATA:NumPy、pandas、Matplotlib、Recharts(数値解析、可視化、自動化)
  • WEB3:Dune、CCXT、web3.py、TradingView(オンチェーン分析、チャート分析、取引BOT)
  • TOOLING:Vite、Vitest、Playwright、ESLint(型チェック、テスト、E2E)
WEB3 & ON-CHAIN

No closing bell.
Only the next block.

チェーンを読み、市場を解き、BOTで動かす。

シミュレーションの演出:12秒ごとにブロックが確定し、チェーンに連なっていく。資金の流れ・チャート・価格差・取引BOTの4つのレンズで読み替える。数値はすべて演出用。

FLOWSON-CHAIN INTELLIGENCE

Follow the flows.

資金の流れから、エコシステムの動きを捉える。

  • trace()ウォレットとトランザクションを、DuneのSQLで追う。
  • label()アドレスを取引所・プロトコル・大口に分け、つながりを描く。
  • index()トークンとプロトコルの指標を、ダッシュボードで毎日更新する。
DuneSQLArkhamEtherscan API
CHARTMARKET ANALYSIS

Chart the waves.

チャートから、相場の波と転換点を読み取る。

  • chart()ローソク足と移動平均、出来高で、トレンドをつかむ。
  • levels()フィボナッチとサポート・レジスタンスで、価格帯を引く。
  • backtest()指標の組み合わせを、過去の相場で検証する。
TradingViewPine ScriptTA-Libpandas
SPREADDEFI RESEARCH

Decode the protocols.

プロトコルの仕組みと、市場の構造を読み解く。

  • quote()AMMの価格式と流動性の厚みから、スリッページを見積もる。
  • compare()CEXの板とDEXのプールを並べ、価格差と裁定の条件を確かめる。
  • net()ガス代とMEVを織り込み、実際に残る利幅を計算する。
Uniswap v3The GraphTenderlyFlashbots
BOTBOT ENGINEERING

Turn signals into code.

分析をロジックへ。ロジックを動くシステムへ。

  • watch()WebSocketで価格を集め、シグナルを検出する。
  • send()CCXTとweb3.pyで、CEXとDEXに注文を出す。
  • test()メインネットのフォークで、実行と例外処理を確かめる。
PythonCCXTweb3.pyFoundry
WORKS

Built after dark.
Live on the web.

設計から実装、公開まで。
個人で形にした制作物。

01 / WEB APP

ダイヤの箱庭DIAGRAM GARDEN

時刻表だけで動く架空鉄道。駅・線路・ダイヤを、みんなでつくる。

ダイヤの箱庭の運行図画面。架空の路線網の地図上を列車が走り、右側に選択した急行列車の走行位置と通過時刻が表示されている
運行図
ダイヤの箱庭のダイヤグラム画面。横軸が時刻、縦軸が駅で、普通列車と急行列車のスジが交差しながら並んでいる
ダイヤグラム
  • 列車の位置は保存せず、ダイヤと現在時刻からブラウザが毎フレーム計算。誰が見ても、同じ瞬間に同じ場所を走る
  • 運行図・発車標・ダイヤグラム・時刻表を、すべて同じ計算から描画
  • スジを引くエディタ、路線の敷設、ダイヤ検査、提案と改正履歴まで、みんなでダイヤを育てる仕組みを実装
Web AppReactSVGCloudflare
diagram.0xshohei.com (新しいタブで開きます)
02 / BROWSER GAME

観察される箱庭GIANT DIARY

箱庭の住人が、画面の向こうのあなたを観察して日記をつける。ふるまいしだいで、村は友好にも抗戦にもなる。

観察される箱庭のプレイ画面。木の箱に収まった夕暮れの雨の村を斜め上から見下ろし、井戸のそばの指の光に住人が寄ってきている。右に観察メモと、ポポの絵日記のページが開いている
箱庭
村をのぞきこんだ画面。指の光のそばで、住人が「……?」と顔を上げ、こちらを見上げている
のぞきこむ
  • サーバーなし、読み込み後の通信はゼロ。観察したふるまいは丸めて端末の中だけに置き、保存した値はすべて画面で見せる
  • 日記はテンプレートと種つきの乱数で組み立てる。同じ一日からは同じ日記。4人の書き手が、それぞれの文体で書く
  • 村は three.js で、画像もモデルも読まずにコードだけで描く。晩秋の村は、打ち解けるほど色が戻り、こじれると冬の霧に沈む
Browser Gamethree.jsTypeScriptWeb Audio
giant-diary.0xshohei.com (新しいタブで開きます)

次発(03):試運転中。3つ目の作品を、いま作っています。

ABOUT

shohei_kitajima — IT Engineer / Builder

$ cat now.log

building 次の試運転learning WebGPU の計算reading 時刻表

$ cat how.log

手で3回やったら、4回目はコードに任せる。

$ echo $MOTTO

分解して、理解して、作り切る。

shohei@0xshohei

Kernel
Mechanical Eng. (M.Eng.)
Uptime
33 years
Shell
zsh
Editor
VS Code · Claude Code
Packages
38 (toolkit)
Locale
ja_JP · en_US
Likes
技術 · ゲーム · 音楽 · 鉄道
  1. 01 — ROOTS

    画面の向こうに、自分の場所を作る。

    雨の多い城下町で育つ。5歳で自分のノートPCを手にし、小学生のころには自分のホームページを作っていた。

  2. 02 — FOUNDATION / MECHANICAL ENGINEERING

    現象を、モデルにする。

    金沢大学・大学院で機械工学を専攻し、修士課程を修了。材料の強度と変形を、数値解析とニューラルネットワークで予測する。

  3. 03 — BUILD / 2018—

    仕様のないコードを、読み解く。

    設計書のない業務ツールを解析し、C#で作り直す。2022年からは独立し、オンチェーンの分析と取引ボットを自分のために作る。

  4. 04 — NOW / 2025—

    誰かのために、作る。

    2025年、拠点を東京へ。鉄道関連のAI画像解析を、検証から要件定義まで手がける。

  5. 05 — NEXT

    レールは、自分で敷く。

    NEXT DEPARTURE 04:38

    CONTACT