チュートリアル: Yjs, valtio, React で実現する共同編集アプリケーション - ROUTE06 Tech Blog

Yjsは、リアルタイム共同編集を実現するためのアルゴリズムとデータ構造を提供するフレームワークです。Notion や Figma のように、1 つのコンテンツを複数人で同時に更新する体験を提供することができます。 Y.Map, Y.Array, Y.Text といった共有データ型を提供し、それらは JavaScript の Map や Array のように利用できます。さらにそのデータに対する変更は他のクライアントに自動的に配布・同期されます。 Yjs は Conflict-free Replicated Data Types (CRDT) と呼ばれるアルゴリズムの実装であり、複数人が同時にデータを操作してもコンフリクトが発生せず、最終的に全てのクライアントが同じ状態に到達するように設計されています。 クイックスタート Y.Map がクライアント間で自動的に同期されるコード例を見てみましょ

[MH4GF]

書きました！

[kompiro]

yjsと聞いてyahooのUIライブラリ思い出した。今どきはこんなのも便利に作れていいですね

[yarumato]

“Yjsは、リアルタイム共同編集のアルゴリズムとデータ構造を提供するフレームワークです。1つのコンテンツを複数人で同時に更新する体験を提供。今回はReact を利用したアプリ構築チュートリアルを紹介”

[ledsun]

“Yjs は Conflict-free Replicated Data Types (CRDT) と呼ばれるアルゴリズムの実装であり、複数人が同時にデータを操作してもコンフリクトが発生せず”

[mohri]

「リアルタイム共同編集を実現するためのアルゴリズムとデータ構造を提供するフレームワーク」というものがあるのすごい

[naari_3]

めちゃくちゃ便利そう

[h_taiji]

利用

[auient]

「Yjsは、リアルタイム共同編集のアルゴリズムとデータ構造を提供するフレームワーク」そんな便利なライブラリあるの

[YOLO-koki]

共同編集アプリ

[tofu-kun]

便利そう

[hirose504]

“Yjs は Conflict-free Replicated Data Types (CRDT) と呼ばれるアルゴリズムの実装であり、複数人が同時にデータを操作してもコンフリクトが発生せず、最終的に全てのクライアントが同じ状態に到達するように設計されています。”

[roshi]

（当たり前だけど）データ構造まで同期を取らないと共同編集アプリケーションは作れないって事でもあるのか。。

[kvx]

楽しそう