Supacodeの始め方
ホームページに作りたいものを書いて「作成」を押します。Supacodeが構成（HTML、React、Next.js）を選び、本物のコードを書いて、ライブプレビューで動かして見せます。変更はチャットで頼むだけ。変更のたびにバージョンとして保存されます。新規アカウントには20ウェルカムクレジットが付き、Freeプランでは毎日5クレジットが追加されます。
手順
最初のプロジェクトを作る
アイデアを伝える
ホームページで、作りたいものを普段の言葉で書きます。たとえば「営業時間と地図があるカフェのメニューサイト」など。参考になる画像やファイルも添付できます。
構成を選ぶか「自動」のままにする
「自動」なら内容に合った一番シンプルな構成を選びます。高速なWebサイトならHTML、操作の多いアプリならReact、ログイン・データ・APIのあるアプリならNext.jsを選んでください。
コストを確認して作成
ログインして、送信前にクレジットの見積もりを確認します。Supacodeが最初のバージョンを作り、ライブプレビューに表示します。
チャットで仕上げる
「ヘッダーを固定して」「お問い合わせフォームを追加して」のように変更を頼みます。Supacodeは必要な部分だけを編集し、そのたびに新しいバージョンを保存します。
公開する
「公開」を押すと、共有できる公開リンクが発行されます。更新したいときは、もう一度公開するだけです。
よくある質問
Supacodeで何が作れますか？
Webサイト（HTML）、Webアプリ（React）、フルスタックアプリ（Next.js）です。Supacodeが書くのは本物のコードなので、中身を見たり変更したり、zipでダウンロードしたり、GitHubにプッシュしたりできます。
プログラミングの知識は必要ですか？
いいえ。変更したい内容を普段の言葉で伝えるだけです。コードが書ける方は、エディタを開いてファイルを直接編集することもできます。
メモリタブとは？
SUPACODE.mdにプロジェクトの目標、デザイン方針、ルールを保存します。Supacodeはリクエストのたびにこのファイルを読むので、同じことを何度も説明する必要はありません。
さっそく作ってみましょう
アイデアを伝えるだけで、すぐに動くものが見られます。
作り始める