<h2 id="tl%3Bdr" data-line="0" class="code-line">
<a class="header-anchor-link" href="#tl%3Bdr" aria-hidden="true"></a> TL;DR</h2>
<p data-line="1" class="code-line">RAG機能付きのチャットボットを作ります。</p>
<ul data-line="2" class="code-line">
<li data-line="2" class="code-line">UI: streamlitで実装し、ブラウザから利用します。</li>
<li data-line="3" class="code-line">生成AI: openai APIを利用します。</li>
<li data-line="4" class="code-line">ラッパー: langchainを利用します。</li>
<li data-line="5" class="code-line">ベクトルDB: ChromaDBを利用します。</li>
</ul>
<h2 id="%E5%AE%9F%E8%A3%85%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8" data-line="7" class="code-line">
<a class="header-anchor-link" href="#%E5%AE%9F%E8%A3%85%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8" aria-hidden="true"></a> 実装イメージ</h2>
<p data-line="8" class="code-line">実装イメージは以下のようになります。</p>
<span class="embed-block zenn-embedded zenn-embedded-mermaid"><iframe id="zenn-embedded__3d48ce50c86f2" src="https://embed.zenn.studio/mermaid#zenn-embedded__3d48ce50c86f2" data-content="flowchart%20TD%0A%0A%20%20%20%20A(%5B%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E3%81%8B%E3%82%89%3Cbr%3E%E3%83%97%E3%83%AD%E3%83%B3%E3%83%97%E3%83%88%E5%85%A5%E5%8A%9B%5D)%20--%3E%20%7C%E9%81%B8%E6%8A%9E%7C%20chat(%E3%83%81%E3%83%A3%E3%83%83%E3%83%88)%20%26%20search(RAG)%0A%20%20%20%20search%20--%3E%20%7C%E3%83%97%E3%83%AD%E3%83%B3%E3%83%97%E3%83%88%E3%81%AE%E3%83%99%E3%82%AF%E3%83%88%E3%83%AB%E5%8C%96%7C%20db%0A%20%20%20%20db%20--%3E%20%7C%E3%83%99%E3%82%AF%E3%83%88%E3%83%AB%E3%81%AE%E9%A1%9E%E4%BC%BC%E3%81%99%E3%82%8B%E6%96%87%E6%9B%B8%7C%20genAI1%0A%20%20%20%20search%20--%3E%20%7C%E3%83%97%E3%83%AD%E3%83%B3%E3%83%97%E3%83%88%7C%20genAI1%0A%20%20%20%20genAI1%20--%3E%20%7C%E7%94%9F%E6%88%90%E6%96%87%E6%9B%B8%7C%20output1(%5B%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E3%81%AB%E5%9B%9E%E7%AD%94%E5%87%BA%E5%8A%9B%5D)%0A%20%20%20%20chat%20--%3E%20%7C%E3%83%97%E3%83%AD%E3%83%B3%E3%83%97%E3%83%88%7C%20genAI2%5B%E7%94%9F%E6%88%90AI%5D%0A%20%20%20%20genAI2%20--%3E%20%7C%E7%94%9F%E6%88%90%E6%96%87%E6%9B%B8%7C%20output1%0A%0A%20%20%20%20subgraph%20b_2_st%5Bstreamlit%E3%81%A7%E5%AE%9F%E8%A3%85%5D%0A%20%20%20%20%20%20%20%20chat%0A%20%20%20%20%20%20%20%20search%0A%20%20%20%20%20%20%20%20db%5B(ChromaDB)%5D%0A%20%20%20%20%20%20%20%20genAI1%5B%E7%94%9F%E6%88%90AI%5D%0A%20%20%20%20%20%20%20%20genAI2%0A%20%20%20%20end" frameborder="0" scrolling="no" loading="lazy"></iframe></span><h2 id="%E3%83%AA%E3%83%B3%E3%82%AF" data-line="30" class="code-line">
<a class="header-anchor-link" href="#%E3%83%AA%E3%83%B3%E3%82%AF" aria-hidden="true"></a> リンク</h2>
<ul data-line="31" class="code-line">
<li data-line="31" class="code-line">RAG機能付きチャットボットを作ろう-1:(本記事)<br>
<a href="https://zenn.dev/bluetang/articles/chatbot_with_lc_st_chromadb_01" target="_blank">https://zenn.dev/bluetang/articles/chatbot_with_lc_st_chromadb_01</a>
</li>
<li data-line="33" class="code-line">RAG機能付きチャットボットを作ろう-2:<br>
<a href="https://zenn.dev/bluetang/articles/chatbot_with_lc_st_chromadb_02" target="_blank">https://zenn.dev/bluetang/articles/chatbot_with_lc_st_chromadb_02</a>
</li>
</ul>
<h2 id="%E5%8F%82%E8%80%83" data-line="36" class="code-line">
<a class="header-anchor-link" href="#%E5%8F%82%E8%80%83" aria-hidden="true"></a> 参考</h2>
<h2 id="%E7%B7%A8%E9%9B%86%E5%B1%A5%E6%AD%B4" data-line="38" class="code-line">
<a class="header-anchor-link" href="#%E7%B7%A8%E9%9B%86%E5%B1%A5%E6%AD%B4" aria-hidden="true"></a> 編集履歴</h2>
<ul data-line="39" class="code-line">
<li data-line="39" class="code-line">2024/11/24: 初稿</li>
</ul>


RAG機能付きチャットボットを作ろう-1_初稿

python

TL;DR

実装イメージ

リンク

参考

編集履歴

Discussion