
はじめに
パソコンやスマートフォンのトラブルに関する質問を、整理して対応したいけど、複雑なシステムは導入したくない…そんなお悩みはありませんか?
Sputa は、Google Forms で質問を受け付けて、Google Sheets で進捗管理しながら、Web ページでリアルタイム表示するシンプルな質問対応・タスク管理システムです。複雑なバックエンド構築は不要。Google のサービスと PHP が動くサーバーがあれば、すぐに始められます。
具体的には、このサイトで質問箱を設置したいが、進捗や結果が見えると質問した人へ回答できるなと思ったためです。
さくらのレンタルサーバスタンダードプランで導入ができています。
サンプルサイトとして以下、質問箱をご覧ください。CSSなどもっと素敵にデザインすると良いと思います。
質問箱
Googleフォームの内容やスプレッドシートの項目名の変更をAIエージェントなどへ相談すればカスタマイズも自由にできると思います。
Googleフォーム以外でもSlackワークフローからスプレッドシートへ入力するなどでも良いと思います。

ad
Sputa とは?目的と機能
Sputa は、以下の流れで質問対応を効率化するシステムです:
質問者の流れ:
管理者(回答者)の流れ:

主な機能
導入難易度は?必要な環境
Sputa の導入は中程度です。以下の環境があれば可能です:
必要なもの
私は、さくらのレンタルサーバ スタンダードプランで構築しています。
技術レベル
難しい部分はほぼありません。 設定ファイルをコピーして、自分の情報を入れるだけで動きます。
ユーザーと管理者の使い方
ユーザーの使い方(質問者)
管理者の使い方(回答者)
G列: ステータスを「未着手」→「対応中」→「完了」に更新
H列: 進捗%を入力(0-100)
I列: 関連記事 URL を入力(任意)
J列: コメントを入力(調査結果など)操作は Google Sheets のみ。 複雑なバックエンド操作は不要です。
インストール方法 概要
詳細はgithubの README.mdなど、ドキュメントがありますのでそちらを確認ください。
GitHub: https://github.com/AtsushiCafeK/sputa
詳細ドキュメント群
1. リポジトリをクローン
git clone https://github.com/AtsushiCafeK/sputa.git
cd sputa2. Google Cloud セットアップ
README.md に従って、以下を実施:
3. Google Forms & Sheets 作成
Google Forms で質問フォーム作成 → 自動的に Google Sheets に連携
4. Google Apps Script 設定
Google Sheets 上で「拡張機能 → Apps Script」を開き、config.gs と main.gs をコピー

5. フロントエンド設定・ビルド
重要: API URL を自分のサーバーに変更
src/main.ts を編集:
const API_BASE_URL = 'https://your-domain.com/app/api' // 自分のサーバーURLに変更ビルド:
npm install
npm run build6. サーバーにアップロード
以下をサーバーにアップロード:
.env ファイルと サービスアカウント JSON キーを設定
7. 完成
Web ページにアクセス:https://your-domain.com/app/public/index.html
詳細は GitHub リポジトリ の README.md を参照してください。
こんな場合に活躍
まとめ
Sputa は、シンプルながら実用的な質問対応・タスク管理システムです。
Sputa の特徴:
こんな方におすすめ:
Sputa で、質問対応業務をスマートに!
GitHub: https://github.com/AtsushiCafeK/sputa
ライセンス: MIT
開発: IT-Libero
ad






