← 開発者ガイド

はじめての SDK 呼び出し

任意のページに script タグを追加し、はじめての ai.run() 翻訳呼び出しを行います — 貼り付けて、実行して、翻訳結果を見てみましょう。

これはゼロから動く AI 呼び出しまでの最速の道のりです — script タグと数行の JavaScript だけ。API キーを取得する を終える前に試せるよう、共有の dev キーを使用します。

1. script タグを追加する

<script src="https://js.quravin.com/v1.js"></script>

2. クライアントを作成して ai.run() を呼び出す

<button id="go">Translate</button>
<div id="out"></div>

<script>
  const ai = new Quravin.Quravin({
    endpoint: "https://api.example.com/ai-pipeline",
    apiKey:   "dev-replace-me",   // ← 自分のキーに置き換えてください。「API キーを取得する」参照
  });

  document.getElementById("go").onclick = async () => {
    const out = await ai.run({
      pipeline: "translate-string",
      inputs: { text: "Hello", target_language: "German" },
    });
    document.getElementById("out").textContent = out.translation;
  };
</script>

ボタンをクリックすると、out に { translation: "Hallo" } が入ります。これで送信・ポーリング・完了 という一連の流れが完了です。

3. 自分のキーに置き換える

dev-replace-me は dev 環境でのみ動作します。API キーを取得する を終えたら、apiKey を実際のキーに置き換えてください — ただし本番のキーを絶対にブラウザの コードに含めないでください。本番での安全な方法は 認証モードを選ぶ を参照してください。

次へ：本番環境にリリースする前に 認証モードを選ぶ を読んで ください。