Leaflet - ドキュメント作成と共有のためのWebアプリ

 (leaflet.pub)
30 ポイント 投稿者 xguru 2025-03-10 | 2件のコメント | WhatsAppで共有
  • 高速で軽量ながら、リッチブロックとマルチページをサポートするドキュメント作成Webアプリ
  • NotionとGoogle Docsの間のバランスを目指して開発
  • アカウントなしでもすぐにドキュメントを作成・編集可能
  • 手軽に共有でき、閲覧用・編集用リンクを提供
  • メールログインでデバイス間のドキュメント同期が可能
  • リッチブロック対応: キャンバス、サブページ、RSVP、投票などを追加可能
  • すっきりしたデザイン: 出版向けWebページのように見やすく構成
  • ユースケース: 単発のコラボレーション、イベント運営、素早いメモ作成など
  • サンプルドキュメント
  • 技術的特徴
    • TypeScript + React & Next.js + Supabase + Replicache + TailwindCSS
    • Replicacheを活用したリアルタイム同期とクライアント状態管理
    • Datomicスタイルのデータモデル（エンティティベースのグラフ構造）
    • ProseMirrorを活用（すべてのテキストブロックを個別のProseMirrorインスタンスとして管理し、柔軟性を確保）
    • オープンソースプロジェクト（leaflet の GitHub Repo）
  • 今後の開発計画
    • ドキュメント管理機能の改善（検索、タグ付け、コレクションなどを追加）
    • ATProtoおよびBluesky統合（ドキュメント出版用AppViewとリッチテキスト文書標準の開発）
    • さらに多くのブロックを追加（テーブル、コードブロックなど）
  • 強み
    • 優れたリスト処理方式
    • カスタムテーマ対応
    • iOS Safariで最適化されたキーボード入力処理
    • 横スクロール方式のマルチページインターフェース
    • PWA対応（アプリのようにインストール可能）

関連記事

2件のコメント

 
keepworking 2025-03-10

すごく素敵ですね
 
xguru 2025-03-10

上で私が書いた内容を文書にして閲覧リンクにしたものが https://leaflet.pub/955dc6a0-bc24-4c56-8713-6fa3f824dd4c です。
閲覧用／編集用の2つのリンクが作成されますが、上で共有したのは閲覧専用リンクです。
珍しいことに、og:image を現在の文書内容に合わせて継続的に新しく生成してくれます。