ウェブサイトの構築 VIBEコーディングで45分以内(GPT-4 & V0)

AGIに仕事を奪われたい
この記事は約24分で読めます。

14,041 文字

Build a Website Using Vibe Coding in 45 Min (GPT-4 & V0)
*Want Matt's favorite AI coding tools? 👉 Get his playbook here Vote for us at the Webby'sMatt Wolfe ( and Nathan Lands (...

やあ、NextWaveポッドキャストへようこそ。私はMatt Wolfです。Nathan Lanceと一緒にお送りします。今日は再びVIBEコーディングについて掘り下げていきます。実際、前回VIBEコーディングの先駆者として活躍したRiley Brownを再びゲストにお迎えします。前回お話した以降のAIコーディングの世界での変化や、以前よりもさらに簡単にコーディングができるようになった素晴らしい新しいツールなど、様々なことについて話し合います。最後まで視聴してください。というのも、このエピソードではアプリをライブで構築します。スーパー楽しいアプリで、その機能と構築の速さに驚かれると思います。とても楽しいエピソードになりますので、早速始めましょう。
Riley Brown、再び参加してくれてありがとう。今日の調子はどうですか?
調子は良いですよ。まず、過去3ヶ月間に起きた開発の中で、あなたのコーディングに最も影響を与えたものは何でしょうか?
うーん、私が最もよく使う2つのツール、CursorとWindsurfが、コードベースをどれだけ理解しているかということでしょうね。モデルが変更されるたびに、例えば最近Claude 3.5 SonnetからClaude 3.7 Sonnetに切り替わったときなど、これらのモデルが変わるとちょっと奇妙な期間があります。なぜならCursorは基本的にClaude 3.5向けに構築されていたので、3.5に非常に適していました。Claude 3.7に切り替わると、少し違った動作をして、私のリクエストを完璧に実行しなくなりました。多くの人に同じことが起こり、Cursorを愛していた多数の人がWindsurfに切り替え始めたと思います。
これら2つのツールは、私の意見では、AIコーディングに最適なツールです。もっと深く掘り下げたいなら、Lovable、Replit、Boltなどのよりシンプルなツールも使えますが、CursorとWindsurfはコードベースを本当によく理解していて、より長いタスクを実行できます。
CursorとWindsurfについて、私も両方を持っていて、文字通り両方に月額料金を支払っています。行ったり来たりしています。時々Cursorが詰まってループに入り、バグを解決できなくなるとき、同じフォルダをWindsurfで開くと、Windsurfがワンショットで問題を修正してくれます。そして同じことがWindsurfでも起こり、Cursorに戻るとCursorが修正してくれる。私にとっては、ほとんど同じですが、時々一方が解決する一方で他方は解決しないことがあります。あなたが考える両者の最大の違いは何ですか?
Windsurfの方がユーザーインターフェースは良いと思いますが、Cursorでは起きないような奇妙なことで詰まることもあります。もちろんCursorも、Windsurfでは詰まらないことで詰まることもあります。
2日前にツイートしたのですが、AIに懐疑的な人たちが「バグに遭遇したときどうするの?」と言ってくるので、バグに遭遇したときに行う7つのことをリストアップしました。ほぼ確実に解決できるからです。AIモデルを切り替えたり、すべてのAIモデルが機能しない場合は、同じく優れた別のソフトウェアであるWindsurfに切り替えたりできます。またインターネットも使えます。
MCPsがあることで、おそらく2番目に大きな進歩は、Cursorに直接組み込まれた4〜5つのMCPsを持っていることです。実際には、Perplexity DeepResearchをCursorで直接使用できるようにMCPを通じて設定できます。PerplexityがAPI経由で利用できるようにしたからです。
例えば、音声からテキストへの変換にDeepgram APIを使用するアプリを構築したいとします。CursorやWindsurfにインターネットを検索させ、その情報を取得して、その情報に基づいてコードベースを確認し、コードを生成させることができます。これは研究エージェントのようなもので、非常に影響力があり、素晴らしいです。
基本的に、MCPは聞いている方のために説明すると、Model Context Protocolの略で、Anthropicによって作成されました。以前のエピソードでも少し触れましたが、様々なツールのAPIと大規模言語モデルの間に存在するレイヤーで、大規模言語モデルがツールAPIと通信するための統一された方法を提供します。
基本的に、すべてのAPIは少し違っており、各会社のAPIにはそのAPIの使い方についての完全なドキュメントがありますが、誰も同じ方法で実装していません。大規模言語モデルはMCPと通信し、MCPが大規模言語モデルの代わりにAPIと通信します。これが最もシンプルな説明でしょう。もっと簡単に言えば、MCPは大規模言語モデルがツールを使いやすくします。
良い説明ですね。MCPに関して言えば、私はSuperbaseを使い始めました(なぜかSuppと呼んでしまいます)。あなたはSuperbaseのファンではなく、Firebaseの方が好きなようですが、SuperbaseにはMCPがあり、データベースを構築すると、Cursorが実際にデータベースを見て、データベース側で物事が正しく機能しているかを確認できます。
また、ブラウザツールのMCPも使っていて、実際にブラウザのコンソールを見てブラウザのスクリーンショットを撮ることができるので、作業を二重チェックできます。これらは私が使用している唯一の2つのMCPですが、PerplexityのMCPも上手く機能することを今学んでいるので、それも追加する必要がありそうです。
MCPについてもう一つ言えることは、現在非常に初期段階にあるということです。技術的でない場合、私やあなたのようにコンテンツを作成していない限り、少し待っても問題ないかもしれません。まだ完璧ではなく、多くの可能性がありますが、現在のY Combinatorバッチには、MCPを1クリックで追加できるように簡素化しようとしている約4つの異なる企業があります。現在はコードをコピー&ペーストし、異なるAPIキーを取得する必要があるからです。
MCPを理解していなくても、先を行きたいなら、MCPにはビジネスチャンスがたくさんありますが、大きなものに遅れているとは感じないでください。まだ初期段階ですから。
私が試して本当に役立ったMCPの一つは、FireCrawl MCPで、Webサイトをクロールしてデザインを理解し、UIをピクセル単位で完璧に構築できるものです。デザイン用によいですね。
そう言えば、Sam AltmanがOpenAIもMCPをリリースすると発表したのを見ました。彼らが新しい画像生成モデルと通信できるMCPをリリースしてくれることを本当に期待しています。Cursor内のMCPと通信して、Cursorから離れることなく直接画像アセットなどを生成できるのは本当にクールです。
01 Pro APIとも連携できれば面白いですが、使用料が非常に高くなるでしょう。出力トークン100万個あたり600ドルくらいでしょうか、とんでもないです。
それが、CursorとWindsurfがまだそれをリリースしていない理由だと思います。もしリリースするとしても、おそらく自分のAPIを持ち込むような形になるでしょう。
01 Proが絶対的に素晴らしかった短い期間がありました。一部のベンチマークではまだ1位か2位かもしれませんが、今では差がとても小さいので、APIを使用するためにそれほど支払う意味がないと思います。特にDeep Seek R2が01 Proと同等になり、おそらく100倍安く、おそらくオープンソースで、GROCKのようなものを通じて直接実行して速度を上げることができるという噂をよく聞きます。
また、Google from Googleが先日リリースしたGemini 2.5も01 Proと同レベルだと多くの人が言っています。Sam AltmanとOpenAIは物語を支配することがとても上手いです。Googleはコーディングに最適なモデルをリリースしました。そしてVIBEコーディングが人気のピークを迎えている時、VIBEコーダーにとって最高のツールをリリースしたのに、誰も話題にしていません。なぜならSamが常にその直前に何かをリリースするからです。
画像モデルについても話すべきだと思います。VIBEコーディングにとって大きいですね。多くのVIBEコーダーはデザインのためにそれを愛用していて、この画像モデルは完璧なデザインを生成できます。iPhoneアプリのレイアウトを作成するように頼むと、ピクセル単位で完璧に作ります。誰かが新しいChat GPTで完全なWikipediaページを作成し、実際のWikipediaページと同じように見えました。信じられないです。
人々がFigmaのようなツールを使う理由の多くは、アイデアを形にして視覚化するためですが、GPT-4oの新しい画像モデルが5倍速くなると想像してみてください。年末までにはそうなると想定しても安全でしょう。それは今年それほど速く進んでいます。画像生成が3〜5秒ごとになると想像してみてください。手動ですべてを描く代わりに、「このバーを少し下に移動して」と言うだけで済むのです。
GPT-4oで画像を生成するときの方法と、MidJourneyがどのように行うかを注意して見てください。MidJourneyは拡散を使用するので、ごちゃごちゃした状態から洗練されたものへと変化します。一方、OpenAIは上から下へと進み、画像の最上部の行を生成し、そこからピクセル単位で下へと完全に生成していきます。
これから出てくるデザイン会社は、音声だけでモックアップを作るようなマルチビリオンドルの会社になると思います。これは大きな変化です。
これの最大の教訓は、それが商品になったということです。Stable Diffusionの創設者の一人であるImmad Mustachaも「このモデルはピクセルへのコマンドが優れているため、AI生成画像は解決された」と言っています。そのレベルのコマンドがあるため、AI生成ビデオは単に画像を繋げたものに過ぎないことを考えると(1秒間に30枚の画像)、OpenAIがそのレベルのコマンドでジブリスタジオのアニメーションを非常に高いレベルで作成できる理由が見当たりません。特に品質についても、3Dベクターや3Dキャラクターを作成してズームインすると、物理学を非常によく理解しています。正直言って恐ろしいほどです。
全く同感です。生成したジブリスタジオの画像やボクセル化画像を、Runwayのドリームマシンのようなものに投入すると、実際にそれらをアニメーション化し、ジブリスタジオのアニメーションに非常に近いものに見せることができます。複数のツールを使用せずに、直接Chat GPTでプロンプトを入力するだけでできるようになるのも時間の問題でしょう。
本当に賢いですね。私は文字通り自分のゲームドキュメント、ゲームの美学やストーリーなどを定義したものを渡して、驚くようなアートを生成させました。これまでMidJourneyでやろうとしても、美しくは作れたものの、すべての細部を見逃していました。
Gemini 2.5について少し戻りたいと思います。画像生成が注目を集めたのは、OpenAIのMMOがGoogle社の機会を奪おうとしているからですが、Gemini 2.5 Proモデルは実際に100万トークンのコンテキストウィンドウを持ち、信じられないほど高速です。30分の動画からトランスクリプトを取り、ビデオのタイトルのアイデアを手伝ってもらいました。そのトランスクリプトが何語だったかは正確にはわかりませんが、数万語だったでしょう。それを入力し、3秒以内に10のタイトルアイデアを出してきました。読む時間すら取らなかったように見えるほど速かったのです。
VIBEコーディングに関して言えば、100万トークンのコンテキストウィンドウがあれば、かなり大きめのアプリがあっても、コードベース全体をコピー&ペーストして、Gemini 2.5に読ませ、バグや冗長性を見つけ、コードのリファクタリングを手伝ってもらうことができます。OpenAIの01 Proで試みたとき、Repo Promptというものを使用していましたが、PCではRepo Promptが利用できなかったため、Repo Mixというものを使用していました。それでコードベース全体をコピーしましたが、01 Proは「読むにはテキストが多すぎる」と言っていました。すでに制限を超えていたからです。しかし今ではGemini 2.5を使用して、コードベース全体を投入し、それを読ませることができます。私にとっては驚きですが、Rileyと同様に、2.5 Proをコーディングでまだあまりたくさんは使っていません。どこで人々はそれを使っていますか?AIスタジオだけですか?
そうですね、彼らのAIスタジオで使用されています。aistudio.google.comだと思います。
それが、前回Loganに「なぜ実際のプロパティにそれを持っていないのか」と聞いた理由です。AIスタジオの背後に隠しているような感じです。ターゲットにしている視聴者が異なることは理解していますが、素晴らしいコンシューマー製品を作るのに最適だと思います。APIで利用可能ですか?
はい、APIは利用可能ですね。画面には0/1,048,576トークンとあるので、そのコンテキストウィンドウが本当に違いを生み出していることがわかります。
彼らは2.5 Proがまもなく200万トークンになると言っていて、それは本当に凄いです。おそらく今週末までには、おそらくこのエピソードが公開されるまでには、Gemini 2.5 ProがWindsurfとCursorに搭載されるでしょう。これらの新しいモデルが登場し、APIが利用可能になると、彼らはすぐにそれらを組み込みます。
なぜかAnthropicのモデルはCursorとWindsurfでより良く機能しているようです。コードが技術的に十分に良いかどうかに関わらず、ツールシステム全体をより良く理解しているようです。なぜそうなのかは科学的にはわかりませんが、CursorでGeminiをテストした際、以前のバージョンのGeminiは良いのですが、Cursorでコードをコピー&ペーストすると、コードベースをうまく理解していないようでした。
01(01 Proではなく標準の01)を使用しようとしたときも同じことに気付きました。Claude 3.5や3.7ほど良い結果は得られませんでした。
最近リリースされたもう一つのアップデートはV0が新機能をいくつかリリースしたことです。知らなかったですね。実際に何か簡単なものを構築してみましょうか?前回一緒に動画を作った時から、あなたのワークフローがどのように変わったか見るのは面白いと思います。
それでは、Chat GPTに行きましょう。何か作りましょう。私たち3人でエージェンシーを始めることにしましょう。我々は何をするのでしょうか?AI専門家として、AIサービスを提供します。
ロゴを作成しましょう。私たちはコンサルタントとして、AIデザインを提供する会社のロゴを考えてほしいと頼みましょう。
これを行っている理由は、V0の最新機能について話したいからです。画像を直接チャットに貼り付けて「このアプリでこの画像を使って」と言えるようになりました。これは以前はできませんでした。私の知る限り、LovableはこれをせずにBoltは何か似たようなことをするかもしれません。Boltでは実際にコードファイルに行き、それをパブリックフォルダに入れることができると思います。
うさぎにして、テキストは含めないでください。スタイルはティーンエイジ・エンジニアリングのようなうさぎのスタイルにしてください。
スローガンは良いと思いますが、個人的には企業的すぎると思います。AIに画像を生成させると、常にこの種の脳と神経ネットワークのようなイメージが出てきますね。それはトレーニングデータにあって、決して取り除けません。
これはすでに良いですね。でもこれらは好きではありません。以前のスタイリングを完全に無視して、キュートなうさぎのマスコット、ピクサースタイル、シンプルなロゴにしてください。
では、AIを支援するエージェンシーのランディングページを構築して、良いコピーライティングを考案してください。ここでできることは、画像をダウンロードして、ここに画像をドラッグするだけです。好きなだけ画像を追加できます。例えば、プロジェクトのポートフォリオがあるとか、デザイナーであれば、すべてのデザインをアップロードして「私の名前はRiley Brownです、上部に置いてください、私の番号はこれです、必要なら電話してください、そしてコピーライティングを考えて、メールのフォームに記入するよう人々を誘導してください」と言えます。
これがあなたの通常のフローですか?新しいアプリを構築する場合、まずV0でデザインしてからCursorに持っていきますか?
時々そうします。特にランディングページの場合です。この添付画像をロゴデザインとして使用してください。どうなるか見てみましょう。いつでも編集を依頼できます。
ランディングページを作る場合はそうですね。V0を使い、次にV0にはこの機能があり、ここにあるこのボタンを押すとZIPをダウンロードすることができます。ZIPをダウンロードして解凍した後、プロジェクトをCursorで開くだけで、すぐに編集を始めることができます。これは物事をコンセプト化して、その後にプロジェクトをより深く掘り下げていく非常に速い方法です。
基本的に、この機能がすることは、ZIPをダウンロードすると、チャットに貼り付けたこの画像が実際にファイルの中に入り、直接Cursorで開くことができます。その後、Cursorはプロンプトが5回目以降、つまりプロジェクトがより深くなると、私の意見ではより良い結果を出します。
なるほど、それは私が使っている似たようなワークフローです。V0からデザインを取得するのが好きです。なぜかV0は現在、きれいで美しいデザインを生み出すのに最適なようです。ZIPを取得して、通常はそれをCursorに投げ込み、「このコードを読んで、このコードを実行するために必要なすべての依存関係をインストールしてください」と言います。多くの場合、エラーが発生し始め、「これをインストールする必要があります」「コンピュータにこれをインストールする必要があります」と言われるからです。Reactやその他使用しているものがまだインストールされていないことが多いので、すべての依存関係をインストールしてから始めるようにしています。
全く同意します。とても楽しいですね。ほら、ページに配置されました。おそらくCanvaに行って、背景を素早く削除する機能を使用してから行い、サイトの上に浮かぶようにします。
それはChat GPT 4.0でもできます。画像を4.0に投げ込んで、背景を削除してと言えば、それをやってくれます。
本当ですか?実際にPNGとして背景がクリアになりますか?それともホワイトバックグラウンドになりますか?
クリアな背景になります。透明なPNGになります。
それは知りませんでした。すごいですね。「同じ画像を使って背景を削除してください」とか「透明なPNGにしてください」というようなプロンプトを与えるだけでいいはずです。
そのようなデザインツールが問題になります。背景を取り除き、テキストを追加するだけでいいという、これは私の意見では、デザインの未来です。
Cursorの中でMCPかAPIとして4.0を持つことにどれだけの人が興奮しているか考えてみてください。そうすれば、IDから直接それができます。
それは素晴らしいですね。本当にクレイジーです。なぜなら、すでにここに画像があることに注目してください。「先ほど追加した画像を、このメッセージの画像に置き換えてください」と言うことができます。うまく言えたかわかりませんが、理解してくれるでしょう。
今はアプリの上に浮かんでいて、ロゴのカラースタイルも一致させていますね。ほら、すでに完了しています。これを追加し、素早く編集もしました。今では上に浮かんでいて、「うさぎをアニメーション化して、ホバーエフェクトを付けて楽しく見せてください」と言うこともできます。
時々、AIに創造性を発揮させて、何を思いつくか見るのも楽しいです。それがVIBEコーディングです。時々AIに自由にさせるだけで、私は知りませんが、おそらく私よりも優れたデザイナーですから。
それは素晴らしいですね。V0最近データベース機能も追加したので、実際にデータを保存できるようになりました。まだ試していませんが、おそらくSuperbaseを通じてかどうかはわかりません。V0は基本的にBoltのようになろうとしています。AIツールを使い、APIを利用し、追加できるファイルとデータベースを持つフルアプリを構築できるようになります。このスペースでは間違いなく多くの競争が見られています。
既に構築したものをV0にインポートして、それを基に改良することはできますか?それともV0は最初から始めるように設計されていますか?
実は何もインポートしたことはありません。このアプリはChadCNで作られているので、それが似たようなコンポーネントを持っている理由です。そのフレームワークにないものはインポートできないと思うので、そのため許可していないと思います。
待って、少しアニメーションしているのが見えますか?わかりますか?
はい、実際に下に影も追加されていて、その影もアニメーションしています。控えめですが、あります。
それはいいですね。VIBEコーディングできますし、彼らは実際にアニメーション化された小さな形も作りました。それはクールですね。求めてなかったのですが、「楽しくしてください」と言ったらそうしてくれました。
GMOについて考えていました。彼はVercelを作った人で、私は昔からNode.jsの初期の頃から彼を知っています。当時、Next.jsは非常にシンプルで美しいウェブサイトを作る最も簡単な方法でした。ただし、非常にシンプリスティックでミニマリスティックでした。これはその自然な進化です。今、何か新しいものを始めるとき、基本的な平凡なNext.jsウェブサイトを作る代わりに、V0に行って好きなスタイルを作ることができます。彼らのスタイルを受け入れるだけではありません。
「開始する」を押すと、連絡先の詳細を入力できるモーダルボックスが開くようにしましょう。実際に連絡先の詳細をどこかに送信する必要はありません。デザインが機能するかテストするだけです。
ここで4.0を使用してウェブサイトの異なる要素を生成し、それを貼り付けてみたいです。「ここに推薦セクションがあります、それを本当にクールにしてください」とか「40にウェブサイト全体のレイアウトをデザインさせて、そのデザインからこのウェブサイトを作ってください」などと言えるでしょう。
まだいくつか制限があるかもしれませんが、多くのことができるでしょう。
では「開始する」を押すと、このキャラクターが別のポジションにアニメーションするようにしましょう。以前試したことがあります。Chat GPTに言いました。これがデザインにとって強力な理由の一つです。ボタンでも、アプリの基本的にどのコンポーネントでも、サイト上で何かをしたときに少し変化させることができます。
アイデアがあります。すぐに理解できるでしょう。透明な背景も自動的に付けてくれています、素晴らしい。良いですね。
ユーザーが開始したくない場合、怒っているように見えます。
ここではこうしましょう。「詳細を見る」の右側に「興味なし」という第三のボタンを追加してください。ユーザーが「興味なし」を押すと、うさぎが私がアップロードした画像に変わり、3倍の大きさに成長してユーザーを攻撃します。シェイクアニメーションを行い、その下に大きなテキストで「いいえ、開始するボタンを押さなければなりません」と表示するようにしてください。
モンティ・パイソンのお金のことを考えています。ただ楽しんでいます。キラーバニーです。
それはWhisper Flowを使っていましたか?
はい、それはWhisper Flowです。VIBEコーディングを始めたときからGazで使っています。実際に創設者も知っていますよ。素晴らしいツールです。あなたも使っていますよね?
ええ、Rileyと話した後、手を怪我してしまい、結局使うことになりました。「Rileyが使っているのは本当にクールだな」と言っていたのに、手を怪我して「これなら、Whisper Flowを使えばまだたくさんの作業ができるな」と思いました。素晴らしかったです。
ええ、素晴らしいですね。もう私はほとんどタイプしなくなりました。それは「whisper」ですが、「h」や「e」はありません。いつも間違えてしまいます。とても簡単です。
これが好きな理由は、それが隠れていて、非常に控えめなツールだからです。作られた目的以上のものになろうとしません。キーボードにホットキーを設定して、押すと話せます。Macでは左下のボタンです。リリースすると、あなたが言ったことを非常に速く取り込み、言おうとしたと思われる文をすぐに予測します。「待って、実際にはこれを意味する」と言うと、それが意味すると思う文を実行します。
怪我をした人にとって本当に素晴らしいです。私はMMOマウスの横にたくさんのボタンがあるものを持っていて、Whisperを含むさまざまなものをマッピングしました。片手で使っているときでも作業ができました。片手を使って、マウスボタンのホットキーを押してから話し始めるだけで、片手でもすべてまたは多くのことができます。
素晴らしいですね。好きです。
さて、どこにいましたっけ?ああ、「興味なし」ですね。これを押すと、赤に変わるはずですよね。
実際にはかなり格好いいですね。気に入りました。ほら、ウェブがもっと楽しくなっていますよ。言った通りですね。
聞いている方に説明すると、うさぎがズームインして怒って揺れ始めます。「出られない、コンピューターがハックされた、終わりだ、うさぎが手に入れた」みたいな感じです。
よし、これで全員のお金を奪って、素晴らしいビジネスになります。
うさぎがアニメーションする方法はかなり自然に見えますね。料金ページを見るときのように、下位のティアを見ている人がいると、うさぎは少し悲しそうになりますね。Duolingoのサブスクリプションをキャンセルすると、緑のフクロウが脅しをかけるようなものです。
このような単純なことでも、以前は誰かがキャラクターをデザインしてアニメーションを作成するのに時間がかかっていました。見てください、私たちは文字通り理由もなくやっています。「なんか楽しそう」と思うだけで。
以前はチームが必要だったでしょう。今はアイデアを持った一人の人間が自分でできるのです。それはとんでもないことです。40で今後できるようになることを考えると、本当に狂っています。
先ほどBelgiからのツイートを見て、彼はこれが影響するさまざまなことについて話していました。広告について考えてみてください。今や広告を取り、「これを編集して」と言う、あるいは何でも好きなものの広告をゼロから作ることができます。そして今、V0でランディングページを作成できます。一人で一日で100の異なる広告を持つ100のランディングページを作成し、AIにそれらの設定を助けてもらうことができるでしょう。それは以前は10人、20人の全チームを必要としていました。
先ほどサムネイルを作っていたのと同じように、マーケティングの世界では「スワイプファイル」と呼ばれるものを持っています。インターネット上で見つけた、後で再使用したい画像を保存するものです。好きな広告のスワイプファイルを持って、それらをGPT-4oに投げ込み、「この広告のようなものを作って、でも私のロゴを使って、テキストをこれに変更して」と言うことができます。そして同じデザインで、しかしあなたのロゴと新しいテキストで広告を作ります。それは本当にすごいです。
誰かが自分の製品写真を持ってきて「広告を作って」と言った例を見ました。マッドメンの人々がこれの広告を作っているようなもので、広告を作ってと言うと、それは美しいものでした。本当に大きなものでテキストも巨大なフォントで、下に長いテキストがあり、ただただ美しかったです。
このエピソードでカバーしたい他の領域はありますか?前回お話ししてから登場したさまざまなモデルについて話し、V0のアップデート、CursorとWindsurfの比較、MCPsについて話しました。多くの領域をカバーしたような気がしますが、まだ触れていないことで話すべきことはありますか?
正直言って、この時点で言うべきことは、手を汚して試してみることだけだと思います。トップモデルとトップツールを比較するのに時間をかけすぎる前に、これらのツールに関するコンテンツを消費する時間とそれらを実際に使用する時間の比率を考えるべきです。これらのツールを使用する方が実際に学び、実感を得る方法です。
私は目的を持ってVIBEコーディングを使用してきましたが、今実際にアプリを構築していて、使用することが本当に楽しいです。私にとっては、ツールよりも、VIBEコーディングができるという事実を祝うことに重点を置いています。アプリや特定の機能、デザインのアイデアを信じられないほど速く共有できるのです。
アイデアが浮かんだらすぐに実現し、それを何度も練習することをお勧めします。最終的に、次の10年間費やしたいアイデアを見つけることになると信じています。それが私の考えです。
全く同意します。私が本当に役立つと思ったことの一つ、前回お話ししたかもしれませんが、ワークフロー問題を解決する小さな簡単なアプリを作るのはクールだということです。繰り返し行っていることがあれば、おそらく1時間以内にそれを自動化するアプリを作ることができます。AIにこれらの問題を解決させて、あなたのための小さなアプリを作らせることができるのは驚くべきことです。
もう一つのアドバイスは、GitHubへのコミットとプッシュについても学ぶことです。コーディング中に小さな変更をさせると、ウェブサイトやアプリの他の場所で何かが完全に壊れることがあり、以前の動作バージョンに復元できなくなることがあります。GitHubの使い方を知っていれば、それが解決します。Cursorには組み込み機能があり、ロールバックができますが、時々それがうまく機能しないことに気づきました。ロールバックしても、ロールバックされたバージョンが機能しないことがあります。GitHubの以前のコミットから復元することが、進むにつれて保存するための最良の解決策であることがわかりました。
そうですね、GitHubにアカウントを作成し、新しいリポジトリを作成し、そのリポジトリをCursorに貼り付け、「これをコミットして」と言うだけで、Cursorが直接コミットします。頼むだけでいいのです。
GitHubが怖いと思ったら、思うほど難しくありません。Cursorでそれができるとは知りませんでした。まだ手動でやっています。
ただ頼むだけでいいんです。リポジトリを作成するよう頼めば、やってくれます。今ではGitHub MCPもあるので、さらに簡単です。多くのgetコマンドを実行して情報を引き戻す代わりに、MCPを使用して直接GitHubを見て、どのような変更が行われたかを確認します。それによって少し速くなりますが、直接接続できるのは素晴らしいです。
もう人々に言い訳はありません。何かを構築したいというアイデアがあるなら、「それを構築できるけど、すべてのエンジニアやデザイナーを雇うことができない」とは言えません。もうその言い訳はありません。自分がデザイナーになり、エンジニアになることができます。
そうですね、私もデザインが苦手でしたが、これらのツールを使うと、自分では考えつかなかったような良いデザインを作ってくれます。既に優れたデザイナーであれば、さらに良くなります。これは本当にクレイジーです。私はいつも素晴らしいデザイナーたちに囲まれてきて、その浸透によって自分自身もかなり良いデザイナーになりましたが、それでもこれらのツールはあなたをさらに良くします。これは本当にクレイジーです。
さて、前回お話したとき、Yap Threadに取り組んでいましたが、それはまだ利用可能ですか?まだ追求しているものの一つですか?
Yap Threadは私が現在取り組んでいるものではありません。私が始めた会社では、いくつかのアプリを構築することを決め、他にも取り組みたいものを見つけました。そうして本当に良かったです。それはVIBEコーディングに興味のある人々に特化しています。まだ公に発表していませんが、Twitterでその動画を見たことがあるかもしれません。それが言えることのすべてです。
いいでしょう、最終的に発表されたら、あなたを再び招待して、ツアーをしてもらうかもしれませんね。
素晴らしいですね。やりましょう。
参加してくれて、これらのものをデモしてくれて、私たちとVIBEコーディングについて熱く語ってくれて本当にありがとうございます。今日は楽しかったです。
素晴らしい時間でした。最高でした。何をしてほしいですか?

コメント

タイトルとURLをコピーしました