Apiway

AIエージェントで写真からスクロールアニメーションのサイトを作る方法

Apiway を ChatGPT か Claude に一度つなぎ、家・家具・商品の写真を送ると、エージェントがスクロールアニメーションを作ります。訪問者がページをスクロールすると、カメラが写真の中を進みます。各価格に同意したあとで最後のフレームと動画を作り、ページを公開し、アニメーションを最初の画面にしたサイトを始めます。

時間
難易度
初級
費用
560 クレジット (~$5.60)
手順
7

最終確認:

必要なもの

  • ChatGPT または Claude
  • Apiway アカウント
  • 販売するものの写真 2〜60 枚

手順

  1. 1. Apiway をエージェントにつなぐ

    ChatGPT か Codex では Apiway プラグインを追加します。Claude では Customize、Connectors の順に開き、「+ Add」を押して https://apiway.ai/mcp を貼り付けます。Apiway にサインインして Allow を押し、新しいチャットを開きます。

    Apiwayで開く

  2. 2. 写真を送る

    「Product Scroll」、写真のリンク、サイトで売るものを書きます。パソコンならエージェントがファイルもアップロードできます。プロジェクトは無料で、エージェントがエディターのリンクを送ります。

  3. 3. ストーリーを確認する

    エディターを開きます。写真はすでに始まり・中盤・フィナーレのあるストーリーになっています。各動画は最初のフレーム、カメラの動き、最後のフレームでできています。

    Apiwayで開く

  4. 4. 最後のフレームに同意する

    最後のフレームを頼みます。エージェントが先に価格を伝えます。同意すると作ります。エディターで確認します。

  5. 5. 動画に同意する

    動画を頼みます。エージェントが価格を伝えてから作ります。1本 2〜5 分です。フレームにないものを作った動画は採用されず、クレジットは戻ります。オートパイロットにまとめて任せることもできます。

  6. 6. ページを公開してサイトを作る

    「公開して」と言うと、ページのリンクとどのサイトにも貼れる2行の埋め込みコードが届きます。「サイトを作って」と言うと、アニメーションを最初の画面にしたサイトを App Factory で始めます。

  7. 7. 自分のリンクでガイドを共有する

    ガイドのページで「自分のものにする」を押します。自分専用のリンクが届き、そこから登録した人は Apiway アフィリエイトプログラムであなたに紐づけられます。

よくある間違い

  • 最後のフレームより先に動画を頼む

    動画には両方のフレームが必要です。先に最後のフレームを作って確認します。

  • 1つのプロジェクトに別々のものの写真を入れる

    1つのプロジェクトは1つのものの物語です。家、部屋、商品などです。

  • ページがすぐ公開されると思う

    ページは「公開して」と言ったときだけ公開されます。

トラブルシューティング

  • 料金はいくらですか？

    プロジェクトと絵コンテは無料です。最後のフレームと動画は Apiway クレジットで支払い、エージェントは始める前に各価格を伝えます。

  • なめらかなスクロールはどう作っていますか？

    Apiway 独自の技術です。埋め込みコードでは、場所、順番、トランジション、速度、イントロを変更できます。

  • エージェントが Apiway のツールがないと言う

    Apiway をつなぎ直して新しいチャットを開きます。開いているチャットは、始まったあとに追加されたツールを見られません。