Gemini 3のバイブコーディング、オンチェーン住所検索とソーシャルトラッキングページをご利用ください この機能は、EVMアドレスを入力してオンチェーン情報や、数年前に人気だったソーシャルグラフのようなXハンドルのようなソーシャルアイデンティティを追跡することです 次のフロントエンドページの作成に2500万かかりました 実際、vibeコーディングは非常にシンプルで、数ヶ月前にGPT-4oやCloudflareを使っていた時よりもずっと便利です Geminiにコマンドを入力する際の重要なポイントは、AIコーディングにおける口語命令はプロンプトとは異なり、LLMが理解できるプロンプトをAIで出力する必要があるということです 例えば、私のプロンプトは ReactとTailwind CSSを使って、シングルページのWeb3ソーシャルグラフトラッカーを作るのを手伝ってください 設計要件: 。 スタイル:オタク風、マトリックス風。 背景は濃い黒にネオンブルーか紫の光がほのかに入っているのが良いです。 。 レイアウト:ページ中央に検索ボックスがあり、ETHアドレスを入力してください。 。 アニメーション:検索をクリックすると、かっこいい「データスキャン」の読み込みアニメーションがあります。 業績： 。 左側にはその人の「身分証明書」があり、ランダムなWeb3アバターのアバター、ENSドメイン名、そして何よりもTwitterアカウント(ハイライト)が記載されています。 。 右側には「インタラクションネットワーク」があり、彼がやり取りした3〜5のアドレスがリストアップされています。 データロジック: 。 バックエンドがないので、モックデータの作成を手伝ってください。 どの住所を入力しても、私はデータを見つけたふりをしていました。 例えば、デフォルトの人物は「Vitalik」と呼ばれています、Twitter@VitalikButerin ファイル構成: 。 すべてのコードをApp.jsxとApp.cssに直接書いてください。そうすれば効果を直接確認できます。 ほとんどの場合はデバッグ作業で、コーディングマシンは様々な微妙な内容のため直接識別できません。この時点では、ジェミニを使ってデバッグし、コードをコピーし、問題があることを伝え、解決させる必要があります...