概要
https://qiita.com/ot12/items/06015037ea758b518c6d
詳細内容
## 【Claude Code】非エンジニアが1行もコードを書かずにAI搭載の「画像トリミングツール」を作った話 #ポエム
https://qiita.com/ot12/items/06015037ea758b518c6d
**Claude Code**を指揮し、非エンジニアが1行もコードを書かずにAI被写体検知付きの高度なWebアプリを構築した事例を実証する。
**Content Type**: 📖 Tutorial & Guide
**Language**: ja
**Scores**: Signal:4/5 | Depth:3/5 | Unique:4/5 | Practical:4/5 | Anti-Hype:4/5
**Main Journal**: 75/100 | **Annex Potential**: 76/100 | **Overall**: 76/100
**Topics**: [[Claude Code, WebAssembly, Playwright MCP, アプリ開発民主化, ノーコード開発]]
非エンジニアのデータアナリストが、**Claude Code**を活用して高度な一括画像トリミングツールをわずか1日で完成させた開発記録です。特筆すべきは、開発者が1行もコードを書かずに、最大30枚の一括処理やAIによる被写体中央配置機能を実装している点です。構成案として、サーバー管理を不要にする**WebAssembly**ベースのクライアント完結型アーキテクチャをAIに提案・採択させるなど、技術的な意思決定プロセスも共有されています。
著者は成功の鍵として、厳密な仕様書の代わりに既存ツールを例に出す「例え話」による指示や、不明点をAIに「選択肢」として提示させる対話手法を挙げています。また、デバッグにおいては、**Playwright MCP**を用いてAI自身にブラウザを操作・検証させる「視覚的デバッグ」を徹底することで、コードを介さない開発フローを確立しました。技術の壁が消滅し、エンジニアリングが「妄想」と「言語化」の勝負に移行している現状を鮮明に描き出しています。
AIによる開発スタイルの変遷を実感したいエンジニアや、最新のAIエージェントによる自律的なアプリ開発の到達点を確認したい開発者に最適な一読です。