リアルタイム共同編集のアルゴリズム (Operational Transformation; OT) を理解する試み – RORO
Google Docsのように文書を複数人でリアルタイムに共同編集できるアプリケーションがあります。あのような機能は、多かれ少なかれ、Operational Transformation (OT; 操作変換) という考え方を使って実現されているようです。興味があったので、このOTについて調べてみました。 (追記: これからは OT でなく CRDT だという話 → I was wrong. CRDTs are the future) なおGoogle Docsではいわゆる「リッチテキスト」を共同編集できますが、ここでは話を簡単にするために「プレーンテキスト」を共同編集することを想定します。 リアルタイム共同編集の流れ 共同編集システムの登場人物は次の通りです： サーバ x 1（各クライアントから届く編集操作をもとに、最新の文書を保持します） クライアント x N（文書を編集する側です） そ
『Google Docs』や『Figma』といったリアルタイムな共同編集ツールの恩恵を受けている人は数多くいるでしょう。『Visual Studio Live Share』のようなエンジニアに嬉しいツールも生まれ、今日ではオンライン上でも円滑なコミュニケーションが可能になっています。 これらのツールの基礎にあるのが「共同編集」のテクノロジーです。本記事ではこの技術に焦点を当て、その仕組みと主にフロントエンドでの実用例について紹介します。 記事の前半では、リアルタイムな共同編集に用いられる技術やアルゴリズムについて、発展の歴史とあわせて紹介します。解説用のコードにはJavaScriptおよびTypeScriptを使用しますが、フロントエンドエンジニアに限らず共同編集の仕組みについて気になる読者が知識を深めるきっかけとなるはずです。 さらに後半ではフロントエンドの開発者目線で、前半で紹介した技
共同編集可能で全ブラウザで動くWYSIWYGのリッチテキストエディタを作成できて商用OKなオープンソースの「ProseMirror」を使ってみた
ウェブ上でリッチテキストエディタを構築するためのオープンソースのツールキットが「ProseMirror」です。商用利用可能なライセンスになっており、もともと2015年にクラウドファンディングで約790万円を超える金額を集めて開発が始まったもの。ニューヨークタイムズ・Atlassian・asana・Box・Evernoteなども継続的な開発をサポートしています。共同編集が可能な構造で、プラグイン形式によって独自の拡張を盛り込むこともできる高機能なツールキットになっており、マークダウン形式とWYSIWYMの切替、ツールチップの実装、画像のアップロード、独自メニューの構築、linterによるスキャンでエラー検出してユーザーが修正できるようにする、コンテンツ内に脚注を追加、変更履歴を保持して各ユーザーがここの変更を調べて元に戻せるようにする、などなどウェブアプリ開発で求められる機能が柔軟に追加でき
iOS 16.2の新アプリ「フリーボード」機能と使いかた。iPhone / iPad / Macで100人まで共同編集できるホワイトボード | テクノエッジ TechnoEdge
AppleがiPhone、iPad、Macで利用できるホワイトボードアプリ「フリーボード」の提供を開始しました。 12月14日にリリースされたiOS 16.2、iPadOS 16.2、そしてmacOS Ventura 13.1に含まれており、更新するとホーム画面にアイコンが現れます。無料で利用可能です。 手書き、写真や動画、スタンプからPDF書類まで自由に貼り付けフリーボードは、いわゆるホワイトボードアプリ。キャンバス上の好きな場所に手書きしたり、写真やビデオ、オーディオ、PDF書類、ウェブサイトや地図の位置情報へのリンク、付箋、図形、図表など、さまざまな種類のファイルを配置可能です。 Mac上ではFinderから各ファイルをドラッグ＆ドロップで追加でき、iPhoneやiPadのカメラで撮影した写真やスキャンした文章を直接取り込むこともできます。 iPhone、iPadでは指での手書きも可
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
共同編集を支える技術とライブラリの活用 - ICS MEDIA