<p>こんにちは、みてねコールドクターでエンジニアマネージャーをしている遠藤です。<br>
社内用のChatGPTを用意した話をします。</p>
<h2 id="%E8%83%8C%E6%99%AF">
<a class="header-anchor-link" href="#%E8%83%8C%E6%99%AF" aria-hidden="true"></a> 背景</h2>
<p>ChatGPTが登場以降、その有用性が認められ、業務改善に繋げられることが多いことが分かってきました。<br>
弊社でもChatGPTを有効活用したいと考えましたが、以下のような問題がありました。</p>
<ul>
<li>ChatGPT経由での入力が学習データとして使われる可能性がある</li>
<li>法人プランが用意されていないので、個人契約が必要</li>
</ul>
<p>そこで、社内用のChatGPTを用意することにしました。</p>
<h2 id="%E6%A4%9C%E8%A8%8E%E4%BA%8B%E9%A0%85">
<a class="header-anchor-link" href="#%E6%A4%9C%E8%A8%8E%E4%BA%8B%E9%A0%85" aria-hidden="true"></a> 検討事項</h2>
<p>社内用に用意するにあたり、以下の点を検討しました。</p>
<ul>
<li>API経由での利用</li>
<li>メンバーがAPIキーを扱わなくてもいいようにする
<ul>
<li>気軽に使えるように</li>
</ul>
</li>
<li>カスタマイズや自前で用意しないようにする
<ul>
<li>変化が激しいため、なるべく環境をすぐ捨てられるようにする</li>
</ul>
</li>
<li>社内以外のメンバーがアクセスできないようにする</li>
</ul>
<p>上記を検討した結果、BetterChatGPT + Cloudflare pages + Cloudflare accessを使うことにしました。</p>
<h3 id="betterchatgpt">
<a class="header-anchor-link" href="#betterchatgpt" aria-hidden="true"></a> BetterChatGPT</h3>
<p>BetterChatGPTを選んだ理由は以下の通りです。</p>
<ul>
<li>ChatGPTライクのGUIがある</li>
<li>systemプロンプトも扱える</li>
<li>環境変数にAPIキーの埋め込みが可能</li>
<li>フォークしてそのままCloudflare pagesにデプロイできる</li>
<li>DB不要で簡単</li>
</ul>
<h3 id="cloudflare-pages">
<a class="header-anchor-link" href="#cloudflare-pages" aria-hidden="true"></a> Cloudflare pages</h3>
<p>Cloudflare pagesを選んだ理由は以下の通りです。</p>
<ul>
<li>ホスティングが簡単</li>
<li>スケーラビリティが高い</li>
<li>Cloudflare accessを使うことで、社内以外のメンバーがアクセスできないようにできる</li>
</ul>
<h3 id="cloudflare-access">
<a class="header-anchor-link" href="#cloudflare-access" aria-hidden="true"></a> Cloudflare access</h3>
<p>Cloudflare accessを選んだ理由は以下の通りです。</p>
<ul>
<li>Cloudflare pagesと相性がいい</li>
<li>50名まで無料で使える</li>
<li>メンバーのメールアドレスでログインできる</li>
</ul>
<h2 id="%E5%B0%8E%E5%85%A5">
<a class="header-anchor-link" href="#%E5%B0%8E%E5%85%A5" aria-hidden="true"></a> 導入</h2>
<h3 id="1.cloudflare-pages%E3%81%AE%E8%A8%AD%E5%AE%9A">
<a class="header-anchor-link" href="#1.cloudflare-pages%E3%81%AE%E8%A8%AD%E5%AE%9A" aria-hidden="true"></a> 1.Cloudflare pagesの設定</h3>
<p>BetterChatGPTをフォークして、privateリポジトリとして社内のみに公開しました。カスタマイズしないのでpublicリポジトリにしても問題ありません。<br>
次に、フォークしたリポジトリをCloudflare pagesに設定します。</p>
<p>ビルドコマンドに <code>yarn build</code>、デプロイディレクトリに <code>dist</code> を指定し、<code>VITE_OPENAI_API_KEY</code>にAPIキーを設定します。</p>
<p><code>カスタム ドメイン</code> に設定したいドメイン名を入力します。</p>
<h3 id="2.cloudflare-access%E3%81%AE%E8%A8%AD%E5%AE%9A">
<a class="header-anchor-link" href="#2.cloudflare-access%E3%81%AE%E8%A8%AD%E5%AE%9A" aria-hidden="true"></a> 2.Cloudflare accessの設定</h3>
<p>Cloudflare accessを設定します。<br>
細かい設定は省略しますが、<br>
typeは<code>SELF-HOSTED</code> に設定し、<code>Application URL</code> はCloudflare pagesで設定したカスタムドメイン、policyは<code>Emails ending in</code> に 自社のメールで使っているドメインを設定します。</p>
<h3 id="3.cloudflare-bulk-redirect%E3%81%AE%E8%A8%AD%E5%AE%9A">
<a class="header-anchor-link" href="#3.cloudflare-bulk-redirect%E3%81%AE%E8%A8%AD%E5%AE%9A" aria-hidden="true"></a> 3.Cloudflare bulk redirectの設定</h3>
<p>ドメイン経由のアクセスは制限されていますが、pagesが作成する <code>pages.dev</code> ではアクセス制限されないので、bulk redirectを設定します。<br>
<code>一括リダイレクト リスト</code> のソース URLに、<code>pages.dev</code> ドメインのURLを設定し、<code>宛先 URL</code> に、Cloudflare pagesで設定したカスタムドメインを設定します。<br>
その後、<code>一括リダイレクトルールの作成</code> からルールを作成し、リストに先ほど作成したものを選択してください。<br>
有効にすれば、<code>pages.dev</code> ドメインからアクセスした場合、Cloudflare pagesで設定したカスタムドメインにリダイレクトされます。</p>
<h2 id="%E3%81%BE%E3%81%A8%E3%82%81">
<a class="header-anchor-link" href="#%E3%81%BE%E3%81%A8%E3%82%81" aria-hidden="true"></a> まとめ</h2>
<p>BetterChatGPT + Cloudflareで簡単に社内用のChatGPTを用意することができました。<br>
ホスティングの手間もなく、またセキュアな環境が簡単に作れたかと思います。<br>
まだまだ社内で使われているとは言い難い状況なので、今後は社内での普及を進めていきたいと思います。</p>
<p>コールドクターでは、LLMを使って業務改善をしてみたいエンジニアを募集中です。</p>


社内用のChatGPTを用意した話

cloudflare

chatgpt

Discussion