フロントエンドカンファレンス北海道2024
採択
2024/08/24 17:50〜
カケハシ（8F）
LT(5分)
初登壇
Next.js+yjs+BlockNoteでNotionライクな最高の共同編集エディタを作ろう
いまいまい
imaimai17468
テキストエディタ（WYSIWYG）をあなたのアプリに導入したいときに、技術選定で困ったことはありませんか？
私は散々探索した結果「BlockNote」というリッチテキストエディタのライブラリに辿り着きました！これは従来の古めかしい見た目ではなく、まさにNotionのようなシンプルな見た目でわかりやすい操作性を持ったリッチテキストエディタです。
これはさらに、リアルタイム同期が可能なyjsというライブラリを組み合わせることで、共同編集エディタにすることができます。
yjsはCRDTを利用し、競合が起こらないデータ同期を実現するフレームワークです。
あなたもこの2つのライブラリを使って、おしゃれで機能性のある共同編集エディタを作りませんか？