Free Functional
App Templates

無料 機能別アプリテンプレート

無料テンプレートトップ

Free

ChatGPT Talk

  • PC

  • Tablet

  • Mobile

インストール方法 ソースはこちら

AI技術の進化は、WEBサービス設計の潮流を大きく変えています。Hexabaseが提供する『ChatGPT Talk』は、この変革に対応した無料テンプレートアプリです。
このアプリではChat-GPTを忠実に再現するために、Chat-GPTのAPIを用い、ChatGPTのインターフェイスをそのまま実装しています。
このようにHexabaseとChat-GPTなどのAPIを組み合わせることで、AIを取り入れたサービスをより簡単かつスピーディーにリリースすることができます。

ChatGPTのインターフェイスをそのまま実装

NewChatボタンを押すと、新たなチャットルームが作成され、最初にテキスト入力欄にconversation nameを入力し、チャットの名前を指定できます。
そしてメッセージを送信すると、Chat-GPTから回答が送られてきます。
左側のチャット名のタブをクリックすると、そのチャットの履歴を閲覧可能することができます。

また、実際にテンプレートをダウンロードし、使用される際には個人でChat-GPTのAPIトークンを取得する必要がありますのでご了承ください。

このアプリでは上記の機能を実装する上で以下のHexabaseAPIを使用しています。
Hexabase(BaaS)を利用せずに開発しようとすると、API自体を実装する必要がありますが、APIの実装とサーバー準備等をする工数を、Hexabase(BaaS)を利用することで削減可能です。

利用しているAPI

採用している技術スタック

フロントエンド（言語、ライブラリなど）
TypeScript / Next.js / antd / react-icons / react-i18next / TailwindCss
デプロイツール
Vercel
バックエンド

Hexabase

Hexabaseが採用している技術スタックは以下です

コンテナ化・オーケストレーション
Docker / Kubernetes
インフラ
ArgoCD / Terraform / OpenTofu / TerraGrunt
CI/CD
CircleCI / Spinnaker / ArgoCDv / Kiali
モニタリング
Prometheus / Grafana / Datadog / Sonarqube
WAF・ロードバランサー
Cloudflare
利用可能クラウドサービス
AWS / Azure / GCP / OCI
無料テンプレートトップ

Hexabase・
テンプレートの導入を
ご検討の方へ

Hexabase+無料テンプレートで更にサービスインを高速化！

Hexabase・無料テンプレートの 導入を検討している方

お客様の状況に応じて
導入メリットと手法をご提案！

お問い合わせ

WEBサービス・モバイルアプリなど 新規事業でお困りの方

サービス設計から運用まで
トータルサポート！

3分でわかる「まるわかりガイド」 資料ダウンロード