コラボレーティブスプレッドシート
AIエージェントで構築
コラボレーティブスプレッドシートバックエンド

コラボレーティブオンラインスプレッドシートアプリテンプレート
リアルタイムコラボレーションと数式履歴

リアルタイム機能と数式評価履歴を備えたコラボレーティブオンラインスプレッドシートバックエンドを Back4app で提供。ERダイアグラム、データ辞書、JSONスキーマ、APIプレイグラウンド、そして迅速なブートストラップのためのAIエージェントプロンプトを含む。

AIエージェントで構築技術を選択してください

主なポイント

このテンプレートは、リアルタイムの更新と数式評価履歴を備えた共同スプレッドシートのバックエンドを提供し、チームがユーザーのコラボレーションの向上に集中できるようにします。

  1. リアルタイムのセル更新 — セルの編集とコンテンツの変更に関する瞬時の更新にWebSocketアーキテクチャを使用します。
  2. 数式評価履歴 — 数式の変更を追跡し、透明性のために過去の評価を表示します。
  3. 共同機能 — 複数のユーザーが同時にセルを編集し、リアルタイムの変更を表示できるようにします。
  4. アクセス制御機能 — 機密のスプレッドシートデータを保護するために、ユーザー権限を慎重に管理してください。
  5. クロスプラットフォームな共同作業用スプレッドシートバックエンド — 統一されたRESTおよびGraphQL APIを通じて、ウェブおよびモバイルクライアントにスプレッドシートデータを提供します。

共同オンラインスプレッドシートアプリテンプレートとは何ですか？

Back4appは、迅速な製品配信のためのバックエンドサービス(BaaS)です。共同オンラインスプレッドシートアプリテンプレートは、共同作業のためのユーザー、セル、数式の評価、更新に対してプレビルドスキーマを提供します。好みのフロントエンド(React, Flutter, Next.jsなど)を接続して、より迅速に出荷してください。

最適な用途：

共同オンラインスプレッドシートアプリケーションリアルタイムデータ編集プラットフォーム数式を使用したプロジェクト管理ツールコラボレーティブビジネスツールMVPのローンチチームはコラボレーティブ機能のためにBaaSを選択しています

概要

コラボレーティブなオンラインスプレッドシート製品は、リアルタイムデータ更新、数式履歴、および複数ユーザーのサポートが必要です。

このテンプレートは、ユーザー、セル、数式、および更新を安全なリアルタイム共有機能で定義し、チームが迅速にコラボレーションを実現できるようにしています。

コア共同作業用スプレッドシート機能

このハブ内のすべてのテクノロジーカードは、ユーザー、セル、数式、および更新を含む同じ共同スプレッドシートバックエンドスキーマを使用しています。

ユーザー管理

ユーザークラスは、ユーザー名、メールアドレス、パスワード、および役割を保存します。

リアルタイムのセル管理

セルクラスは、コンテンツ、数式、および評価履歴を関連付けます。

数式管理

数式クラスはセルの数式を処理し、追跡します。

変更の追跡

更新クラスは、タイムスタンプ付きでセルの変更をキャプチャします。

なぜBack4appで共同作業用オンラインスプレッドシートアプリのバックエンドを構築するのか？

Back4appは、チームがインフラではなく共同作業に集中できるよう、バックエンドの基本機能を提供します。

  • •リアルタイムのセルと数式の管理: スプレッドシートの操作を効果的に追跡するための数式履歴付きセルクラス。
  • •安全な共有と可視性機能: ユーザーの権限を管理し、共同作業環境での可視性を確保します。
  • •リアルタイム + APIの柔軟性: すべてのクライアントにRESTとGraphQLを利用しつつ、Live Queriesとサブスクリプションを活用します。

すべてのプラットフォームで1つのバックエンド契約を通じて、共同機能を迅速に構築および反復します。

主な利点

リアルタイム機能を犠牲にすることなく迅速な開発を可能にする共同スプレッドシートバックエンド。

迅速な共同アプリの立ち上げ

バックエンドをゼロから設計するのではなく、完全なユーザー、セル、および数式のスキーマから開始します。

リアルタイム更新

リアルタイムのコラボレーションと数式評価を活用して、ユーザーエクスペリエンスを向上させます。

柔軟なアクセス制御

堅牢な権限を使用して、セルと数式へのユーザーアクセスを管理します。

スケーラブルな更新モデル

Live Queriesを利用して、ユーザーに関連する変更のみが通信されるようにします。

スプレッドシートデータ管理

スキーマリセットなしでの相互作用のためにセルデータと評価を保存して整理します。

AIブートストラップワークフロー

構造化されたプロンプトを使用して、バックエンドのスキャフォールディングと統合ガイダンスを迅速に生成します。

協力的なオンラインスプレッドシートアプリを開始する準備はできていますか？

Back4app AIエージェントに、あなたの協力スプレッドシートバックエンドをスキャフォールディングさせ、1つのプロンプトからリアルタイム機能を生成させましょう。

AIエージェントで構築APIプレイグラウンドを試す

無料で開始 — 月に50件のAIエージェントプロンプト、クレジットカード不要

技術スタック

この共同スプレッドシートバックエンドテンプレートに含まれているすべてのもの。

フロントエンド
13以上の技術
バックエンド
Back4app
データベース
MongoDB
認証
組み込みの認証 + セッション
API
REST と GraphQL
リアルタイム
Live Queries

ER 図

コラボレーティブオンラインスプレッドシートバックエンドスキーマのためのエンティティリレーションシップモデル。

図のソースを表示
Mermaid
erDiagram
    User ||--o{ Spreadsheet : "owner"
    User ||--o{ AccessLog : "user"
    Spreadsheet ||--o{ Cell : "contains"
    Cell ||--o{ FormulaHistory : "applies to"

    User {
        String objectId PK
        String username
        String email
        String password
        String role
        Date createdAt
        Date updatedAt
    }

    Spreadsheet {
        String objectId PK
        String title
        Pointer owner FK
        Date createdAt
        Date updatedAt
    }

    Cell {
        String objectId PK
        Pointer spreadsheet FK
        Number row
        Number column
        String value
        Date createdAt
        Date updatedAt
    }

    FormulaHistory {
        String objectId PK
        Pointer cell FK
        String formula
        Date evaluatedAt
        Date createdAt
        Date updatedAt
    }

    AccessLog {
        String objectId PK
        Pointer user FK
        Pointer spreadsheet FK
        Date accessTime
        Date createdAt
        Date updatedAt
    }

統合フロー

ユーザー認証、セルの更新、数式の評価、および共同作業のための典型的な実行フロー。

図のソースを表示
Mermaid
sequenceDiagram
  participant User
  participant App as Collaborative Online Spreadsheet App
  participant Back4app as Back4app Cloud

  User->>App: Login
  App->>Back4app: POST /login
  Back4app-->>App: Session token

  User->>App: Create new spreadsheet
  App->>Back4app: POST /classes/Spreadsheet
  Back4app-->>App: Spreadsheet details

  User->>App: Update cell value
  App->>Back4app: PUT /classes/Cell
  Back4app-->>App: Updated cell details

  User->>App: View formula history
  App->>Back4app: GET /classes/FormulaHistory
  Back4app-->>App: Formula evaluation history

データ辞書

共同スプレッドシートスキーマ内の各クラスの完全なフィールドレベルリファレンス。

フィールドタイプ説明必須
objectIdStringAuto-generated unique identifier自動
usernameStringUser login name
emailStringUser email address
passwordStringHashed password (write-only)
roleStringRole of the user (e.g., admin, collaborator)
createdAtDateAuto-generated creation timestamp自動
updatedAtDateAuto-generated last-update timestamp自動

7 フィールドが User にあります

セキュリティと権限

ACL と CLP 戦略がユーザー、セル、数式、および更新をどのように保護するか。

ユーザー所有のプロフィールコントロール

ユーザーのみが自分のプロフィールを更新または削除でき、他のユーザーはコンテンツを変更できません。

セルデータの整合性

オーナーのみがセルを作成または削除できます。検証には Cloud Code を使用してください。

スコープ付き読み取りアクセス

関連ユーザーにセルの読み取りを制限する（例：ユーザーは自分のセルの更新を表示）。

スキーマ (JSON)

コピーして Back4app に貼り付けるか、実装リファレンスとして使用するための生の JSON スキーマ定義。

JSON
{
  "classes": [
    {
      "className": "User",
      "fields": {
        "objectId": {
          "type": "String",
          "required": false
        },
        "username": {
          "type": "String",
          "required": true
        },
        "email": {
          "type": "String",
          "required": true
        },
        "password": {
          "type": "String",
          "required": true
        },
        "role": {
          "type": "String",
          "required": true
        },
        "createdAt": {
          "type": "Date",
          "required": false
        },
        "updatedAt": {
          "type": "Date",
          "required": false
        }
      }
    },
    {
      "className": "Spreadsheet",
      "fields": {
        "objectId": {
          "type": "String",
          "required": false
        },
        "title": {
          "type": "String",
          "required": true
        },
        "owner": {
          "type": "Pointer",
          "required": true,
          "targetClass": "User"
        },
        "createdAt": {
          "type": "Date",
          "required": false
        },
        "updatedAt": {
          "type": "Date",
          "required": false
        }
      }
    },
    {
      "className": "Cell",
      "fields": {
        "objectId": {
          "type": "String",
          "required": false
        },
        "spreadsheet": {
          "type": "Pointer",
          "required": true,
          "targetClass": "Spreadsheet"
        },
        "row": {
          "type": "Number",
          "required": true
        },
        "column": {
          "type": "Number",
          "required": true
        },
        "value": {
          "type": "String",
          "required": true
        },
        "createdAt": {
          "type": "Date",
          "required": false
        },
        "updatedAt": {
          "type": "Date",
          "required": false
        }
      }
    },
    {
      "className": "FormulaHistory",
      "fields": {
        "objectId": {
          "type": "String",
          "required": false
        },
        "cell": {
          "type": "Pointer",
          "required": true,
          "targetClass": "Cell"
        },
        "formula": {
          "type": "String",
          "required": true
        },
        "evaluatedAt": {
          "type": "Date",
          "required": true
        },
        "createdAt": {
          "type": "Date",
          "required": false
        },
        "updatedAt": {
          "type": "Date",
          "required": false
        }
      }
    },
    {
      "className": "AccessLog",
      "fields": {
        "objectId": {
          "type": "String",
          "required": false
        },
        "user": {
          "type": "Pointer",
          "required": true,
          "targetClass": "User"
        },
        "spreadsheet": {
          "type": "Pointer",
          "required": true,
          "targetClass": "Spreadsheet"
        },
        "accessTime": {
          "type": "Date",
          "required": true
        },
        "createdAt": {
          "type": "Date",
          "required": false
        },
        "updatedAt": {
          "type": "Date",
          "required": false
        }
      }
    }
  ]
}

AI エージェントで構築

このテンプレートからフロントエンド、バックエンド、認証、セル、数式、および更新フローを含む本当に協力的なスプレッドシートアプリを生成するために Back4app AI エージェントを使用します。

Back4app AI エージェント
構築の準備が整いました
Back4app上で、この正確なスキーマと動作を持つ共同オンラインスプレッドシートアプリのバックエンドを作成します。

スキーマ:
1. ユーザー (Back4appビルトインを使用): ユーザー名、メール、パスワード; objectId、createdAt、updatedAt (システム)。
2. セル: 内容 (文字列、必須)、数式 (文字列)、評価履歴 (文字列の配列); objectId、createdAt、updatedAt (システム)。
3. 数式: 式 (文字列、必須)、結果 (文字列、必須); objectId、createdAt、updatedAt (システム)。
4. 更新: セル (セルへのポインタ、必須)、タイムスタンプ (日付、必須); objectId、createdAt、updatedAt (システム)。

セキュリティ:
- ユーザーのみが自分のプロフィールを更新/削除できます。所有者のみが自分のセルと数式を作成/削除できます。検証にはクラウドコードを使用してください。

認証:
- サインアップ、ログイン、ログアウト。

動作:
- ユーザーをリストし、セルを作成/更新し、数式を評価し、リアルタイムでの共同作業を管理します。

デリバリー:
- スキーマ、ACL、CLPを持つBack4appアプリ; ユーザーのプロフィール、セル、数式、更新のためのフロントエンド。

下のボタンを押して、このテンプレートプロンプトが事前に入力された状態でエージェントを開きます。

これは技術サフィックスのない基本プロンプトです。生成されたフロントエンドスタックを後から適応できます。

数分でデプロイする月に50の無料プロンプトクレジットカードは不要

APIプレイグラウンド

GraphQLエンドポイントと共同スプレッドシートスキーマに対してRESTを試してみてください。レスポンスはモックデータを使用し、Back4appアカウントは不要です。

プレイグラウンドを読み込み中…

このテンプレートと同じスキーマを使用します。

技術を選択してください

各カードを展開して統合手順、状態パターン、データモデルの例、オフラインノートを確認してください。

Flutter コラボレーティブ スプレッドシート バックエンド

React コラボレーティブ スプレッドシート バックエンド

React ネイティブ コラボレーティブ スプレッドシート バックエンド

Next.js コラボレーティブ スプレッドシート バックエンド

JavaScript コラボレーティブ スプレッドシート バックエンド

Android コラボレーティブ スプレッドシート バックエンド

iOS コラボレーティブ スプレッドシート バックエンド

Vue コラボレーティブ スプレッドシート バックエンド

Angular コラボレーティブ スプレッドシート バックエンド

GraphQL コラボレーティブ スプレッドシート バックエンド

REST API コラボレーティブ スプレッドシート バックエンド

PHP コラボレーティブ スプレッドシート バックエンド

.NET コラボレーティブ スプレッドシート バックエンド

各テクノロジーで得られるもの

すべてのスタックは同じ共同スプレッドシートバックエンドスキーマとAPI契約を使用しています。

共同作業用スプレッドシートのためのリアルタイムコラボレーション

複数のユーザーが共同作業用スプレッドシートで変更を即座に編集および表示できるようにします。

共同作業用スプレッドシートのための安全なデータ共有

共同作業用スプレッドシートで制御されたアクセス権限を持つスプレッドシートを安全に共有します。

共同作業用スプレッドシートのためのカスタム関数サポート

ニーズに合わせたカスタム数式を実装して評価する共同作業用スプレッドシート。

共同作業用スプレッドシートの統一データ構造

共同作業用スプレッドシートのすべてのユーザーとセッションで一貫したデータモデルを維持する。

共同作業用スプレッドシート向けのREST/GraphQL API

強力なAPIを通じて共同作業用スプレッドシートデータに簡単にアクセスして操作する。

共同作業用スプレッドシートの拡張性

共同作業用スプレッドシートに追加の機能や特徴を簡単に統合する。

コラボレーティブスプレッドシートフレームワークの比較

すべてのサポートされている技術にわたるセットアップ速度、SDKスタイル、AIサポートを比較します。

フレームワークセットアップ時間共同スプレッドシートの利点SDKタイプAIサポート
Flutter
~3–7分モバイルとウェブ上での共同スプレッドシートのためのシングルコードベース。Typed SDKフル
React
迅速な（5分）セットアップ共同スプレッドシート用の高速ウェブダッシュボード。Typed SDKフル
React ネイティブ
約5分共同スプレッドシート用のクロスプラットフォームモバイルアプリ。Typed SDKフル
Next.js
約5分共同作業用スプレッドシートのためのサーバーレンダリングウェブアプリ。Typed SDKフル
JavaScript
~3〜5分共同作業用スプレッドシートのための軽量ウェブ統合。Typed SDKフル
Android
~3〜7分共同作業用スプレッドシートのためのネイティブAndroidアプリ。Typed SDKフル
iOS
迅速な（5分）セットアップ共同スプレッドシート用のネイティブiOSアプリ。Typed SDKフル
Vue
約5分共同スプレッドシート用のReact的Web UI。Typed SDKフル
Angular
約5分コラボレーティブスプレッドシート用のエンタープライズWebアプリ。Typed SDKフル
GraphQL
2分未満コラボレーティブスプレッドシート用の柔軟なGraphQL API。GraphQL APIフル
REST API
クイック（2分）セットアップコラボレーティブスプレッドシート用のREST API統合。REST APIフル
PHP
約3分共同作業用スプレッドシートのためのサーバーサイドPHPバックエンド。REST APIフル
.NET
約5分共同作業用スプレッドシートのための.NETバックエンド。Typed SDKフル

セットアップ時間は、このテンプレートスキーマを使用してプロジェクトのブートストラップから最初のセルまたは数式クエリまでの予想される期間を反映しています。

よくある質問

このテンプレートを使用して共同オンラインスプレッドシートのバックエンドを構築する際の一般的な質問。

コラボレーティブスプレッドシートバックエンドとは何ですか？
コラボレーティブスプレッドシートテンプレートには何が含まれていますか？
コラボレーティブスプレッドシートアプリにBack4appを使用する理由は？
Flutterでセルと数式のクエリを実行するにはどうすればよいですか？
Next.js Server Actionsでアクセスを管理するにはどうすればよいですか？
Reactネイティブはオフラインでセルと数式をキャッシュできますか？
無許可のセルアクセスを防ぐにはどうすればよいですか？
Androidでセルと数式を表示する最良の方法は何ですか？
コラボレーション更新フローはエンドツーエンドでどのように機能しますか？

世界中の開発者から信頼されています

Back4appテンプレートを使用して共同作業用スプレッドシート製品を迅速に出荷するチームに参加しましょう

G2 Users Love Us Badge

コラボレーションオンラインスプレッドシートアプリを構築する準備はできましたか？

数分でコラボレーティブスプレッドシートプロジェクトを始めましょう。クレジットカードは不要です。

テクノロジーを選ぶ