本文へ移動

WebSpace応用編

概念を読むよりも、実際に1つ作ってみるほうが、WebSpaceをはるかに早く理解できます。応用編では、スキーマファイルをダウンロードしてデプロイし、Web画面と接続して、実際のユーザーが使うサービスとして完成させる過程を扱います。


例1. 自分だけの業務システムを作る

AIに要件を説明するだけで、データベースの設計から実際の画面まで作成されます。自分だけの業務システムを作るでは、在庫管理システムを例に、プロンプトを入力したときに実際に何が作られるのかをそのまま紹介します。

在庫管理システムの部品状況画面。実際に登録された部品コード、在庫数量、安全在庫が表に入力されている

例2. リアルタイム五目並べゲーム

リアルタイム五目並べゲームを作るでは、完成済みのファイルを先に実行し、ゲームの中で次の機能がどのように動くのかを1つずつ確認します。

  • 2人のユーザーのWebSocket接続とルームへの参加
  • サーバーが判定する手番、着手、制限時間
  • 対局記録の保存と、勝ち・負け・引き分けのスコア計算
  • REST APIで取得する最近の記録とランキング
  • 同じ文書を見ながら会話するコラボレーション機能

SetFN WebSpaceのリアルタイム五目並べの対局画面

ルームコードが作成され、相手の石が自分の画面に置かれ、勝利と順位が記録される過程をすぐに確認できます。五目並べから始めますが、同じ構造をクイズ、共同栽培、ターン制ゲーム、現場の進行ボードに作り変えることができます。

例3. フォルダのファイルを使った資料掲示板

フォルダのファイルで資料掲示板を作るでは、books/guideフォルダのMarkdown文書と画像をJSONの一覧として取得し、選択したファイルの内容を表示します。

例4. 共同モンスターレイド

共同モンスターレイドを作るでは、shared-resourceプロセッサーで、複数のメンバーの攻撃を1体のモンスターの体力に反映します。サーバーが体力、行動履歴、個人報酬をあわせて処理し、確定した結果をWebSocketで送信します。

例5. AI相談チャット

AI相談チャットのサンプルをデプロイするでは、管理者がすでに登録しているモデルとAgentパイプラインを使用して、chat.htmlの相談サンプルをデプロイします。

始める前に

  • スキーマとAPIをデプロイする権限が必要です。
  • 実際の対局テストには、異なるメンバーアカウントが2つ必要です。
  • 最初は、別途DBサーバーを必要としないSQLite3を推奨します。

先にスキーマファイル(.sfn)を作成するを読んでおくと、例の構造をより簡単に変更できます。