1,390 文字
さて、Windsurfから数分前にリリースされたばかりのプレビュー機能をテストしています。実際に私が構築していたアプリケーションを実行しました。これは完全にClaude 3.7 Sonnetの助けを借りて、計画のためにGPT-4.5の助けも得て構築されたものです。ここで私がやったことは、プロジェクトを実行し、実行中のプロジェクトにブラウザでウェブサイトをプレビューするように指示しただけです。そして今それが実行されています。それからこのボタンをクリックしました。
閉じてお見せしますね。開くと基本的にWindsurfの中で直接私のウェブサイトが開きます。他のどこかに行く必要はありません。これだけでもすでに非常に刺激的です。このウェブサイト特有の機能がたくさんあり、改善できることもたくさんあります。では、このオープンプレビューがここでの新機能の反復にどのように役立つでしょうか？これがプレビューの出番です。
例えば、ゲームを開始して新しいゲームを始めるところに行くと、ここにはさまざまな機能があることがわかります。この特定の機能は恐らく改善が必要です。そこで、ここに行って要素を送信します。これになりますね。これでそれがコンテキストとして追加されました。
Windsurfがそれをコンテキストとして追加したのが下に表示されています。これで私はこれを反復できます。通常の方法では、スナップショットを提供することになりますが、モデルの画像理解能力に依存することになるため、常に理想的ではありません。しかしこれは、最適化したいコンポーネントを直接フィードしています。
では、ここでいくつか機能強化を追加しましょう。例えば、これらの小さな記事やプレビューが異なる色で表示されるようにしたいです。リンクをグレーで表示させたいと思います。どうなるか見てみましょう。コンテキストをすべて使用して、それを改善しようとします。Claude 3.7 Sonnetの思考を使っているので、フォルダ内のコードを分析します。それがエージェント機能です。
まだコンポーネントを分析しているようです。正しいコンポーネントを見つけて修正しようとしているんですね。これは非常にシンプルな改善ですが、もっと改善できます。ただ、この本当にクールな機能の単純なテストです。
まだ分析中です。記事ビューを分析して、ここで何か提案しています。リンクを変更するとのことです。色のプロパティを変更する必要があるようです。編集しているとのことで、この記事を編集するようです。やりました。それを追加しました。この記事を修正したようです。
これを受け入れます。明らかにコードはそれほど多くありませんでしたが、変更をすぐに反復できるため、非常に役立つと思います。すべてを保持して戻ります。すでに変更が適用されているようです。「新しいゲームを始める」に戻ると、見た目が少し違いますね。
別のことを試してみましょう。ボックスを他の色、例えば薄いグレーなどに変更するように依頼します。選択して、コンテキストが添付されているのが見えます。「ボックスを薄いグレーにしてください」と依頼します。
すべてを保持するよう言っているので、一つの変更を行いました。今回はずっと速かったです。すべてを保持すると、今はグレーになっていることがわかります。これは本当に楽しいですね！
コメント