Notionライクなエディターを素早く統合し、プロジェクト内で多人数での共同作業を可能にするには？

2025-08-19

225

Notionライクなエディタを素早く統合し、コラボレーションを可能にする

そのためには、以下のステップを踏む必要がある：

Tiptapアカウントにサインアップし、Startプログラムに登録すると、テンプレートコード用のプライベートGitHubリポジトリをアップロードできます。
npmを使用して依存パッケージをインストールした後、.envファイルでコラボレーショントークンを設定します：TIPTAP_COLLAB_TOKEN=your_token
エディタの初期化時にコラボレーションルームIDを指定する必要があります：<NotionEditor room="document-001" />
プロジェクトを実行すると、同じroom_IDでドキュメントにアクセスしている複数の人が、お互いのカーソルや編集内容をリアルタイムで見ることができます。

主なポイント：編集の競合を処理するには、TiptapクラウドサービスまたはセルフホスティングのHocuspocusサーバーを使用する必要があります。