page icon

AIチャットボットエレメント

応答速度の速いストリーミング対応AIチャットボットを簡単に作成できます。
Dify API、OpenAI API、OpenAI Assistants API に対応。
OpenAI Assistants API を利用することで、独自のデータを活用したオリジナルチャットボットをノーコードで実装 できるようになりました。新たにファイルアップロード機能ファイル出力機能を追加!ファイルを直接アップロードするだけで、AIが内容を理解して応答。業務の効率化やデータ活用がよりスムーズに行えます。
▼目次

対象プラン

Proプラン以上

OpenAI API

OpenAIのAPIに登録し、初期設定をする

以下のURLからアカウント登録をしてください。
OpenAI開発者プラットフォーム(OpenAI developer platform)で、構築を開始するボタンをクリックして設定をしてください。

APIキー(秘密鍵)を取得する

必要場情報を入力していくと、最後のステップで、プロジェクトを作成し、最初の API 呼び出しを行うためのキーが生成されます。
APIキーをコピ―しておきましょう。
必ずAPIクレジットを購入してください。※APIの利用料金はモデルや使用量によって異なります。

Clickでの設定

キャンバス>設定>環境変数とクリックしてください。
Key:APIを認識するために必要なキーですので、分かりやすい名前を付けてください。
Value:先程コピーしたAPIキーをペーストしてください。
〔追加〕ボタンをクリックし、最後に〔保存〕ボタンをクリックしてください。
キャンバスで新規ページにエレメント>AIチャットボットを設置してください。
右パネルの設定では、表示設定>全体設定>AIチャットボット
サービスはOpenAI
APIキーは先程Clickでの設定画面から設定したキーを選択
GPTモデルを設定してください。
GPTモデル
デフォルトでは、gpt-4o-miniになっておりますが、用途に応じてお好みのモデルを設定できます。
gpt-4o
gpt-4o-mini
GPT-3.5-turbo
必要に応じて、プロンプトや初期メッセージを編集してください。

OpenAI Assistants API

Assistants APIとは?

Assistants APIは、独自のデータを活用できるアシスタントボットを作成するためのAPIです。
主な機能
  • メッセージの送信
  • チャット画面でのファイルアップロード対応(New)
  • ファイル出力:アップロードしたcsvファイルをもとに、分析結果をパワーポイントやワード形式で出力(New)
  • ファイル参照:PDFなどの対応ファイル形式については こちら をご確認ください。
  • カスタムプロンプトの管理
  • コードインタープリター:CSVデータの処理など、詳細は こちら をご参照ください。
  • スレッド管理
これにより、オリジナルのチャットボットを簡単に開発・運用できます。
以下では、ファイル参照機能を活用したオリジナルチャットボットの作成方法を解説します。

Assistants APIを設定をする

事前準備として、無料枠では動作しませんので、クレジットを購入しておいてください。
OpenAI開発者プラットフォーム(OpenAI developer platform)>ダッシュボード>アシスタントアイコンをクリックしてください。
 
〔+作成する〕ボタンをクリックしてください。
名前、システムの説明:プロンプト、モデルを設定してください。
AIに学習させたいファイルをアップロードさせてください。
添付可能なファイル形式は以下をご参照ください。
〔遊び場〕Playgroundでご確認ください。
 
Assistant IDはアシスタントを作成した際に発行された asst_ で始まるIDです。

右パネルの設定

サービスはOpenAI Assistansを選択してください。
Assistant ID上記で取得したIDをペーストしてください。
APIキーは、アシスタントを作成したOpenAIのAPIキーを入力してください。
※ファイルアップロード機能をご利用の場合には、右側パネルの〔ファイル添付〕チェックボックスに✅をご記入ください。(※現在は、PC版のみサポート)

Dify API

Difyチャットボットを作成し、APIシークレットキーを取得してください。

Clickでの設定

キャンバス>設定>環境変数とクリックしてください。
Key:APIを認識する為に必要ですので、分かりやすい名前を付けてください。
Value:コピーしたAPIキーをペーストしてください。
〔追加〕ボタンをクリックし、最後に〔保存〕ボタンをクリックしてください。
 
API URLは以下
サービスはDify
APIキーは先程作成したものを選択してください。

注意事項

※本サービスはClick第三者サービスエレメント利用規約の適用対象です。ご確認の上ご利用ください。
※外部サービス毎の利用規約をご確認の上ご利用ください。
※APIの料金は外部サービスで別途発生します。以下の料金に関するリンクを必ずご確認ください。
 
 
最終更新日:2025/04/07