2週間で4万行のTypeScriptを書いた。人間がプロンプトを与え、AIがコードをタイプし、人間がレビューする——その協働で。ただし「毎回AIに丁寧な指示を出し続けた」わけではない。最終的には 「ブックマーク機能作って」の一言で、アーキテクチャが一貫したコードが出てくる状態になった。BeforeAfter指示「クリーンアーキテクチャで、Route→UseCase→Repositoryの構成で、関数型で、Result型を使って...」と毎回説明「ブックマーク機能作って」の一言構成の一貫性AIが勝手に違う構成で書いて手戻り4万行書いても全機能が同じフォ...

AI協働開発を4万行スケールさせるアーキテクチャと運用の仕組み

!Windows、npm版Claude Code 2.1.34の話です本体の改変は自己責任でお願いします はじめに私のWindows環境では、Claude Codeの以下バグを踏んでいました:Claude in Chromeが機能しないtypescript-lspが機能しない特にClaude in Chromeが機能しないバグは致命的で、仕方なくバグが発生しない2.1.19を固定で使い続けていましたがOpus 4.6とAgent teams機能の追加に伴いさすがに最新バージョンに上げました。とはいえClaude Codeがブラウザを開けないのは致命的なので再びP...

Windows版Claude  CodeのバグをClaude Codeに改修させる

はじめにhttps://github.com/nnsi/ai-assistant-scheduler冬休みの宿題として、予定を入力するとAIエージェントが良い感じの補足情報を検索して教えてくれるカレンダーを作ってみました。手書きのコードが1文字もない、全てClaude Codeに任せた100%バイブコーディングです。ちなみに1/1~1/2は旅行に出かけており、ほぼスマホからClaude Code on the Webでの開発となっています。 技術スタックフロントエンド: TypeScript/Reactバックエンド: TypeScript/Hono/Drizzle/M...

100%バイブコーディングでAIエージェント組み込みアプリを作ってみた

この記事は、GENDA Advent Calendar 2025 シリーズ1の5日目の記事です。https://qiita.com/advent-calendar/2025/genda はじめに株式会社GENDA FE/BEエンジニアのNsiです。昨年は主にバックエンド担当でしたが、今年はフロントエンド開発にも携わるようになりました。さて2025年、特にDevinを導入してからはできるだけ1行もコードを書かないことを目標としてAIコーディングツールを利用しています。もちろん「手で書いた方が早い」場面も多々ありましたが、AIに任せる方に振り切った側としてどういう感じでツールを利用...

私のAIコーディングツール振り返り2025

!あくまで自社プロダクトのテスト効率化のために行なっており、この手法を他社サービスに向けて使ってはいけません。 はじめにGENDA IDの開発にあたり、開発チームでは必ず以下のテストを手動で行っていました :新規登録導線既存ユーザーのログイン導線既存ユーザーのパスワード変更導線導線の途中にはメールアドレスの認証コード入力や電話番号の認証コード入力が存在します。E2Eテストはこの辺を上手く織り込んでいく必要がありました。 AIエージェントがブラウザを操作出来るようになったbrowser-useやPlaywright MCP、Chrome MCP Serverなど...

E2EテストをAIエージェントに任せ、軌跡をコード化する

素朴にPostgreSQLに繋いでデータ拾ってくるとこんな感じ？app.tsimport { Hono } from "hono";import { drizzle } from "drizzle-orm/node-postgres";import pg from "pg";import * as schema from "/path/to/schema";const pool = new pg.Pool({  connectionString: process.env.DATABASE_URL,});const db = drizzle(pool, { schem...

DBがPostgreSQLなHonoアプリをPGliteでテストする

ねらいこの記事のねらいは、Usecase層から複数のリポジトリを呼び出す際、ORM標準のトランザクション機能をそのまま利用することなく、型安全かつレイヤーの分離を崩さない方法でトランザクションを扱えるようにすることです。具体的には、以下のようなコードでトランザクションを実行出来るようにしていきます。Usecase サンプルfunction OrderProduct(uRepo:UserRepository, pRepo: ProductRepository, oRepo:OrderRepository, tx: TransactionRunner) {  return a...

TypeScript ORMのトランザクションをUsecaseで綺麗に扱う

この記事は、GENDA Advent Calendar 2024 の13日目の記事です。https://qiita.com/advent-calendar/2024/genda TL;DRポインタと構造体、エラーハンドリングをA Tour of Goで学ぶレイヤードアーキテクチャで書いてみるテーブル駆動テストを書いてみるLinterを設定しておく はじめに8月のはじめにGENDAに入社してから本日までずっとGoを書いています。前職や副業では主にJavaScript/TypeScript/PHPを書いており、実務でGoを書いたことはありませんでした。元々Goは興味...

実務でGoを書く前に予習しておくと良かったこと

はじめに訳あってGoの勉強をする必要があり、右も左も分からない状況だったので（大半のコードをChatGPTに書いてもらいながら）TodoアプリのAPIを作りました。せっかくなので認証機能やWebSocketサーバの用意も行い、Webアプリのベースとして機能するところをゴールとして作りこみを進めました。 成果物https://github.com/nnsi/go-practice-todo-api/https://nnsi.github.com/go-practice-todo-api/ : 動作サンプル やったことホットリロードの導入Hello World!...

GoでREST API+WebSocketなTodoアプリを作る

ストレッチ専門店 Dr.stretch を運営する 株式会社nobitel でシステム開発に取り組んでいる Nsi です。https://doctorstretch.com/https://corporate.nobitel.jp/nobitel では「健康 × スポーツ × IT」を掲げ、全国約200店舗（2023年9月現在）の Dr.stretch で使われるお客様・店舗向け業務アプリ「Ficks」を社内で開発しています。元々2018年に開発がスタートし、紆余曲折あり2021年にリリースしてから継続的な追加開発を行っていましたが、ようやく技術的負債の返済に向けて動き出せる体制...