ノーコードの天井を超えた日── Claude Codeで「つくる」が変わった
要約
時田隆佑(トキタ企画)が、ノーコードツール Dify で構築した「NED×AI診断」の限界(デザイン自由度・埋め込み感・微調整不可)を感じ、Claude Code に切り替えた体験記。
Claude Code に Dify 版の URL と 400 行のシステムプロンプトを貼り付けて「独自アプリ化できますか?」と一言で問いかけると、15分後にオリジナルの Web チャット画面が動き出した。その後も日本語の会話だけでボタン化・レスポンシブ対応・独自ドメイン・PWA・SNS シェアを同日中に実装。コードを一行も書いていない。
核心主張
「試行回数が、質を決める。」
- ノーコードの天井: Dify は「最初の一歩」として最適だが、デザイン自由度・埋め込みの手触り感・微調整に上限がある
- Claude Code の差異: 「レシピ本(AI)」ではなく「自分のキッチンに来て料理してくれるシェフ」——材料確認・確認・実装・味見まで一気通貫
- 「考える」と「つくる」の境界が溶ける: 企画書→開発という伝言ゲームが不要になる
- 60点が30秒で出る: 5分で75点、さらに5分で85点。試行速度が最終品質を規定する
- 必要なのは Claude Code(月額 17ドル〜)・API キー・「こうしたい」を言葉にする根気の3つだけ
Dify → Claude Code の移行比較
| 観点 | Dify(ノーコード) | Claude Code |
|---|---|---|
| 初期実装コスト | 数時間 | 15分 |
| デザイン自由度 | 限定的(色・フォント変更不可) | フォント・カーソル速度まで制御可 |
| 埋め込み感 | 「よそのサービスを借りている感」あり | 完全オリジナル |
| 微調整 | 効かない | 日本語一言で即反映 |
| 費用 | ほぼ0円 | 月額17ドル〜(著者は100ドルプラン) |
| 適した段階 | 最初の一歩・コンセプト実証 | 育てていく段階・本格実装 |
当日の実装実績(記事執筆日 = 2026-03-15)
朝の時点では存在しなかったものが数時間で完成:
ned.tokitakikaku.com独自ドメイン(Xserver の DNS レコード追加まで Claude Code がブラウザ操作)- PWA 対応(Safari「ホーム画面に追加」でアイコンが並ぶ)
- X・Facebook・LINE シェアボタン
著者の自己定義(非エンジニア)
「プログラミングの知識は、なくても始められる。それよりも大事なのは、自分の仕事の中で『何をつくりたいか』が見えていること。」
「去年の最先端が今年の入門になる。2ヶ月前の天井が今日の出発点になる」という更新速度への言及も特徴的。
関連コンセプト
- Claude Code — Anthropic 製 AI 開発ツール。ターミナルで AI と対話しながらコードを生成
- ノーコードAI実装 — Dify 段階(前段)を記述したコンセプト。本記事で「天井」と指摘された段階
- コード生成AIシェフ比喩 — 「レシピ本 vs キッチンシェフ」という Claude Code の本質を捉えたメタファー
- 試行速度と品質(Iteration Speed as Quality Driver) — 「60点が30秒で出る」という試行回数×品質の命題
- AIの分身設計 — NED×AI診断(このアプリ)の設計思想
- NEDフレームワーク — 診断アプリの核心に埋め込まれた思考法
関連エンティティ
- 時田隆佑(トキタ企画) — 著者・非エンジニア企画者
- トキタ企画 — ned.tokitakikaku.com を運営する組織
- Dify — ノーコード AI チャットボット構築ツール(本記事で「天井」として言及)
- Claude Code — Anthropic 製コーディング AI ツール(本記事の主役)
出典系列(NED×AI診断の進化)
- 251218_NED×AI診断_ノーコードで作る自社専用AI診断_時田(2025-12-18)— Dify での初期実装記録
- 本記事(2026-03-15)— Claude Code への乗り換え・独自アプリ化・PWA化