Anthropic社の新モデルClaude Haiku 4.5を使用して、わずか5ドル以下の予算でAI搭載のワークフロービルダーを構築する実践的なデモンストレーションである。このモデルはGPT-4よりも優れた性能を持ちながら、コストは3分の1、速度は2倍以上という特徴を持つ。動画では、React Flowライブラリを活用し、Claude CodeやCursorなどのAIコーディングツールを駆使しながら、フルスタックアプリケーションを短時間で開発するプロセスを詳細に解説している。かつては数万ドルと開発チームが必要だったソフトウェアスタートアップの構築が、現在では個人が低予算で実現可能になったことを実証する内容となっている。
5ドル以下でスタートアップを構築する時代
10年前には、ソフトウェアスタートアップを立ち上げるには数万ドルと開発者チームが必要でした。しかし今日では5ドル以下でそれが可能なんです。これはAnthropicの新しいAIモデル、Claude Haiku 4.5のおかげです。このモデルはGPT-4よりも優れているだけでなく、コストも数倍安いんですよ。
これから5ドル以下でソフトウェアスタートアップを構築する方法をお見せします。ちなみに、私は1年前にまさにこのことを予測していました。聞いてみてください。1年後には、5ドル以下でスタートアップ全体を構築できるようになるでしょう。そう、もし他の人より先を行きたいなら、ぜひチャンネル登録してください。
さて、このモデルを見てみましょう。Anthropicは本当に素晴らしい仕事をしています。100万入力トークンあたり1ドル、100万出力トークンあたり5ドル、そして毎秒約120トークンという非常に高速な処理速度です。お好みのエディタを開いて、clothと入力してください。
もしClaude Codeをインストールしていない場合は、その方法をお見せします。Googleを開いてClaude Codeと入力してください。最初のリンクをクリックすると、Anthropicのページに移動します。このコマンドをコピーするだけです。グローバルターミナルを開いて、ペーストしてください。
Claude Codeを起動するには、claudeと入力するだけです。/modelと入力してモデルを変更します。ご覧のとおり、3つのオプションがあります。Sonnet 4.5、Opus 4.1、そしてHaiku。これが新しいモデルです。これが最も高速で、5ドル以下でスタートアップを構築するために使用するものです。
5ドル以下と言うとき、本当にその通りの意味です。この動画を最後まで見れば、金魚並みの注意力しか持たない人が多い中で、予算が非常に限られていても、プログラマーでなくても、自分のソフトウェアビジネスを構築する方法がわかるはずです。だから注意して見てください。
Claude Code内で制限を確認するには、/usageと入力するだけです。ただし、Claude Codeはこのモデルを使用する最も経済的な方法ではありません。そこで、無料のオープンソース拡張機能の1つを使用します。ここではKilo Codeを使用します。これにより、支出額の正確な概要が得られます。例えば、hiと言うと、トークンウィンドウと各APIリクエストのコストが正確にわかります。これは0.01ドル、つまり1セントでした。
とにかく、少し整理しましょう。ご覧のとおり、空のプロジェクトで、ファイルはありません。デビッド、何を作るつもりなの?と思っているでしょう。最近は誰もがNatsのローンチを狙っています。OpenAIがAgent Kitをローンチし、Eleven Labsが独自のエージェントビルダーやFirecrolをローンチするのを見てきました。
ワークフロービルダーの構築
誰もがワークフロービルダーを構築しています。そこで、自分のワークフロービルダーを構築する方法をお見せします。実はこれは思っているよりもはるかに簡単なんです。人々はこのドラッグアンドドロップのキャンバスを恐れていて、作成するには何年もの開発が必要なものだと思っていますが、実際にはそうではないことをお見せします。この動画1本で5ドル以下で構築します。では、始めましょう。
スタートアップを1人で構築する場合、できる限りのサポートが必要です。そこで、React Flowというライブラリを使用します。これにより、ドラッグアンドドロップのワークフロービルダーの配線が提供されます。公式ドキュメントを調査しましょう。React Flowの公式ドキュメントをウェブで検索して、コードベースでの設定方法を教えてください。
コードエディタに戻って、Kilo Code内でPsychoを使用します。ご覧のとおり、Open Routerを実行しています。Open Routerの素晴らしいところは、すべてのモデルを選択できることです。来週Gemini 3がドロップされたら、簡単にそれに切り替えられます。でも今は、Claude Haiku 4.5を使用します。
手短に言うと、もしまだAIの助けなしに手動ですべてのプルリクエストをレビューしているなら、正直言って遅れています。そして正直なところ、プルリクエストのレビューが好きな人なんているでしょうか?そこでGraphite Agentの出番です。これは、PRのレビューをより簡単に、より速く、より協力的にする統合AIアシスタントです。
PRを開くと同時に、Graphite Agentはそれを調べ始め、ロジックエラー、処理されていないエッジケース、欠落しているテスト、またはコードベース慣習の違反を見つけ出します。しかし最高の部分は、ワンクリックで適用できる修正まで提案してくれることです。Graphiteのプルリクエストページ内には会話型チャットパネルがあり、このPRで何が変更されたか、ローカルクローズドアプリでどのようにテストすればよいか、レビュアーのフィードバックをどのように実装すればよいか、その他何でも質問できます。
関連ファイルの検索、CI問題の解決、さらにはコード編集の適用まで、すべてを1か所で行えます。もし私のようにソフトウェア会社を経営しているか、ソフトウェア会社で働いていて毎日多くのPRレビューがあるなら、Graphite Agentはゲームチェンジャーになるでしょう。PRのレビューにかかる時間を大幅に節約できるだけでなく、あなたやチームで最もシニアな人でも見逃したバグをキャッチできます。なぜなら、LLMは10倍エンジニアでさえ見逃す可能性のある問題を見つけることができるからです。
そして最高の部分は、30日間無料で試せることです。今日からgraphite.devで始めましょう。そして、このビデオをスポンサーしてくれたGraphiteに感謝します。
ここで新しいタスクを作成します。Architectに切り替えて、React Flowライブラリを使用したAI搭載ワークフロービルダーのMVPプロジェクトの非常にシンプルなコードベースを設計する手助けをしてくださいと言います。統合方法に関する完全なレポートがあります。これをコピーしましょう。Cursorに戻ります。
レポート、新しいフォルダーdocsを作成します。これは良い習慣です。その中にreact flow docs.mdという新しいファイルを作成します。ここに調査結果を貼り付けます。そして、React Flowドキュメントファイルにタグ付けするだけです。テキストタグはシンプルであればあるほど良いです。
Architectモードを使用している理由は、設計しているからです。開発に飛び込む前に、コードベースを計画するためのものです。多くの人がAIコーディングに取り組むとき、焦ります。すぐにコードを書き始めたがります。しかし、秘訣は実際には時間をかけて計画することなんです。
Kilo Codeに問題が発生しています。まあいいです。スタートアップを構築するときと同じように、ここで素早くピボットする必要があります。そこで、Cursorを使用することに切り替えます。Haikuに切り替えます。コストを追跡する必要があります。Cursorはこの点で最高の評判があるわけではありませんが、公平を期すために、ダッシュボードがあります。
ダッシュボードでこれを追跡して、どれだけ使っているか確認できます。hiと言ってみます。5ドル以上使っているかどうか正確に確認するために、Cursorダッシュボードに追加されているか見てみましょう。できました。Claude 4.5 Haiku、1セント未満。美しいですね。
アーキテクチャの設計
同じプロンプトをコピーしましょう。実は、これはかなり良いです。なぜなら、Cursorがちょうどプランモードをリリースしたからです。これをここで使用します。このモデルがどれだけ速いか見てください。使うのがとても楽しいです。今日テストしたときは本当に驚きました。このモデルがツール呼び出しでどれだけ優れているかお見せしましょう。アクティブなタスクをリストアップしてください。
明らかにVectalはタスク管理生産性エージェントです。見てください。まさにこの通りです。これは早送りではありません。モデルがそれだけ速いのです。まだClickUpやTodoistなどを使って手動でタスクを管理している人がいるなんて信じがたいです。Claude Haiku 4.5をVectal内で使用してすべてを自動化し、はるかに生産的になれるのに。
とにかく、Cursorに戻ってプランがあるか見てみましょう。あります。これの素晴らしいところは、アプリの実装方法を常に尋ねてくることです。先ほど言ったように、これが実際に初心者のバイブコーダーとAIで本格的なソフトウェアを構築する人との違いなんです。
彼らはコードを書くことに急ぎません。実際に適切な時間をかけて計画します。Cursorがこれらのベストプラクティスの一部をアプリに組み込んでいるのを見るのは嬉しいことです。プランモードでは、ビルドにどのようなワークフローステップノードをサポートする必要があるか明確にするよう求められます。これが私の答えです。
1番、可能な限りシンプルなセットアップ。オプションCに加えて、Anthropic APIを使用して非常にシンプルなAIエージェントを動かすClaude Haiku 4.5ノードを選びましょう。ワークフローをエージェント化したいです。次にAI統合レベル。このMVPでAIは何をすべきか?その前のノードから来るデータを処理するだけです。
3番、バックエンド要件。オプションBのシンプルなNode.jsバックエンドにしましょう。永続性の前に、ワークフローは保存されるべきか?はい、SQLiteを使いましょう。これも非常にシンプルなデータベースの選択です。
さあ、作業を開始して、実績のあるシンプルなテックスタックを使用してこのプロジェクトの非常にシンプルなコードベースアーキテクチャを設計してください。プランモードのおかげで、考えを明確にし、何を構築し、何を構築しないかというアイデアを洗練させました。
これがCursorのプランモードでどのように見えるかです。このマークダウンファイルを開き、すべてを1つのファイル内に提供します。そして、ここに保存できるボタンがあります。ワークスペースに保存すると、curs/clientに保存されるので、将来参照できます。Cursorチームがこれを実行してくれたことに感謝します。
残っているのは、ビルドをクリックするだけで、Haiku 4.5がそれに取り掛かります。予算がどうなっているか見てみましょう。デビッド、使いすぎたらどうするの?と思っているかもしれません。まあ、見てみましょう。これらのHaikuコストを見てください。これは1セント未満、1セント未満、おっと2セント。ここは注意しないといけません。これは2セントでした。
こちらはエラー、1セント未満、1セント未満、ゼロ、ゼロ。かなり順調だと思います。1ドルにも全然近づいていません。コードエディタに戻って、Kilo Code内のPsychoを使用している様子を見てみましょう。ご覧のとおり、Open Routerを実行しています。Open Routerの素晴らしさは、すべてのモデルを選択できることです。来週Gemini 3がドロップされても、簡単にそれに切り替えられます。でも今は、Claude Haiku 4.5を使用します。
12のToDoが作成されました。今、ToDoを処理しています。右側でコードベースが形になっているのが見えます。srcフォルダー、バックエンドがあります。ズームアウトして、このモデルがどのように料理しているかもう少し見えるようにしましょう。非常に速く進んでいます。いくつかエラーがあります。後で修正できます。フロントエンドフォルダー。Viteを使うんですね、面白い。
モデルの性能について
その間に、このモデルについてもう少しお話しさせてください。これは今年最も重要なリリースの1つであり、多くの人がそれを見過ごすことになるからです。別のコーディング拡張機能であるClientは、このモデルがSonnetより3倍安く、Sonnetより2倍速いとツイートしました。実際には時々それ以上になります。毎秒130トークンに達することもあり、はるかに速く感じられます。
そしてこれらすべてが、Sonnet 4と同等のパフォーマンスを維持しながら実現されています。わずか3週間前、誰もがメインのコーディングモデルとしてClaude SonnetのSonnet 4を使用していたことを覚えておいてください。今、3倍安く、2倍以上速いものがあるという事実はかなり素晴らしいです。
別のベンチマークも見てみましょう。Claude Haiku 4.5がSonnet 4.5、Sonnet 4、GPT-4、Gemini 2.5 Proとどのように比較されるか。明らかに、Anthropicのモデルファミリーでは、Haikuは常に最小のものであるため、Sonnet 4.5ほど強力ではありません。
しかし、エージェントコーディングの面では、Sonnet 4よりも優れています。素晴らしい。Terminal Bench、つまりコーディング中にターミナルで実行できるアクションの面でも、Sonnet 4より大幅に優れています。Sonnet 4.5には少し遅れをとっていますが。
エージェントツール使用を見ると、小売、航空、通信という3つの異なるタイプのアクションがあります。小売はAmazonでの買い物のようなもの、航空は航空券の予約、通信はSIMプランの更新などだと思います。通信で大きくジャンプしています。このモデルがお金を節約してくれるのかもしれません。航空はほぼ変わらず、小売は少し悪化していますが、Sonnet 4.5はこれらすべてで明らかにリーダーです。
Sonnet 4.5はHaikuより3倍高価であり、かなり遅いことも覚えておいてください。では、コードベースがどうなっているか見てみましょう。プランが実行されました。1分半ほどでしたか?かなり素晴らしい。コードベース全体をアーキテクチャするのにどれだけコストがかかったか見てみましょう。1セント、2セント、ゼロ、2セント、2セント。大丈夫そうです。
Cursorに戻って何が起こっているか見てみましょう。27の新しいファイルが作成されました。数百行のコードがあります。おそらく千行以上です。ここにエラーがありますね。そのファイルにタグ付けして、workflows.tsのエラーを修正してくださいと言います。簡単にできるはずです。
Gitリポジトリを初期化すべきでしょう。git init、最初のコミット、first commitと。今はGitHubに接続する必要はありません。その必要はありません。あと、ここにエラーが。いや、ありませんでした。TypeScriptの型エラーでした。修正されました。
では見てみましょう。アプリをどう起動するのか。ドキュメント、readmeファイルまで作ってくれました。APIのセットアップ。setup.tsを開きましょう。いいですね、ドキュメントを提供してくれました。npm installを実行する必要があります。これで依存関係がインストールされます。
次に、envファイルを作成する必要があります。あるかどうか、またはサンプルがあるかどうかわかりません。これを閉じましょう。ありません。バックエンドディレクトリにある必要がありますか?必要です。
バックエンド内に新しいファイル.envを作成します。ここで、セットアップが言うように2つ必要です。ワークフロービルダーを動かすAnthropic APIキーと、ポートだけです。では、Anthropic APIキーを取得しましょう。
もしやったことがない場合は、Vectalに尋ねてください。Anthropic APIキーを取得するにはどうすればよいですか?ステップバイステップで教えてください。Haiku 4.5が本当に好きです。この速度は驚異的です。console.anthropic。それからメールを設定する必要があります。Cloudアカウントを持っていない場合は、明らかに設定する必要があります。持っている場合は、同じアカウントでログインできます。
とにかく、左側のAPIキーに移動します。右上の作成キーをクリックします。Vectorワークスペースを選択して、名前をyet another original workflow builderとします。なぜなら、私たちは非常にユニークなスタートアップを構築しているからです。これは前例のないものです。
APIキーは誰とも共有しないでください。YouTubeチャンネルは例外です。冗談です。アップロードする前に削除しますが、皆さん試してみてください。いつか忘れて、ラッキーになるかもしれません。とにかく、Anthropic APIキーを入力したらenvファイルを保存します。
アプリケーションの起動と修正
他に何が?セットアップを見てみましょう。このコマンドを実行する必要があります。いくつかエラーがあります。気にしません。このコマンドを実行しましょう。もしかしたら気にする必要があるかもしれません。コピーして、ペーストします。エラーが出ています。何が問題なのか説明してください。まだ修正しないでください。これも上級者向けのヒントです。AIに修正を依頼する前に、自分でエラーを理解する方が良い場合があります。
では、何が起こっているか見てみましょう。コマンドが見つかりません。npm installは実行しました。もう一度やってみましょう。npm install。今度は動きました。変ですね。とにかく、これがサーバーになります。ロードしてみましょう。localhost:3000。まだ何も起こっていません。エラーが発生しているからです。
もう一度ペーストします。まだエラーが出ています。これらがより簡単で短い方法で何を言っているのか説明してください。まだ何も修正しないでください。SQLiteはネイティブモジュール。SQLiteを完全に廃止して、データベースとしてJSONファイルを使いましょう。非常にプロフェッショナルではないことはわかっていますが、皆さん、MVPの概念実証を構築しているので、落ち着いてください。
まず、すべてのプランファイルとドキュメントを更新して、これを認識させてから、バックエンドでJSONファイルを使用してワークフローを保存するようにアプリを簡略化します。まだここでエラーが出ています。エラーはどこだ、一番上のexpress。
ご覧ください。Haikuがすべてのドキュメントを処理しています。すべてのMDファイルを更新して、SQLiteの代わりにJSONファイルを使用していることを明確に指定しています。このファイルを削除したいようです。必要ないからです。承認しましょう。
APIコストを素早く確認しましょう。70,000トークンで9セント。これまでで最も高額です。キャッシュ読み取り、キャッシュ書き込み。それが恩恵を受けるもう1つの理由です。キャッシュを見てみましょう。10倍です。実際、キャッシュ読み取りは0.1で、キャッシュ書き込みは1.25です。これは、Anthropicキャッシュを使用する最適化されたアプリを持っている場合のもう1つの利点です。
新しいトークンに対してのみフルプライスを支払うため、実際には毎回フルプライスを支払うわけではありません。キャッシュされたものについては、はるかに少ない金額を支払います。コードベースがリファクタリングされました。データベースを完全に変更しました。2分以内でした。かなり印象的です。
すべてをコミットします。git commit、データベースをJSONファイルに変更。かなりクレイジーなコミットですね。まだここでエラーがあります。expressがモジュールを見つけられません。もう一度npm installしてみましょう。クリア。正しいフォルダーにいるか確認します。います。
npm installを実行する前にフロントエンドにいる必要がありますか?もしかしたらトロールしているかもしれません。ルートから実行すべきですが、それは私がやっていたことです。では、Makefileを作成するよう指示します。フロントエンドとバックエンドのサーバーを起動するのをさらに速くするために、make frontendとmake backendコマンドだけでMakefileを作成してください。
npm installが完了しました。素晴らしい。次に実際にこれを初めて実行できるかもしれません。超ユニークなワークフロービルダー、前例のないものを見ることができます。これは頑張りすぎています。基本的に、Makefileは頻繁に使用するコマンドを簡略化するためのものです。make installを実行します。
新しいターミナルでmake backendを実行します。make frontendを実行します。それだけです。アプリが動作するか見てみましょう。いいえ、動作しません。エラーが出ています。プロフェッショナルにデバッグしましょう。Cannot get slash。ここではエラーが出ていません。スクリーンショットデバッグをしましょう。
これをペーストします。スクリーンショットです。localhost:3000にアクセスすると、これらのエラーが表示されます。なぜこれが起こっているのか調査して、クリーンで最小限の修正を実装してください。Haiku 4.5で小型モデルの台頭が見られると思います。多くのユースケースにおいて、非常に高速で強力なモデルが、応答に5〜10分かかる巨大な強力モデルよりも実際に好まれるからです。
チャットボット、リアルタイム翻訳、キャプション生成、価格下落アラートなど、多くの例があります。多くの状況で高速なモデルが必要であり、市場のギャップを埋めているようなものです。先週Vellanを構築していたとき、この整理機能に何を入れるか決めていました。ちなみに、これはワンクリックですべてのタスクを整理する方法です。
今、300のアクティブなタスクがあります。これがどれだけ速くできるかお見せしましょう。これは現在Haiku 4.5で動いています。先週、Gemini 2.5 Flashを使うべきか考えていました。でもそれは小型モデルのような感じで、品質が低いように感じます。ご覧ください。76の異なるエージェントを使用して300のタスクを分析するのに10秒です。
未来に生きています。驚異的ですよね?そして明らかに各タスクに推論があります。これが削除対象に選ばれた理由を見てください。選択を解除することで、いくつかを残すことができます。削除。
これが、Vectalのような完全に統合されたタスク管理生産性アプリ内で最新最高のモデルを使用する魔法です。まだTodoist、ClickUpを使っているなら、vector.aiにアクセスしてサインアップしてください。完全無料で始められます。実際、Haiku 4.5を無料モデルとして提供しています。皆さんが使えるように。言い訳はありません。
これらのビルトインツールがあります。多くの人が、チャットエージェントがどれだけ改善されたか気づいていません。タスクを見せてください。非常にシンプルなプロンプトです。そしてHaikuがどれだけ速いか見てください。驚異的です。HaikuがこのカスタムビルトインUIでタスクをロードする速さを見てください。タスクを見ることができます。それぞれをクリックして、タスクの詳細を開くことができます。
Vectalは大きく進歩しました。数ヶ月前に試した方は、もう一度試す必要があります。まったく別のアプリになっています。vector.aiにアクセスして試してみてください。現在Haiku 4.5で動いています。とにかく、アプリに戻りましょう。エラーが修正されたか見てみましょう。
server.tsを見ると、どうやら修正されたようです。これをリロードしましょう。何も修正されていません。実は大丈夫です。間違ったドメインにいました。これにアクセスします。これはバックエンドです。なぜバックエンドが30000番ポートにあるのでしょうか?まあいいです。
私のミスでした。しかし、ここにいます。これが私たちのワークフロービルダーです。新しいワークフローをクリックしましょう。名前はnot an A10 cloneとします。なぜなら、これらすべての会社がやっていることだからです。さあ、キャンバスがあります。
入力ノードを追加します。素晴らしい。ドラッグアンドドロップが動作します。驚異的です。Haikuノードを追加します。AI処理です。接続できるか見てみましょう。接続。美しい。次に出力ノード。これを接続できるか見てみます。シードラウンドを調達する準備ができたと思います。
マーク・アンドリーセンがこれを見ているなら、50億ドルの評価額で1000万ドルを調達しています。とにかく、これがあると思います。ワークフローが機能するか見てみましょう。機械学習の秘密を説明してくださいと言います。実行。エラー。素晴らしい。エラーがあります。エラーがなかったら驚きます。
このミニマップがあります。ズームインできます。皆さん、これはすでにちょっとクレイジーです。UIはもっと良くなる可能性がありますが、自分たちのNA10クローン、つまり、すべてのアプリのような超オリジナルなワークフロービルダーがあります。これらの初期のホットテイクについては、本当にTwitterでフォローする必要があります。
とにかく、これを修正する必要があります。Cursorに戻りましょう。まず、コストを監視する必要があります。5ドルを超えることはできません。9セント以上のものはありますか?12セント、90,000トークン。ここでエクスポートする必要があります。最後にCSVをエクスポートして、すべてのコストを分析し、破産しないようにします。
ちょっと面白いですね。文字通り毎月数千ドルをすべてのエージェントを実行するAPIコストに費やしているからです。でもそれは別の話です。今は、Haikuに切り替えて数千ドルを節約できるかもしれません。見てみましょう。
エラーはどこにありますか?明らかに、どこにも公開されていません。素晴らしい。デバッグとログを追加する必要があります。ステータス500で失敗しました。コンソールにありますか?いいえ。実行。まず、サイドバーは折りたたみ可能にする必要があります。ステータス500でリクエストが失敗しました。
フロントエンドのエラーが出ていますが、データもフィードバックもどこにもありません。フロントエンドとバックエンドのターミナルは両方とも空です。これを特定するのに役立つ多くのデバッグログを追加してください。他に何も変更しないでください。実際、プロフェッショナルなコミットをすべきかもしれません。いくつか変更があるので。
git add .、git commit、app finally works。デバッグログを追加しています。これらがサーバーで実際に見られることを願っています。コンテキストウィンドウが使われているのが見えます。注意が必要です。サーバーはホットリロードしますか?はい、両方のサーバーにホットリロードがあります。
ワークフローはどこですか?リロード。プロフェッショナルなワークフローを失いましたか?とにかく、入力を追加します。保存をクリックしなかったのかもしれません。Haikuを追加、出力を追加。これを配線しましょう。すべてが順番通りであることを確認する必要があります。順調です。何でもそうですが、保存しましょう。あなたは誰ですか?見てみましょう。非常にシンプルです。
エラー、リクエストが失敗しました。コンソールでデバッグが取得できるか見てみましょう。いいですね、エラーオブジェクト。あまり役に立ちませんが、少なくともログに記録されています。Cursorに戻ります。これをペーストします。両方のターミナルもペーストするので、完全なコンテキストがあります。
このエラーについて持っている完全なコンテキストです。あまり多くありませんが、重要な場所にさらにデバッグログを追加してください。できるだけ早くこれをデバッグできるようにします。他に何も変更しないでください。このオリジナルプラン、APIを保存しないでください。しかし、バックエンドターミナルは完全に沈黙しています。ログが全くありません。バックエンドに到達していないからです。
残念なことに、多くの時間を費やしてこのワークフローを構築しました。さらにデバッグログが必要です。実際、その間にアイデアがあります。Claude Codeを起動できます。Haiku。/modelでHaikuに切り替えます。シフトタブで自動受け入れにするか、フロントエンドデザインを改善してダークモードにし、よりクリーンにする必要があると言います。ロジックや機能は変更しないでください。
UIをより洗練されたものにするだけです。ウルトラシンク。最大パワー。2つ目のエージェントを使ってUIの調理を開始します。投資家にReact Flowを使っていることを知られたくないからです。秘密にしておく必要があります。そうすればシードラウンドを調達できます。
デバッグログが取得できるか見てみましょう。アプリに戻りましょう。もう一度実行します。実行。バックエンドは完全に沈黙しています。リロードします。新しいワークフロー、2つ目のワークフロー。これは非常に異なるものになります。冗談です、同じになります。もしかしたら入力が…誰にもわかりません。あなたは誰ですか?実行。
典型的なエラー。バックエンドには何もありません。新しいチャットを作成してコンテキストウィンドウをリセットします。すべてをペーストします。フロントエンドが変身しています。素晴らしい。新しいUIが楽しみです。その間、すべてを一度にやるのは最善ではないかもしれませんが、2つのエージェントを同時に実行する方がエキサイティングですよね。
エラーが出ていますが、バックエンドは何もログに記録していません。フロントエンドがバックエンドに正常に接続しているかどうかを調査して、これをデバッグする方法をステップバイステップの指示で教えてください。まだ何も変更しないでください。Claudeが何を調理しているか見てみましょう。多くの変更があります。
完了したようです。悪くないです。ノードの周りの輪郭がまだ白くて見苦しいです。それを修正してください。また、ミニマップも修正する必要があります。ミニマップも白または明るいグレーです。それも修正してください。ダークモードにしてください。投資家を感動させる必要があります。
Claude Codeを使用しているので、ルートに新しいファイルclaude.mdを作成してくださいと言います。このファイルを更新して、シードラウンドを調達しようとしていること、サンフランシスコの投資家を感動させる必要があること、そして彼らにReact FlowとAnthropic APIを使っているだけだと知られてはいけないことを追加してください。カスタムモデルを持つクレイジーな大規模モードと、狂気的な独自技術があると思わせる必要があります。
文字通り、サンフランシスコのスタートアップの半分を説明しました。ミニマップは修正されましたが、まだ入力と出力ノードの周りに白い輪郭があります。これをペーストします。入力ノードと出力ノードのUIを修正してください。まだその周りに白があります。
拒否されました。それには協力できません。投資家を誤解させるように設計されたドキュメントの作成。聞いてください。これは誤解ではありません。ビジネス戦略です。まあいいです。ファイルは作成されました。私の戦略をコピーします。これを保持します。ペーストします。
これで、すべてのClaude Codeにこれが含まれます。答えをよりシンプルに短くしてください。元に戻さずに。UIが良くなり始めています。なぜエラーメッセージが緑なのでしょうか?クレイジーです。エラーメッセージを赤にしてください。
実行を見てください。バックエンドが…何かが起こりました。いいですね。エラーは今や赤です。これをスクリーンショットします。React Flow。バックエンドは?いいえ。バックエンドターミナルはまだ空です。フロントエンドが全く接続できていないと思わせます。これをデバッグして修正してください。
デザイナーはいい感じで調理しています。左のサイドバーを折りたたみ可能にしてください。これは時間がかかっています。折りたたみ可能なものが必要です。トラブルが発生しています。サイドバーは今や折りたたみ可能ですか?驚異的ですよね?トップはどこに行きましたか?3つ目のワークフロー。このトーストを取り除く必要があります。
プロフェッショナルではありません。投資家は好まないと思います。新しいワークフローの作成はまだこのダサいトーストを使っています。投資家価値の高い適切なモデルを作成してください。別のGitHubへのプッシュをすべきです。GitHubを全く使っていません。Gitだけです。git commit、UI redesign。それが最大の変更です。大したことではありません。
何が起こっているのでしょうか。バックエンドが実際にレスポンスを受信しているか確認しましょう。バックエンドのログが表示されません。調査します。見つけました。その古いプロセスを終了します。何が起こっているのでしょうか。バックエンドを再起動します。完了。古いバックエンドプロセスが実行されていました。それを終了してバックエンドを再起動しました。
実行をクリックしてみます。何が起こっていますか?ここでCursorのバックエンドを使用しています。これをリロードしてみます。プロフェッショナルなモデルです。非常に良いです。3つ目のワークフロー。もしかしたら初めてがチャームです。入力ノード。非常にクリーンです。Haikuノードのドラッグは少し壊れていますが、後で修正できます。
出力ノード、クレイジーな株主価値を提供しています。今はそうではありません。あなたは誰ですか?実行、エラー。トレースが取得できますか?やっと何か。やっと何かです。フロントエンドがバックエンドに接続されていないときにデバッグするのは難しいです。新しいアプリをスピードランして、5ドルの予算でソフトウェア会社を構築するとこうなります。
やっとログが取得できました。これらを読んで、より簡単で短い方法で何が起こっているか説明してください。Cursorエージェントはターミナルコマンドを実行でき、その出力も見ることができます。これがその美しさです。
ワークプレースゼロ、ノードゼロ、パイプラインに入力ノードが見つかりません。何もありません。ワークを作成します。保存する必要があっただけかもしれません。入力ノードが正しく見つかっていません。でも入力ノードはあります。JSONデータベースをチェックしてください。データベースと呼ぶのは少し無理がありますが、それがそこにあるかどうか確認してください。そうであれば、バックエンドがそれを見ることができない理由を調査してください。
実際、ここに3つ目のワークフローが見えます。入力ノードがあります。X座標が見えます。JSONデータベース。DBデータを見せるべきではなかったかもしれません。非常に独自のものです。シードラウンドのサイズが減るかもしれません。データはそこにあります。
問題を見つけました。ストレージの問題です。実行をクリックしたのはいつですか?もう一度実行します。Anthropic APIキー変数がセットされていません。進歩しています。新しいエラーが出ています。実際、それは祝うべきことです。
バックエンドが設定しているにもかかわらず、envを見つけられません。envがあります。これをバックエンドフォルダーに設定しているにもかかわらず、何かが間違っています。ルートにあることを期待しているのかもしれません。envが正しいフォルダーにあるかどうかわかりません。npm install、envはプロジェクトのどこにも存在しません。
バカ。見えないだけです。機密情報だからです。スクリーンショットします。もしかしたらCursorエージェントに証明できるかもしれません。スクリーンショットを見てください。バックエンドフォルダーにenvファイルがあります。問題は、コードがそれを正しく読み込んでいないことです。
その通りです。申し訳ありません。バックエンドプロセスを再起動する必要があります。ターミナルは死んでいますか?すべてのローカルクロスを終了します。リロードしてみます。別のフロントエンドです。フロントエンドも終了しましたか?それは残念です。どのポートですか?同じポートです。いいですね。
アプリに戻ります。3つ目のワークフロー。実行してみましょう。こんにちは。動いた。動きます。投資家にどのモデルを使っているか知られないようにする必要があります。
フロントエンドを更新して、Claude 4.5 Haikuについてどこにも言及しないようにします。代わりに、何が起こっているのでしょうか。そのノードをAIエージェントと呼ぶべきです。認識される価値が高くなります。多くのアプリが使用しているモデルを隠す傾向があります。私たちはそうしません。
git add、git commit、envの問題を修正しました。リファクタリングがどうなっているか見てみましょう。AIエージェント。いいですね。これらはアイコンに置き換えるべきです。大したことではありません。デザイナーがそれを処理できます。これらをアイコンに置き換えてください。Claude Codeはどうですか?順調だと思います。Claude Codeをより良くしています。
アプリは動作します。構築されました。CSVをエクスポートしましょう。Claude Codeのリデザインをいくつか行いましたが、それはアプリに必須ではありません。まあいいです。これがどれくらいの大きさか見てみましょう。ルートにあるCSVファイルを読んでください。構造を教えてください。何もしないでください。答えるだけです。
では、このCSVを分析する新しいPythonスクリプトを作成して、今日の日付10月16日のHaikuに使った合計を出力してください。そのPythonスクリプトの実行方法を教えてください。他には何もしないでください。合計Pythonを持っています。これまでのところ1.19ドルです。まだ3ドル、いくらですか?71ドルか81ドルの予算があります。スタートアップに取り組むのに十分な予算があります。
明らかな改善点はありますか?これは堅実だと思います。折りたたみ可能なチャットバーがあります。これは置き換えられましたか?エラーがあります。良くない。もう一度npm installを実行する必要があります。私のミスです。すべてを終了しましょう。
Makefileがあります。これらのコマンドがあります。make install。npm installだけでできるので無駄なコマンドです。まあいいです。make frontend、make backend。何が起こっているか見てみましょう。すでに実行されています。エラーは何ですか?このエラーが何を言っているのか、より簡単で短い方法で説明してください。
皆さん、正直に言いましょう。エラートレースの読み方を学ぶべきです。でも今は予算内で、できるだけ早くピッチデッキを開発する必要があります。他には何もしないでください。ターミナルを終了してもポートが終了しないのはなぜですか?自分でやって、バックエンドを再起動してください。
まあいいです。エージェントにサーバーの管理を委任します。2025年です。10月です。なぜターミナルを気にするのでしょうか?これは非常に危険です。お勧めしません。見てみましょう。いいですね。これらのボタン、ノード用のカスタムボタンがあります。最高です。
これが私たちのNA10クローンではない、カスタムUI独自のAIエージェントで、Claude Haiku 4.5という謎のモデルで動いています。そしてこれらすべてが、いくらかかりましたか?コストを失いましたか?もう一度再計算しましょう。1.19ドル。実は過剰に提供しました。5ドル以下と言いましたが、1.19ドルです。5ドル以下ですが、要点はわかりますよね。
1.19ドルあれば、Anthropic APIで動くフルスタックアプリをReact Flowで構築できます。つまり、独自技術です。これでソフトウェア会社を構築するのがどれだけ簡単になったかわかっていただけたと思います。必要なのは適切なアイデアだけです。適切なアイデアと少しの労働意欲さえあれば、2025年と2026年、特にこれからの年に大成功できます。
AIエージェントを受け入れ、言い訳をしない人々は、他の人々を圧倒するでしょう。近いレースにすらならないでしょう。つまり、ギャップは巨大になります。スペクトラムの正しい側にいた方がいいですよ。
コメント