4,158 文字
ここには友人がたくさんいるので、カジュアルに進めていきたいと思います。私はJaredです。Vercelのチームを率いており、v0やAI SDKを担当しています。今日はそれについて話すつもりはありませんが、ぜひチェックしてみてください。私たちはVercelを、人々が素晴らしい製品を世に送り出せるようにするという、シンプルなミッションを掲げてスタートさせました。
そして、その文章の中にもう「開発者」という言葉が入っていないことにお気づきかもしれません。これが今日のテーマの一つになります。v0をご存じない方のために説明すると、これはウェブ開発エージェントです。より注目を集めている表現をすれば、そういうことになります。これは生成的なユーザーインターフェースAIでもあります。
つまり、生成的UIシステムということですね。これはデザインツールとコーディングツール、そしておそらくこれまでに作られたことのないものの中間に位置しています。今日は基本的にその仕組みをお見せしたいと思いますが、現在の状況で私たちが目にしている変化や、このツールについての私たちの考え方、そしてその行き先についてもお話ししたいと思います。
今日お話しする主なテーマは2つあります。1つ目は、広まってほしいと願っている言葉なのですが、「パーソナルソフトウェアの時代」です。これは包括的な表現です。しかし、十分に洗練されたコード生成と、これらの新しいAIツールを組み合わせることで、誰もが自分だけのものを作れるようになります。
これは全く新しいことです。面白いことに、今では検索するよりもソフトウェアを作る方が簡単な場合があります。広告だらけのfaviconジェネレーターや、JSONプレビュー、そういった使いたくないようなおもちゃのようなものを考えてみてください。
自分で作りたいと思いますよね。今ならそれが実際にできます。v0がそれを手助けしてくれます。しかし、これは単なるおもちゃを超えています。例えば、通常なら大量のビジネスアナリストがExcelで行うような作業が、単にアプリを生成するだけで済むような状況を想像できます。
私は以前ゴールドマン・サックスで働いていました。だからこそ、これは私にとって非常に身近な話です。複雑な割引キャッシュフローモデルを構築する代わりに、v0にアプリを生成させればいいのです。今日はその一部をお見せします。しかし、より深いレベルでは、パーソナルソフトウェアによって、それらを解決するために使用できるメタツールを作成することで、より高度な問題を解決できるようになります。
今日は、v0を使ってそれをどのように実現できるかをお見せしたいと思います。そして、後ほどご紹介する2つ目のテーマについても少し先取りしてお話ししたいと思います。では、いくつかのデモをご覧いただきましょう。リアルタイムと音声合成が今日の大きな話題ですよね。OpenAIが発表した素晴らしい機能です。
それについてとても興奮していますが、まずは簡単な音声合成アプリを作るにはどうすればいいのか見てみましょう。挨拶を録音したいとかそういったものです。v0がそれを手助けしてくれます。v0を使い始めるのは簡単です。コピーさえしません。
これはOpenAIのドキュメントのスクリーンショットを撮るだけです。詳細は重要ではありません。ここではCleanShotを使います。v0に移動して…ズームインして見えますか？見えると思います。ブラウザでOpenAIを使用して音声合成ジェネレーターを作成します。この場合、ユーザーが直接OpenAIキーを入力できるようにします。
いくつかのドキュメントの画像を添付しましょう。おっと、間違ったドキュメントを取得してしまいました。それをそこに置きます。素晴らしい。では、何が起こるか見てみましょう。v0は基本的に私たちのためにアプリを生成しようとしています。それはストリーミングされながら生成されます。とても楽しいですよ。
レンダリングの準備ができると、実際のReactコードでレンダリングされます。これはshadcnとTailwindをベースにしています。外部のサードパーティライブラリを使用する場合も、それらは機能します。これは後で見るように、非常に便利です。私は…v0は構築しているものを見せてくれるだけでなく、その使い方も説明してくれます。素晴らしいですね。
APIキーを入力してみましょう。「I love OpenAI」と入力して、これを生成してみましょう。動作していないようですね。まあ、デモの神様が意地悪をしているようです。見てみましょう。適切に動作するようにします。なぜ動作しないのかわかりません。もう一度試してみましょう。その場合はフォールバックに戻ります。
あ！失敗してしまいましたが、大丈夫です。動作するものがありました。同じプロンプトです。プロンプトは何だったか見てみましょう。ブラウザでOpenAIを使用して音声合成を作成します。設定可能にします。明らかに近かったですね。確率的なコードです。まだ難しいです。私のAPIキーは…ああ、それが全てだったんですか？よし、これで行きましょう。
「I love OpenAI」
はい、できました。すごいですね。動作しました。そうですね、これは小さなおもちゃのアプリですが、もっと現実的なものもお見せしましょう。Vercelでは、v0に完全に傾倒しています。例えば、Vercelのロゴが必要な場合は、ここから取得できます。v0の素晴らしい点は、これを公開する準備ができたら、直接公開してURLも取得できることです。
とても楽しいですね。そして今、私のサイトは公開されています。素晴らしいです。共有可能なURLができました。これは素晴らしいですね。既存のものをフォークすることもできます。しかし、かなり自由に使えます。私たちのエンジニアの一人がこれらに取り組んでいて、完全な画像ジェネレーターを構築しました。
これら全てはv0とプロンプトで構築されています。ここでミームを作ることができます。例えば「Moo DengがOpenAIをフォークしてYCに受け入れられた」とか。どうなるか見てみましょう。テキストを追加します。素晴らしい。最高です。なんて素晴らしいミームでしょう。素晴らしい。人々は素晴らしいものを作ることができます。これを自分でフォークして、さらに進めることもできます。
コードのTikTok化とでも言えるようなものが起きていて、それは楽しくてバイラルになっています。人々は本当にクレイジーなことをしています。これは次のポイントにつながります。これは今はおもちゃのように見えますが、実際には永遠におもちゃではないだろうというのが私たちの考えです。
私たちはこれについて、サンフランシスコでこれらの看板を立ち上げようとしています。プロンプトエンジニアリングとプロフェッショナルエンジニアリング、そしてこれら2つがどのように融合するかについて、言葉遊びをしています。これから見せるデモは実際にはかなり現実的で、より実質的なものです。
数週間後にNext.js Confを開催します。皆さん、ぜひお越しください。全員招待されています。私たちが雇った3Dアーティストの一人がこのクールなビデオアニメーションを作成しました。もちろん、v0チームはそれを挑戦として受け止めました。v0でどうやってこれを実現するか？実際、これは私たちのマーケティング部門の誰かが作ったものです。
彼らは素晴らしい仕事をしました。React-three-fiberを使用して、かなり良い動作するクローンプロトタイプを作成することができました。また、これがフォーク可能であることも楽しいポイントです。ここに戻って、フォークすることができます。
必要に応じてプロンプトを編集し続けることができます。時間の都合上、ステージに上がる前に私が行ったことをお見せします。見てみましょう。おっと。私のOpenAI。私のフォークはどこですか？CubeGeneratorのフォーク。それを取得して、フォークしました。たった3つのプロンプトでOpenAIデモデイ用に作り変えました。これはかなり素晴らしいことです。OpenAIのロゴをアップロードし、「これをOpenAI用に作って」というプロンプトを入力しただけで、ほぼ本番品質のReact-three-fiber互換コードが生成されました。
本当に便利なのは、このコードを1つのコマンドで自分のアプリケーションで使用できることです。Next.jsや任意のReactアプリケーションで作業している場合、これをコピーして、エディタを開いて貼り付けるだけで、全てのサードパーティの依存関係と、本番環境にデプロイするために必要な全てのReactコードがダウンロードされます。
そして私たちは、ソフトウェアがパーソナライズされるだけでなく、民主化される世界を想像しています。ここにコンポーネントがあります。DevDayキューブです。準備ができています。組織の全ての人が協力して作業できる世界を想像できます。
プロンプト、コード生成、生成的UIを通じて、エンジニアや開発者であることの意味が、今日の開発者であることの意味とは全く異なることを想像できます。もはや、誰がコードを書けて誰が書けないかというゲートキーピングは存在しなくなります。もちろん、コードを書ける人々は神レベルの開発者になるでしょう。
そしてコードを書けない人々も、今では素晴らしいものを作り出し、公開する力を持つことができます。私はサンフランシスコで立ち上げようとしている別の看板にもとてもワクワクしています。その内容を今お読みします。「誰もが料理できる」。これが今日お話ししたかった2つ目のテーマです。
コード生成、生成的AI、生成的UIを通じて、組織全体で創造性を民主化できることを願っています。以上で、OpenAIに感謝を申し上げ、皆様のご来場に感謝いたします。v0をぜひチェックしてください。ありがとうございました。
コメント