AI ツールで Chiliz dApp を構築する
AIによるvibe-codingツール（Cursor、Replit、Lovable、Claude Code、Bolt、V0）を使い、プロンプトとEVM開発のコンテキストでChiliz ChainのdAppを構築しましょう。
Vibe-codingは今や大流行しており、コーディングの知識がなくても、Web3プロジェクトのアイデアをすばやく形にする手助けをしてくれます！
このページでは、dAppを生成するために必要な情報を得るべく、お気に入りのAIツールとどのようにやり取りすればよいかのアイデアを紹介します。
前提条件
始める前に、以下を用意してください。
MetaMaskなど、Chiliz Chainアカウントを備えたwallet。
安全にテストするにはSpicy Testnetを、本番にはChiliz Chain Mainnetを使用してください。
Metamaskの詳細と、Spicy TestnetおよびChiliz Chain Mainnetへの接続方法については、こちらをご覧ください: how-to-use-metamask
ChatGPT、Gemini、Claudeなど、AIコードアシスタントのアカウント。
Reownアカウント（WalletKitコネクタを統合するため）。
dAppのアイデアを見つける
最初のステップは、魅力的なアイデアを練り上げることです。Chiliz Chain上で構築するのですから、あなたのコンセプトは理想的にはブロックチェーン技術とスポーツ・エンターテインメントの世界の橋渡しをするものであるべきです。ファンが何を求めているかを考えてみましょう。
優れたアイデアには明確なビジネスケースがあります。どのように価値を生み出すのか？ ユーザーは誰なのか？
dAppアイデアの例: ファン予測マーケット。
コンセプト: ファンがCHZを使って今後の試合の結果に賭けられる（例: 「チームAはチームBに勝つか？」）。
ビジネスケース: マーケットの決済時に勝利プールから少額の手数料（例: 2%）を徴収します。この手数料はbeneficiaryのwalletに送られ、持続可能な収益源を生み出します。
AIツールを使ってアイデアをブレインストーミングし、洗練させることができます。
しっかりとしたコンセプトができたら、いよいよsmart contractを作成します。
AIでSmart Contractを生成する
最新のAIツールは、安全で効率的なsmart contractのコードを書くことに驚くほど長けています。
smart contractとは、あらかじめ定められた条件が満たされると自動的に実行される、ブロックチェーン上に保存されたコンピュータプログラムです。Solidityは主要なsmart contractコーディング言語の一つです。
重要なプロンプト指示
AIにプロンプトを与えるときは、常に非常に具体的に！
指示には以下を含める必要があります。
Solidityのバージョン: 0.8.30以下のバージョンを指定してください。これはChiliz Chainがまだ最新のSolidityバージョンを完全にはサポートしていないためです。
車輪の再発明をしない: できる限り既存のOpenZeppelin contractをベースにcontractを作るようAIに指示してください。
OpenZeppelinは、安全なdAppを構築するためのオープンソースプラットフォームです。
複数のセキュリティおよび監査サービスに加えて、コミュニティで検証されたsmart contractのライブラリを提供しており、コミュニティが自分のプロジェクトで自由に使えます。
そのため、OpenZeppelin contractは業界標準とみなされており、安心して使用できます。
フラットなContract: 「フラットな」contractを生成するようAIに指示してください。これはコードが単一のファイルに自己完結し、外部のインポートや依存関係に頼らないことを意味します。これにより後のverifyが簡単になります。
Walletアドレス: contractを所有するwalletアドレス（deployer）と、手数料があればそれを受け取るアドレス（beneficiary）を提供してください。
あとはあなたがAIツールにプロンプトを与えるだけです！
AIがSolidityコードを生成したら、可能であればダウンロードするか、コピーしてコンピュータに.solファイルとして保存してください。
コンパイルとDeploy
次に、contractをChiliz Chain上にdeployする必要があります。
contractのデバッグ、コンパイル、deployには、無料のWebベース環境であるRemix IDEを使用します。
Remix IDEを開く: remix.ethereum.orgにアクセスします。
contractをアップロードする: 左側の「File Explorers」タブで新しいファイルを作成し、AIが生成したSolidityコードを貼り付けます。
Contractをコンパイルする:
「Solidity Compiler」タブに移動します。
Compilerバージョンを「0.8.30+xxx」に設定します。
Compileボタンをクリックします。
より詳しいRemixでのdeployガイドはこちらをご覧ください。
AIでデバッグする
初回のコードにエラーがあるのはよくあることです。Remixのデバッガはそれらを検出するのに非常に優れています。
コンパイルが失敗した場合は、Remixコンソールからエラーメッセージをコピーします。AIツールに戻り、検出された誤りを修正するよう依頼します。
次のようなプロンプトが使えます。
「あなたがくれたSolidityコードはRemix IDEで以下のエラーを出しました。修正してください: ...」と書き、Remixのすべてのエラーメッセージをコピー＆ペーストします。
contractがエラーなく正常にコンパイルされるまで、RemixでのコンパイルとAIからの修正取得のプロセスを繰り返します。
Spicy Testnetへのdeploy
smart contractがコンパイルされたら、deployする必要があります。
Remixの「Deploy & Run Transactions」タブに移動します。
Environmentで「Injected Provider - MetaMask」を選択します。これによりwalletがRemixへの接続を求めてきます。
テスト段階では、MetaMaskがSpicy Testnetに接続されていることを確認します。
RemixでDeployボタンをクリックします。walletがポップアップし、トランザクションの確認とテスト用CHZ tokenでのgas代の支払いを求めてきます。
確認後、Remixの「Deployed Contracts」セクションにdeployされたcontractが表示されるはずです。トランザクションはChiliscan Spicyでも確認できます。
Contractをverifyする
次に、smart contractをオンチェーンでverifyする必要があります。verify済みのcontractは透明性が高く、信頼できます。ユーザーがブロックエクスプローラー上で直接ソースコードを読み、監査できるようになります。
Chiliscan Spicyでの手順は次のとおりです。
Chiliscanで、自分のdeployトランザクションを見つけ、新しいcontractのアドレスをコピーします。
Verificationフォームに記入する: いくつかの情報を提供する必要があります。
次のようなプロンプトでAIツールに助けを求められます。
「Chiliscanで自分のSolidity smart contractをverifyする必要があります。contractアドレスは0xxxxxxxxです。使用したcompilerバージョンは0.8.30でした。... のフィールドに何を入れればよいか教えてもらえますか？」
フォームを送信します。すべての詳細が正しければ、contractのソースコードがChiliscan上で公開されます！
Vibe-codingツールでフロントエンドを構築する
smart contractが稼働しverifyされたら、ユーザーがそれとやり取りするためのユーザーインターフェース（UI）が必要です。これにはどんなvibe-codingツールでも使えます。
選んだコーディングアシスタントのアカウントにログインします。
新しいプロジェクトを開始し、AIへのプロンプトを始めます。何を構築したいかを明確にします。
プロンプト例
「Chiliz ChainのdAppのフロントエンドを構築したいです。今のところSpicy Testnet向けに作ってほしいです:
RPC endpoint: https://spicy-rpc.chiliz.com/
RPC Websocket: wss://spicy-rpc-ws.chiliz.com/
Chain ID: 88882
Currency Symbol: CHZ
私のdAppにやってほしいことはこれです: XXX。 Smart Contract Address: [YOUR_DEPLOYED_CONTRACT_ADDRESS] 私のWalletアドレス:
ownerは[YOUR_OWNER_ADDRESS]
beneficiaryは[YOUR_BENEFICIARY_ADDRESS]。
指示:
dApp向けに最も一般的なツールを使ってWebインターフェースを作成してください。
xxxxを表示してください。
ユーザーはxxxxできるべきです。
ownerはxxxxを作成するためのパスワード保護された管理パネルを持つべきです。」
xxxx」
できる限り具体的に！ そして遠慮なく反復してください。
ユーザーのWalletを統合する
ユーザーが自分のwalletをあなたのdAppに接続できるようにするには、walletコネクタソリューションが必要です。選んだAIツールがReownのWalletKitをあなたのために統合できるはずです。
Reownアカウントを作成する必要があります。
まだならReown Cloudアカウントにサインアップし、ログインします。
「Create Project」をクリックします。プロジェクト名を入力し、「Continue」をクリックします。
製品として「WalletKit」を選択し、「Continue」をクリックします。
フレームワークとして「Next.js」を選択し、「Create」をクリックします。
Reown Cloudが新しいプロジェクトを作成し、project IDも生成します。左上隅に表示されるので、後で必要になるのでそのIDをコピーしてください。
そして、AIツールに統合を処理するよう指示します。
プロンプト例
「ReownのWalletKitを使ってwallet接続機能を追加してください。アカウント作成後に私のWalletKit project IDとAPIキーを提供します。『Connect Wallet』ボタンがWalletKitを使うように設定してください。」
セットアップを完了するには、AIとWalletKitの指示に従ってください。WalletKitアカウントからAIプロジェクトにいくつかの情報をコピー＆ペーストする必要があります。
dAppのフロントエンドが完全に機能し、結果に満足するまで、AIの環境内で問い合わせとテストを続けてください。
Chiliz Chain Mainnetへの移行
これまでは、すべてのAIツールにSpicy Testnetを前提に作業するよう依頼してきました。これは安全なブロックチェーン上でアプリを試運転するために不可欠ですが、特にテスト用CHZ tokenでしか動作せず実際のCHZ tokenでは動作しないため、本番プロジェクトには使用できません。
アプリをSpicy TestnetからChiliz Chain Mainnetに移行するには、上記の手順のほとんどをもう一度やり直す必要があります。
Remixでcontractを再度deployしますが、今回はChiliz Chain Mainnetで行います。
Chiliscan Mainnetでcontractが実際にdeployされているか確認します。
Chiliscan Mainnet Contract Verifierでcontractをverifyします。
最後に、AIにアプリをChiliz Mainnetを使うよう更新するよう伝えます。具体的に！
プロンプト例
「アプリをChiliz Chain Mainnet向けに更新したいです。RPC URLとChainIDだけを更新し、それ以外は何も変更しないでください: * RPC endpoint: https://rpc.ankr.com/chiliz * Chain ID: 88888」
最終テスト
他の誰かと共有する前に、アプリをもう一度テストしてください。
これで完了です！ これでChiliz Chain上で稼働する、フルスタックでAI支援によるdAppが手に入りました！
最終更新
役に立ちましたか？