貯まるワーク タマリスAI

右下の猫を押すと、タマリスが答える。

このページは動作確認用です。実際のサイトには <script> を1行入れるだけで同じものが出ます。

状態を確認中…

1. すぐ動かす（ローカル）

  1. .env.example を .env にコピーして、ANTHROPIC_API_KEY にキーを貼る
  2. ターミナルで node server/server.mjs
  3. http://localhost:3470 を開く

キーはサーバーにしか置かれません。ブラウザからは見えません。

2. サーバーを立てずに試す

本番では使わないでください。この方法はブラウザからAnthropicへ直接投げるので、サイトを見た人にキーが見えます。確認が終わったら消してください。

3. サイトに埋め込む

プロキシ（/api/chat）を用意したら、あとはこの1行です。

<script src="/tamaris-ai/tamaris-ai.js"
        data-endpoint="/api/chat" defer></script>

オプションは data-title / data-greeting / data-chips（|区切り）/ data-position="left" など。JSから開くなら TamarisAI.open()、質問を送るなら TamarisAI.ask('寮はある？')。

4. 中身を書き換える場所

tamaris-prompt.js の 【サイト情報】 と 【案内先】。ここが空のままだと、タマリスは事実を何も答えません（推測で喋らせないための作りです）。