共同編集を支える技術とライブラリの活用 - ICS MEDIA

『Google Docs』や『Figma』といったリアルタイムな共同編集ツールの恩恵を受けている人は数多くいるでしょう。『Visual Studio Live Share』のようなエンジニアに嬉しいツールも生まれ、今日ではオンライン上でも円滑なコミュニケーションが可能になっています。 これらのツールの基礎にあるのが「共同編集」のテクノロジーです。本記事ではこの技術に焦点を当て、その仕組みと主にフロントエンドでの実用例について紹介します。 記事の前半では、リアルタイムな共同編集に用いられる技術やアルゴリズムについて、発展の歴史とあわせて紹介します。解説用のコードにはJavaScriptおよびTypeScriptを使用しますが、フロントエンドエンジニアに限らず共同編集の仕組みについて気になる読者が知識を深めるきっかけとなるはずです。 さらに後半ではフロントエンドの開発者目線で、前半で紹介した技

[efcl]

CRDTの仕組み

[tkmkg8m]

同時編集のコンフリクトを解消するアルゴリズムおもしろい。ぼんやり考えたことはあるけど、人間ならいい感じにマージできるコンフリクトをどう解消（あるいは妥協）するかを具体的に考えぬままだった。

[iwtn]

面白い。コンピュータとネットの性能向上もあるんだろうけど、アルゴリズムも大事。CRDTはデザインパターンの Command Pattern とバージョン管理をあわせた感じかな。

[yasu-osu]

今や当たり前のようになった機能の深い裏側を見るほどに、天才たちの偉業を不自由なく広く使えるこの時代と先人達にに感謝。

[skypenguins]

共同編集は並行プログラミングのような本質的な難しさがあるな

[h_taiji]

保存

[mano-junki]

知らなかった

[kagehiens]

うっはー、思った通り厄介なロジックだ……。こんな面倒なのをライブラリ化してくれた人々がいるということにひたすら感謝だわ。

[akymrk]

"Operational Transformation、操作変換"アルゴリズム“Share.jsを作るのに2年かかったが、もう一度作り直すとしても同じくらいの時間がかかるだろう」と”"OTの後発として、CRDT（Conflict-free Replicated Data Type）という手法が開発"

[yarumato]

“リアルタイムな共同編集ツールに用いられる技術やアルゴリズムについて、発展の歴史とあわせて紹介。後半ではJavaScriptライブラリを使い共同編集エディターのデモを作成。操作変換アルゴリズム。CRDT手法”

[kei2100]

ot crdt 共同編集