<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>ノーコードAI開発 &#8211; AI Tech Hub</title>
	<atom:link href="https://ai-techhub.net/tag/%E3%83%8E%E3%83%BC%E3%82%B3%E3%83%BC%E3%83%89ai%E9%96%8B%E7%99%BA/feed/" rel="self" type="application/rss+xml" />
	<link>https://ai-techhub.net</link>
	<description>最新AI技術とツールの情報を一括で！進化するAIを活用しよう</description>
	<lastBuildDate>Sat, 28 Sep 2024 03:42:25 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.7.1</generator>

<image>
	<url>https://ai-techhub.net/wp-content/uploads/2024/09/cropped-icon-32x32.png</url>
	<title>ノーコードAI開発 &#8211; AI Tech Hub</title>
	<link>https://ai-techhub.net</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Dify + Llama APIで完全無料のチャットボットを作成！API取得からWEBサイトへの実装方法を解説</title>
		<link>https://ai-techhub.net/dify-llama-api%e3%81%a7%e5%ae%8c%e5%85%a8%e7%84%a1%e6%96%99%e3%81%ae%e3%83%81%e3%83%a3%e3%83%83%e3%83%88%e3%83%9c%e3%83%83%e3%83%88%e3%82%92%e4%bd%9c%e6%88%90%ef%bc%81api%e5%8f%96%e5%be%97%e3%81%8b/</link>
		
		<dc:creator><![CDATA[ai-techhub]]></dc:creator>
		<pubDate>Sat, 28 Sep 2024 12:58:07 +0000</pubDate>
				<category><![CDATA[AIアシスタントと自動化ツール]]></category>
		<category><![CDATA[自動化ツール]]></category>
		<category><![CDATA[API取得方法]]></category>
		<category><![CDATA[Dify]]></category>
		<category><![CDATA[Dify設定]]></category>
		<category><![CDATA[Llama API]]></category>
		<category><![CDATA[チャットボット作成]]></category>
		<category><![CDATA[ノーコードAI開発]]></category>
		<guid isPermaLink="false">https://ai-techhub.net/?p=514</guid>

					<description><![CDATA[Dify + Llama APIを利用して、完全無料で作成できるチャットボットの具体的な実装方法を徹底解説します。APIの取得から、Difyの設定方法、WEBサイトへの実際に実装していきます。 APIの取得 groq L ... <a title="Dify + Llama APIで完全無料のチャットボットを作成！API取得からWEBサイトへの実装方法を解説" class="read-more" href="https://ai-techhub.net/dify-llama-api%e3%81%a7%e5%ae%8c%e5%85%a8%e7%84%a1%e6%96%99%e3%81%ae%e3%83%81%e3%83%a3%e3%83%83%e3%83%88%e3%83%9c%e3%83%83%e3%83%88%e3%82%92%e4%bd%9c%e6%88%90%ef%bc%81api%e5%8f%96%e5%be%97%e3%81%8b/" aria-label="Dify + Llama APIで完全無料のチャットボットを作成！API取得からWEBサイトへの実装方法を解説 についてさらに読む">続きを読む</a>]]></description>
										<content:encoded><![CDATA[
<p>Dify + Llama APIを利用して、完全無料で作成できるチャットボットの具体的な実装方法を徹底解説します。<br>APIの取得から、Difyの設定方法、WEBサイトへの実際に実装していきます。</p>



<figure class="wp-block-embed is-type-wp-embed is-provider-ai-tech-hub wp-block-embed-ai-tech-hub"><div class="wp-block-embed__wrapper">
<blockquote class="wp-embedded-content" data-secret="zmvjEEki5M"><a href="https://ai-techhub.net/dify%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%9f%e5%ae%8c%e5%85%a8%e7%84%a1%e6%96%99%e3%83%81%e3%83%a3%e3%83%83%e3%83%88%e3%83%9c%e3%83%83%e3%83%88%e4%bd%9c%e6%88%90%e3%82%ac%e3%82%a4%e3%83%89%ef%bc%9a/">Difyを使った完全無料チャットボット作成ガイド：初心者向けノーコード開発の基礎知識</a></blockquote><iframe class="wp-embedded-content" sandbox="allow-scripts" security="restricted"  title="&#8220;Difyを使った完全無料チャットボット作成ガイド：初心者向けノーコード開発の基礎知識&#8221; &#8212; AI Tech Hub" src="https://ai-techhub.net/dify%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%9f%e5%ae%8c%e5%85%a8%e7%84%a1%e6%96%99%e3%83%81%e3%83%a3%e3%83%83%e3%83%88%e3%83%9c%e3%83%83%e3%83%88%e4%bd%9c%e6%88%90%e3%82%ac%e3%82%a4%e3%83%89%ef%bc%9a/embed/#?secret=ri3WeN5wic#?secret=zmvjEEki5M" data-secret="zmvjEEki5M" width="600" height="338" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
</div><figcaption class="wp-element-caption"><a href="https://ai-techhub.net/dify%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%9f%e5%ae%8c%e5%85%a8%e7%84%a1%e6%96%99%e3%83%81%e3%83%a3%e3%83%83%e3%83%88%e3%83%9c%e3%83%83%e3%83%88%e4%bd%9c%e6%88%90%e3%82%ac%e3%82%a4%e3%83%89%ef%bc%9a/" data-type="link" data-id="https://ai-techhub.net/dify%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%9f%e5%ae%8c%e5%85%a8%e7%84%a1%e6%96%99%e3%83%81%e3%83%a3%e3%83%83%e3%83%88%e3%83%9c%e3%83%83%e3%83%88%e4%bd%9c%e6%88%90%e3%82%ac%e3%82%a4%e3%83%89%ef%bc%9a/">チャットボットを作成する前にDifyの基礎知識をご覧ください。</a></figcaption></figure>



<h2 class="wp-block-heading">APIの取得 groq Llama API</h2>



<p>Groq Llama APIは、Metaが開発したLlamaシリーズの大規模言語モデル（LLM）を利用するためのAPIです。このAPIは、特に高速なテキスト生成能力を持ち、OpenAIのAPIと互換性があります。Groqは、独自のLPU（Language Processing Unit）技術を使用しており、これにより従来のCPUやGPUよりも高い推論速度を実現しています。</p>



<h3 class="wp-block-heading">Llama APIの簡単な説明</h3>



<h4 class="wp-block-heading">&nbsp;Llama APIの主な特徴</h4>



<ul class="wp-block-list">
<li>互換性: OpenAIのAPIと互換性があり、既存のツールで利用可能。</li>



<li>高速性: LPU技術により、非常に高速なトークン生成が可能。</li>



<li>無料利用: ベータ版は無料で提供されている。</li>



<li>レート制限: 1分間に30リクエスト、1日に1.4万リクエストまで。</li>



<li>簡単設定: APIキーを取得し、簡単に利用開始可能。</li>
</ul>



<h4 class="wp-block-heading">モデルの性能</h4>



<ul class="wp-block-list">
<li>Llama 3 8B: 秒間800トークン以上の生成が可能。</li>



<li>Llama 3 70B: 秒間200トークン以上の生成が可能。</li>



<li>大規模モデル: 405Bのパラメータを持つモデルも提供。</li>



<li>多言語対応: 日本語を含む多言語での利用が可能。</li>
</ul>



<h4 class="wp-block-heading" id="%E6%96%99%E9%87%91%E3%81%A8%E5%88%B6%E9%99%90-%5B1%5D">料金と制限</h4>



<ul class="wp-block-list">
<li>ベータ版: <strong>無料で利用可能。</strong></li>



<li>レート制限: <strong>1分間に30リクエスト、1日に1.4万リクエスト。</strong></li>



<li>従量課金: トークン数に応じた料金体系。</li>



<li>コスト効率: 他のサービスと比べて非常に安価。</li>



<li>将来のプラン: 有料プランのリリース予定。</li>
</ul>



<h3 class="wp-block-heading">Llama APIの取得</h3>



<p><a href="https://console.groq.com/login" data-type="link" data-id="https://console.groq.com/playground" target="_blank" rel="noopener"><strong>groq</strong></a>にアクセスしてアカウントを作成します。<br><a href="https://console.groq.com/playground" target="_blank" rel="noopener">https://console.groq.com/login</a></p>



<p>ログインができたら、左のメニューから「API Keys」を選択。</p>



<p>下記の画面が表示されたら「Create API Key」をクリック。</p>


<figure class="gb-block-image gb-block-image-9af127a2"><a href="https://ai-techhub.net/wp-content/uploads/2024/09/Llama_API_01.jpg"><img fetchpriority="high" decoding="async" width="1200" height="800" class="gb-image gb-image-9af127a2" src="https://ai-techhub.net/wp-content/uploads/2024/09/Llama_API_01.jpg" alt="Llama APIの取得方法01" title="Llama_API_01" srcset="https://ai-techhub.net/wp-content/uploads/2024/09/Llama_API_01.jpg 1200w, https://ai-techhub.net/wp-content/uploads/2024/09/Llama_API_01-300x200.jpg 300w, https://ai-techhub.net/wp-content/uploads/2024/09/Llama_API_01-1024x683.jpg 1024w, https://ai-techhub.net/wp-content/uploads/2024/09/Llama_API_01-768x512.jpg 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></a></figure>


<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<p>「Create API Key」が表示されたら、好きな名前をつけます。わかりやすく「Llama」とし「Submit」をクリックします。</p>


<figure class="gb-block-image gb-block-image-8e9de2d7"><a href="https://ai-techhub.net/wp-content/uploads/2024/09/Llama_API_02.jpg"><img decoding="async" width="1200" height="800" class="gb-image gb-image-8e9de2d7" src="https://ai-techhub.net/wp-content/uploads/2024/09/Llama_API_02.jpg" alt="Llama APIの取得方法02" title="Llama_API_02" srcset="https://ai-techhub.net/wp-content/uploads/2024/09/Llama_API_02.jpg 1200w, https://ai-techhub.net/wp-content/uploads/2024/09/Llama_API_02-300x200.jpg 300w, https://ai-techhub.net/wp-content/uploads/2024/09/Llama_API_02-1024x683.jpg 1024w, https://ai-techhub.net/wp-content/uploads/2024/09/Llama_API_02-768x512.jpg 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></a></figure>


<p>APIキーが表示されたら、テキストエディタなどにコピーして第三者に見せないように大切に保管します。コピーし忘れた場合、２度と表示されることはないので作成したAPIを削除し、もう一度作成しましょう。</p>


<figure class="gb-block-image gb-block-image-cbbb97ab"><a href="https://ai-techhub.net/wp-content/uploads/2024/09/Llama_API_03.jpg"><img loading="lazy" decoding="async" width="1200" height="800" class="gb-image gb-image-cbbb97ab" src="https://ai-techhub.net/wp-content/uploads/2024/09/Llama_API_03.jpg" alt="Llama APIの取得方法03" title="Llama_API_03" srcset="https://ai-techhub.net/wp-content/uploads/2024/09/Llama_API_03.jpg 1200w, https://ai-techhub.net/wp-content/uploads/2024/09/Llama_API_03-300x200.jpg 300w, https://ai-techhub.net/wp-content/uploads/2024/09/Llama_API_03-1024x683.jpg 1024w, https://ai-techhub.net/wp-content/uploads/2024/09/Llama_API_03-768x512.jpg 768w" sizes="auto, (max-width: 1200px) 100vw, 1200px" /></a></figure>


<p>APIキーの取得が完了しました。次にDifyでチャットボットを作成します。</p>



<h2 class="wp-block-heading">Difyでチャットボットの作成方法</h2>



<p>Difyは、AIアプリ開発をこれまでにないほどシンプルかつ迅速に行えるプラットフォームです。ノーコードのアプローチにより、技術的な障壁を取り除き、誰もがAIの力を活用できる時代が到来しています。Difyを使って、次世代のAIアプリケーションを簡単に構築しましょう。</p>



<h3 class="wp-block-heading">Difyとは？簡単な説明</h3>



<h4 class="wp-block-heading">Difyの概要</h4>



<p><strong>Dify</strong>は、AIアプリケーションの開発を容易にするために設計された<strong>オープンソースのプラットフォーム</strong>です。プログラミングの知識がなくても、**大規模言語モデル（LLM）**を活用し、<strong>ノーコードでのAIアプリ構築</strong>が可能です。これにより、AI技術に不慣れなユーザーでも高度なAIアプリを作成でき、広く注目を集めています。</p>



<p>このプラットフォームは、チャットボットやコンテンツ生成、データ分析ツールの開発を支援し、ユーザーが自由にアイデアを実現できる環境を提供します。<strong>Dify</strong>を使用することで、専門知識を持たない人々でも自分のニーズに合ったAIアプリを構築することが可能です。</p>



<p>Difyは、**LangGenius, Inc.**によって提供されており、同社はAI技術の最前線で革新を続けています。Difyという名前は、&#8221;<strong>Do It For You</strong>&#8220;（あなたのために作る）という意味を持ち、ユーザーが簡単にAIアプリケーションを作成できることを表しています。</p>



<h4 class="wp-block-heading">Difyの特徴と機能</h4>



<p>Difyは、<strong>多様なAIアプリケーションの開発</strong>を迅速かつ効率的に行うための強力な機能を備えています。特に次の点で優れた特徴を持っています。</p>



<ul class="wp-block-list">
<li><strong>ノーコード開発</strong>：プログラミングの知識が不要で、<strong>ドラッグ＆ドロップ操作</strong>だけでアプリケーションの構築が可能です。</li>



<li><strong>高度なAIモデルの統合</strong>：<strong>GPT-4</strong>や<strong>Claude 3</strong>といった最新のAIモデルをシームレスに利用でき、自然言語処理やデータ分析を精度高く行えます。</li>



<li><strong>RAGエンジン搭載</strong>：外部情報を活用し、より正確な回答を生成できるため、独自のチャットボットや情報取得システムの構築が容易です。</li>
</ul>



<p>また、DifyはさまざまなAIソリューションをサポートしており、企業にとっては顧客対応の自動化やデータ駆動型の意思決定に役立つツールです。</p>



<h4 class="wp-block-heading">Difyの使い方</h4>



<p>Difyを使用する際のプロセスは非常にシンプルです。</p>



<ol class="wp-block-list">
<li><strong>公式サイトでアカウントを作成</strong>：GoogleアカウントやDiscordアカウントで簡単に認証が可能です。</li>



<li><strong>ダッシュボードへ移動</strong>：アプリのタイプや名前、アイコンなどを設定し、直感的なインターフェースで入力を進めます。</li>



<li><strong>デバッグとプレビュー</strong>：アプリの動作確認を行い、必要な修正を加えることで、スムーズに開発プロセスを進めることができます。</li>
</ol>



<h4 class="wp-block-heading">Difyの料金体系</h4>



<p>Difyは、ユーザーのニーズに応じて<strong>料金プラン</strong>を提供しています。</p>



<ol class="wp-block-list">
<li><strong>サンドボックスプラン</strong>（無料）：最大200回のGPTリクエストが可能で、基本的な機能を試すことができます。</li>



<li><strong>プロフェッショナルプラン</strong>（月額59ドル）：5,000回のメッセージクレジットが含まれており、ビジネス用途に最適です。</li>



<li><strong>チームプラン</strong>（月額159ドル）：無制限のメッセージクレジットとチームメンバー数が無制限で、大規模なプロジェクトに対応できます。</li>
</ol>



<p>これにより、個人から企業まで幅広いユーザーが自分に合ったプランを選択し、Difyの機能を最大限に活用できます。</p>



<h4 class="wp-block-heading">商用利用とライセンス</h4>



<p>Difyは商用利用も可能ですが、特定の条件下で<strong>商用ライセンス</strong>が必要です。たとえば、<strong>マルチテナントSaaS</strong>の提供やDifyのロゴの削除にはライセンスが必要です。ただし、特定企業向けの<strong>プライベート環境</strong>での利用には、商用ライセンスが不要な場合もあります。</p>



<p>商用利用を考える際は、Difyのビジネスチームに問い合わせ、適切なライセンスを取得することが推奨されます。</p>



<h4 class="wp-block-heading">AI開発支援の未来</h4>



<p>Difyは、<strong>非エンジニア向けのノーコード開発</strong>プラットフォームとして、多くのユーザーがAIアプリケーションを作成するのを支援しています。<strong>RAGエンジン</strong>や豊富なテンプレートを利用し、企業は効率的にカスタマイズされたAIソリューションを開発できます。</p>



<p>Difyは、クラウド版とローカル版の両方を提供しており、企業のニーズに合わせた柔軟な対応が可能です。これにより、ユーザーはセキュリティやパフォーマンスに最適な環境を選択して活用できます。</p>



<h3 class="wp-block-heading">DifyにAPIを設定する手順</h3>



<p><a href="https://cloud.dify.ai/signin" data-type="link" data-id="https://cloud.dify.ai/signin" target="_blank" rel="noopener">Dify</a>でアカウントを作成します。<br><a href="https://cloud.dify.ai/signin" target="_blank" rel="noopener">https://cloud.dify.ai/signin</a></p>



<h4 class="wp-block-heading">取得したLlama APIの設定</h4>



<p>ログインが完了したら、まずAPIの設定をします。<br>右上にあるアカウントをクリック、タブから「設定」をクリックします。</p>


<figure class="gb-block-image gb-block-image-02067283"><a href="https://ai-techhub.net/wp-content/uploads/2024/09/dify_set_01.jpg"><img loading="lazy" decoding="async" width="1200" height="800" class="gb-image gb-image-02067283" src="https://ai-techhub.net/wp-content/uploads/2024/09/dify_set_01.jpg" alt="DifyでAPIのセットアップ" title="dify_set_01" srcset="https://ai-techhub.net/wp-content/uploads/2024/09/dify_set_01.jpg 1200w, https://ai-techhub.net/wp-content/uploads/2024/09/dify_set_01-300x200.jpg 300w, https://ai-techhub.net/wp-content/uploads/2024/09/dify_set_01-1024x683.jpg 1024w, https://ai-techhub.net/wp-content/uploads/2024/09/dify_set_01-768x512.jpg 768w" sizes="auto, (max-width: 1200px) 100vw, 1200px" /></a></figure>


<p>「モデルプロバイダー」を選択します。</p>


<figure class="gb-block-image gb-block-image-efa1252a"><a href="https://ai-techhub.net/wp-content/uploads/2024/09/dify_set_02.jpg"><img loading="lazy" decoding="async" width="1200" height="800" class="gb-image gb-image-efa1252a" src="https://ai-techhub.net/wp-content/uploads/2024/09/dify_set_02.jpg" alt="DifyでAPIのセットアップ02" title="dify_set_02" srcset="https://ai-techhub.net/wp-content/uploads/2024/09/dify_set_02.jpg 1200w, https://ai-techhub.net/wp-content/uploads/2024/09/dify_set_02-300x200.jpg 300w, https://ai-techhub.net/wp-content/uploads/2024/09/dify_set_02-1024x683.jpg 1024w, https://ai-techhub.net/wp-content/uploads/2024/09/dify_set_02-768x512.jpg 768w" sizes="auto, (max-width: 1200px) 100vw, 1200px" /></a></figure>


<p>「groq cloud」を選択します。</p>


<figure class="gb-block-image gb-block-image-48290268"><a href="https://ai-techhub.net/wp-content/uploads/2024/09/dify_set_03.jpg"><img loading="lazy" decoding="async" width="1200" height="800" class="gb-image gb-image-48290268" src="https://ai-techhub.net/wp-content/uploads/2024/09/dify_set_03.jpg" alt="DifyでAPIのセットアップ03" title="dify_set_03" srcset="https://ai-techhub.net/wp-content/uploads/2024/09/dify_set_03.jpg 1200w, https://ai-techhub.net/wp-content/uploads/2024/09/dify_set_03-300x200.jpg 300w, https://ai-techhub.net/wp-content/uploads/2024/09/dify_set_03-1024x683.jpg 1024w, https://ai-techhub.net/wp-content/uploads/2024/09/dify_set_03-768x512.jpg 768w" sizes="auto, (max-width: 1200px) 100vw, 1200px" /></a></figure>


<p>取得したLlama APIを入力し「保存」します。</p>


<figure class="gb-block-image gb-block-image-75fd6e52"><a href="https://ai-techhub.net/wp-content/uploads/2024/09/dify_set_04.jpg"><img loading="lazy" decoding="async" width="1200" height="800" class="gb-image gb-image-75fd6e52" src="https://ai-techhub.net/wp-content/uploads/2024/09/dify_set_04.jpg" alt="DifyでAPIのセットアップ04" title="dify_set_04" srcset="https://ai-techhub.net/wp-content/uploads/2024/09/dify_set_04.jpg 1200w, https://ai-techhub.net/wp-content/uploads/2024/09/dify_set_04-300x200.jpg 300w, https://ai-techhub.net/wp-content/uploads/2024/09/dify_set_04-1024x683.jpg 1024w, https://ai-techhub.net/wp-content/uploads/2024/09/dify_set_04-768x512.jpg 768w" sizes="auto, (max-width: 1200px) 100vw, 1200px" /></a></figure>


<p>これでAPIの設定は完了です。次はチャットボットの作成に移ります。</p>



<h3 class="wp-block-heading">Difyでチャットボットを作成する手順</h3>



<p>今回はもっともシンプルなキャラクターのチャットボットを作成します。テキストジェネレーターやエージェントを利用すれば、より複雑な処理や一連の作業を自動化させることも可能です。</p>



<p>スタジオの「最初から作成」をクリックします。</p>


<figure class="gb-block-image gb-block-image-1f4f8bb3"><a href="https://ai-techhub.net/wp-content/uploads/2024/09/dify_chatbot_01.jpg"><img loading="lazy" decoding="async" width="1200" height="800" class="gb-image gb-image-1f4f8bb3" src="https://ai-techhub.net/wp-content/uploads/2024/09/dify_chatbot_01.jpg" alt="difyでチャットボット作成01" title="dify_chatbot_01" srcset="https://ai-techhub.net/wp-content/uploads/2024/09/dify_chatbot_01.jpg 1200w, https://ai-techhub.net/wp-content/uploads/2024/09/dify_chatbot_01-300x200.jpg 300w, https://ai-techhub.net/wp-content/uploads/2024/09/dify_chatbot_01-1024x683.jpg 1024w, https://ai-techhub.net/wp-content/uploads/2024/09/dify_chatbot_01-768x512.jpg 768w" sizes="auto, (max-width: 1200px) 100vw, 1200px" /></a></figure>


<p>「チャットボット」を選択します。</p>


<figure class="gb-block-image gb-block-image-24db072d"><a href="https://ai-techhub.net/wp-content/uploads/2024/09/dify_chatbot_02.jpg"><img loading="lazy" decoding="async" width="1200" height="800" class="gb-image gb-image-24db072d" src="https://ai-techhub.net/wp-content/uploads/2024/09/dify_chatbot_02.jpg" alt="difyでチャットボット作成02" title="dify_chatbot_02" srcset="https://ai-techhub.net/wp-content/uploads/2024/09/dify_chatbot_02.jpg 1200w, https://ai-techhub.net/wp-content/uploads/2024/09/dify_chatbot_02-300x200.jpg 300w, https://ai-techhub.net/wp-content/uploads/2024/09/dify_chatbot_02-1024x683.jpg 1024w, https://ai-techhub.net/wp-content/uploads/2024/09/dify_chatbot_02-768x512.jpg 768w" sizes="auto, (max-width: 1200px) 100vw, 1200px" /></a></figure>


<p>アプリとアイコンの名前に好きな名前を付けます。ここでは「パン太郎」とつけました。<br>アイコンをクリックすれば画像を変更することもできます。<br>説明に簡単なアプリの説明を入力します。この説明ではプロンプトには影響を与えません。<br>名前と説明を入力したら「作成する」をクリックします。</p>


<figure class="gb-block-image gb-block-image-59ccd71f"><a href="https://ai-techhub.net/wp-content/uploads/2024/09/dify_chatbot_04.jpg"><img loading="lazy" decoding="async" width="1200" height="800" class="gb-image gb-image-59ccd71f" src="https://ai-techhub.net/wp-content/uploads/2024/09/dify_chatbot_04.jpg" alt="difyでチャットボット作成03" title="dify_chatbot_04" srcset="https://ai-techhub.net/wp-content/uploads/2024/09/dify_chatbot_04.jpg 1200w, https://ai-techhub.net/wp-content/uploads/2024/09/dify_chatbot_04-300x200.jpg 300w, https://ai-techhub.net/wp-content/uploads/2024/09/dify_chatbot_04-1024x683.jpg 1024w, https://ai-techhub.net/wp-content/uploads/2024/09/dify_chatbot_04-768x512.jpg 768w" sizes="auto, (max-width: 1200px) 100vw, 1200px" /></a></figure>


<p>オーケストレーションの手順がプロンプトにあたる部分です。<br>どんな処理をさせるかここに入力します。ここではキャラクターの設定を入力しました。<br>今回は説明を省きますがコンテキストがRAGにあたる部分です。例えば、企業がお問い合わせの一部ををチャットボットによる処理で行いたい場合は上部の「ナレッジ」から問い合わせのテキストファイルなどをインポートすることで独自の情報を処理させることも可能です。</p>


<figure class="gb-block-image gb-block-image-ae5d7e36"><a href="https://ai-techhub.net/wp-content/uploads/2024/09/dify_chatbot_04-1.jpg"><img loading="lazy" decoding="async" width="1200" height="671" class="gb-image gb-image-ae5d7e36" src="https://ai-techhub.net/wp-content/uploads/2024/09/dify_chatbot_04-1.jpg" alt="difyでチャットボット作成04" title="dify_chatbot_04" srcset="https://ai-techhub.net/wp-content/uploads/2024/09/dify_chatbot_04-1.jpg 1200w, https://ai-techhub.net/wp-content/uploads/2024/09/dify_chatbot_04-1-300x168.jpg 300w, https://ai-techhub.net/wp-content/uploads/2024/09/dify_chatbot_04-1-1024x573.jpg 1024w, https://ai-techhub.net/wp-content/uploads/2024/09/dify_chatbot_04-1-768x429.jpg 768w" sizes="auto, (max-width: 1200px) 100vw, 1200px" /></a></figure>


<p>入力が終わったら、登録したAPIを設定します。<br>画像の右上の箇所をクリックします。</p>


<figure class="gb-block-image gb-block-image-7d4329f1"><a href="https://ai-techhub.net/wp-content/uploads/2024/09/dify_chatbot_05.jpg"><img loading="lazy" decoding="async" width="1200" height="800" class="gb-image gb-image-7d4329f1" src="https://ai-techhub.net/wp-content/uploads/2024/09/dify_chatbot_05.jpg" alt="difyでチャットボット作成05" title="dify_chatbot_05" srcset="https://ai-techhub.net/wp-content/uploads/2024/09/dify_chatbot_05.jpg 1200w, https://ai-techhub.net/wp-content/uploads/2024/09/dify_chatbot_05-300x200.jpg 300w, https://ai-techhub.net/wp-content/uploads/2024/09/dify_chatbot_05-1024x683.jpg 1024w, https://ai-techhub.net/wp-content/uploads/2024/09/dify_chatbot_05-768x512.jpg 768w" sizes="auto, (max-width: 1200px) 100vw, 1200px" /></a></figure>


<p>モデルから「Llama-3.1-70b-versatile」を選択します。</p>


<figure class="gb-block-image gb-block-image-9b83e4d8"><a href="https://ai-techhub.net/wp-content/uploads/2024/09/dify_chatbot_06.jpg"><img loading="lazy" decoding="async" width="1200" height="800" class="gb-image gb-image-9b83e4d8" src="https://ai-techhub.net/wp-content/uploads/2024/09/dify_chatbot_06.jpg" alt="difyでチャットボット作成06" title="dify_chatbot_06" srcset="https://ai-techhub.net/wp-content/uploads/2024/09/dify_chatbot_06.jpg 1200w, https://ai-techhub.net/wp-content/uploads/2024/09/dify_chatbot_06-300x200.jpg 300w, https://ai-techhub.net/wp-content/uploads/2024/09/dify_chatbot_06-1024x683.jpg 1024w, https://ai-techhub.net/wp-content/uploads/2024/09/dify_chatbot_06-768x512.jpg 768w" sizes="auto, (max-width: 1200px) 100vw, 1200px" /></a></figure>


<p>モデルの選択が終わったら、実際に動作をテストします。<br>下部のテキストボックスに質問等を入力します。動作に問題なければ右上の「公開する」→「更新」をクリックしチャットボットは完成です。</p>


<figure class="gb-block-image gb-block-image-c6d9e674"><a href="https://ai-techhub.net/wp-content/uploads/2024/09/dify_chatbot_07.jpg"><img loading="lazy" decoding="async" width="1200" height="671" class="gb-image gb-image-c6d9e674" src="https://ai-techhub.net/wp-content/uploads/2024/09/dify_chatbot_07.jpg" alt="difyでチャットボット作成07" title="dify_chatbot_07" srcset="https://ai-techhub.net/wp-content/uploads/2024/09/dify_chatbot_07.jpg 1200w, https://ai-techhub.net/wp-content/uploads/2024/09/dify_chatbot_07-300x168.jpg 300w, https://ai-techhub.net/wp-content/uploads/2024/09/dify_chatbot_07-1024x573.jpg 1024w, https://ai-techhub.net/wp-content/uploads/2024/09/dify_chatbot_07-768x429.jpg 768w" sizes="auto, (max-width: 1200px) 100vw, 1200px" /></a></figure>


<p>チャットボットが完成しました。次は実際にチャットボットをWEBサイトに搭載します。</p>



<h2 class="wp-block-heading">チャットボットをWEBサイトに実装する手順</h2>



<p>「公開する」から「サイトに埋め込む」を選択します。</p>


<figure class="gb-block-image gb-block-image-e4162778"><a href="https://ai-techhub.net/wp-content/uploads/2024/09/dify_web_01.jpg"><img loading="lazy" decoding="async" width="1200" height="800" class="gb-image gb-image-e4162778" src="https://ai-techhub.net/wp-content/uploads/2024/09/dify_web_01.jpg" alt="Difyをウェブサイトに実装01" title="dify_web_01" srcset="https://ai-techhub.net/wp-content/uploads/2024/09/dify_web_01.jpg 1200w, https://ai-techhub.net/wp-content/uploads/2024/09/dify_web_01-300x200.jpg 300w, https://ai-techhub.net/wp-content/uploads/2024/09/dify_web_01-1024x683.jpg 1024w, https://ai-techhub.net/wp-content/uploads/2024/09/dify_web_01-768x512.jpg 768w" sizes="auto, (max-width: 1200px) 100vw, 1200px" /></a></figure>


<p>チャットボットをWEBサイトに埋め込む方法を3つの中から選択できます。環境にあったものを選択します。<br>ここではフレームを選択しました。<br>コードをコピーしてWEBサイトに張り付ければ実装は完了です。</p>


<figure class="gb-block-image gb-block-image-74af6426"><a href="https://ai-techhub.net/wp-content/uploads/2024/09/dify_web_02.jpg"><img loading="lazy" decoding="async" width="1200" height="800" class="gb-image gb-image-74af6426" src="https://ai-techhub.net/wp-content/uploads/2024/09/dify_web_02.jpg" alt="Difyをウェブサイトに実装02" title="dify_web_02" srcset="https://ai-techhub.net/wp-content/uploads/2024/09/dify_web_02.jpg 1200w, https://ai-techhub.net/wp-content/uploads/2024/09/dify_web_02-300x200.jpg 300w, https://ai-techhub.net/wp-content/uploads/2024/09/dify_web_02-1024x683.jpg 1024w, https://ai-techhub.net/wp-content/uploads/2024/09/dify_web_02-768x512.jpg 768w" sizes="auto, (max-width: 1200px) 100vw, 1200px" /></a></figure>


<h3 class="wp-block-heading">チャットボットを実装</h3>



<p>実際にフレームで実装したものが下記のチャットボットです。<br></p>



<iframe
 src="https://udify.app/chatbot/rfJbF9Ly4kLC1iEn"
 style="width: 100%; height: 100%; min-height: 700px"
 frameborder="0"
 allow="microphone">
</iframe>



<h2 class="wp-block-heading">Difyはあらゆる用途に</h2>



<p>無料で利用できるAPIなので、先に述べたように利用制限はあります。それでも本格的な実装の前のテストとしては十分すぎるものだと思います。企業であっても動作確認だけでなく、トークンなどのコスト計算にも利用できます。<br>論文などのPDFファイルをコンテキストで読み込んで特定の情報を深く掘り下げたり、キーワードを入力するだけでWEBから最新情報を抽出し、文章と画像を生成するといったことも可能です。</p>



<figure class="wp-block-embed is-type-wp-embed is-provider-ai-tech-hub wp-block-embed-ai-tech-hub"><div class="wp-block-embed__wrapper">
<blockquote class="wp-embedded-content" data-secret="BbHxUsil7g"><a href="https://ai-techhub.net/chatgpt%e3%83%97%e3%83%ad%e3%83%b3%e3%83%97%e3%83%88%e3%81%ae%e6%9b%b8%e3%81%8d%e6%96%b9%e3%81%ae%e3%82%b3%e3%83%84%e3%82%84%e3%83%86%e3%83%b3%e3%83%97%e3%83%ac%e3%83%bc%e3%83%88%e3%81%af%e4%b8%8d/">ChatGPTプロンプトの書き方のコツやテンプレートは不要！RAGで最高精度のプロンプトを自動生成する方法</a></blockquote><iframe loading="lazy" class="wp-embedded-content" sandbox="allow-scripts" security="restricted"  title="&#8220;ChatGPTプロンプトの書き方のコツやテンプレートは不要！RAGで最高精度のプロンプトを自動生成する方法&#8221; &#8212; AI Tech Hub" src="https://ai-techhub.net/chatgpt%e3%83%97%e3%83%ad%e3%83%b3%e3%83%97%e3%83%88%e3%81%ae%e6%9b%b8%e3%81%8d%e6%96%b9%e3%81%ae%e3%82%b3%e3%83%84%e3%82%84%e3%83%86%e3%83%b3%e3%83%97%e3%83%ac%e3%83%bc%e3%83%88%e3%81%af%e4%b8%8d/embed/#?secret=jZ7bBqtuxt#?secret=BbHxUsil7g" data-secret="BbHxUsil7g" width="600" height="338" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
</div></figure>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
