⌘
ファイル
AI チャット
recipe-studio›app.js›JavaScript
✦ コード補完の候補
Tab で採用 / Esc で閉じる

          

          
ブラウザ実行環境
➜ recipe-studio 準備完了。コードを補完して「実行」を押してください。

        

        
      

      
<> ブラウザワークスペース⑂ main✓ 保存済み
行 1, 列 1UTF-8JavaScript✦ Demo

    

  

  LET’S BUILD SOMETHING
AIとつくる、最初の3ステップ。
  1. コードを補完する
    app.jsを開き「補完を提案」を押します。候補を確認してTabキー、または「補完を採用」でコードに追加。
  2. ことばで変更する
    チャットで「背景を緑色にして」「検索機能を追加して」と伝え、提案の「変更を適用」を押します。
  3. 結果を確かめる
    「実行」でレシピサイトをプレビュー。HTML・CSS・JavaScriptを直接編集することもできます。
GitHub Copilot / VS Code風の独立したデモです。公式サービスや本物のCopilot・Codespacesには接続しません。チャットはAIが質問・現在の3ファイル・直近の会話をもとに回答とコード変更を生成します。変更案は各ファイルを開いて確認し「変更を適用」で反映します。回答やコードに誤りが含まれることがあります。Tab補完はサンプル用の定義済み候補です。ターミナルはブラウザ実行の出力欄です。変更はブラウザに保存されます。

  
最初からやり直しますか？
編集したコードとチャット履歴を初期状態に戻します。必要なコードは先にダウンロードしてください。