eureco開発のこれまでとこれから

eureco開発のこれまでとこれからさくらインターネット研究所田中諒介さくらインターネット研究所テックトーク2026 春

自己紹介田中諒介 HN: ry023 Github: https://github.com/ry023 SpeakerDeck: https://speakerdeck.com/ry023 2024 年1
月　さくらインターネット研究所配属 Web 系企業でのホスティングサービスのインフラサイドの開発・運用の経験現在はeureco の新規開発に従事。フロントエンド、バックエンド、スクラム開発の主導などサービス開発全般

本日のお話 eureco の開発全般についてお話します現在のeureco の仕様デモとアーキテクチャ BlockNote ユーザデータの保存場所の戦略(BYOS) これからのeureco 拡張 (
未確定の仕様を含みます)

現在のeureco オープンベータテスト(OBT) を実施中ブロックエディタテーブル形式データをソースとした集計、チャート表示機能書いたノートをGoogle ドライブ連携して保存

アーキテクチャシンプルなSPA 表データの集計・計算処理にWASM のDuckDB と連携 Public Client OAuth 連携で、ブラウザからGoogle ドライブに直接連携

主要ライブラリ React React-Router (v7) BlockNote エディタ部分のベース duckdb-wasm データ集計処理 Apache ECharts
チャート描画処理に利用

Tiptap Editor(ProseMirror ラッパー) をベースにした、エディタライブラリブロック構造のエディタを提供ツールバーやブロックのカスタム実装が柔軟に可能各ブロックはスキーマで定義された状態を持つ状態を保存・読込してノートの復元が可能

Customize BlockNote CSVブロック/データデーブルブロック CSV アップロードで自動パースデータテーブルでは手動入力可能バックグラウンドでDuckDB に動的インポート

Customize BlockNote 集計ブロック他のブロックを指定し、高度な集計処理内部的にはDuckDB に対するSQL クエリを実行

Customize BlockNote チャートブロックページ内のデータを描画現在、折れ線・散布図・棒グラフの複合グラフに対応 Apache ECharts による描画

Customize BlockNote Customize Upload/Resolve Handler 画像・動画などのメディアのアップロード・表示時のフック Google ドライブ対応アップロード処理ではDrive API
経由でアップロードし、 gdrive:// というスキーマでブロックに保存ファイルのURL 解決時に gdrive:// ならインターセプトし、Drive API 経由でダウンロード OPFS でキャッシュし高速化

ユーザデータのストレージ SPA から連携 OBT 時点ではGoogle ドライブとOAuth 連携。今後、拡張予定

ユーザデータをユーザの元に置く BYOS: Bring Your Own Storage eureco はWeb アプリケーションでありつつ、基本的にはサービスのバックエンドにデータを管理・保存されない
“ 基本的には” と書いた通り、今後は追加される機能の一部ではユーザに認可を得つつアクセスする可能性はある

BYOS戦略のメリット＆デメリットメリット元々使っていたストレージサービスをeureco でも利用できる秘匿性の高い情報を、eureco サービスの運用者からも見えなくする eureco のSPA のソースがあれば基本的には動作する( 万が一サービス終了しても構
造が読める) E2E での暗号化が可能( 現在では未対応) デメリットデータの内容に基づいた作業をサービスバックエンドに任せられない任せる場合、追加の認可が必要ユーザの元にあるデータ構造が古いバージョンになっていく可能性がある

クライアントサイド・マイグレーションユーザストレージにはJSON 構造で保存されている eureco が新しいブロックや機能を追加するたび、データ構造はアップデートされていく可能性があるデータはユーザの元にあるため、「ユーザがeureco で利用するタイミング」で、バージョンチェックとマイグレーションが必要

近い概念: Local-First Architecture Ink&Switch 提唱(2019 年) ローカルのファイルをマスターとしての「一次データ」、クラウドのデータをバックアップとしての「二次データ」と見做す考え方 eureco
はLocal-First と呼ばれるほど厳密にやるかは別として、要素技術は利用できる場面がありそう共同編集(CRDT によるデータ構造化) E2E 暗号化

今後のeurecoサービス拡張に関連する技術 OBT で使える機能はまだ限られているが、今後色々と拡張される拡張において、現在考慮している技術的なポイントを紹介 ※ ここに書いたものが必ず提供されると確約するものではありません

Remote Runner クライアントサイドのみでは難しい計算量の多い処理や、外部サービスとの連携ができるサーバを提供バックエンドにデータアクセス権の認可が必要

共同編集各ユーザのデータを同時編集するため、コンフリクト対策が必要 CRDT(Conflict-free Replicated Data Type) 構造的にコンフリクトしないデータ構造 BlockNote.js がY.js を使ったCRDT
を既にサポートしているため、ブロックエディタ部分はこれで対応可能

モバイルアプリ化 Expo+ReactNative でのモバイルアプリ対応を検討中実はクローズドβ テストではモバイルアプリの検証をしてが、仕様含め仕切り直し中クローズドβ テスト時点では、「実験データの収集」にのみフォーカスし、画像・テキスト・音声などのアップロードのみに対応していた

ネイティブアプリ化 Expo+ReactNative でネイティブアプリ化ブラウザの制約上できない機能実現ができるローカルのファイルシステムへのアクセスローカルAPI

MCPサーバ eureco のデータ構造を外部のAI Agent から利用できるようにするネイティブアプリでローカルMCP / 認可を得てリモートMCP

今後のeurecoサービス拡張に関連する技術 eureco AI eureco アプリケーション上で動作するAI Agent 前述のMCP も利用するか、完全に内部的に別の仕組みで繋げるかは未定( 後者が濃厚)
また、外部のMCP とも連携する機能を想定

まとめ eurecoの現在 Google ドライブに連携、ブラウザで完結する高機能エディタ。OBT 実施中！ BlockNote 基本的なエディタ機能、メディアアップロード、CSV 、データテーブル、集計、チャートストレージのBYOS戦略
ユーザーデータの主権をユーザーに返すストレージ戦略を採用。プライバシーとポータビリティを両立。これからの技術的な展望高度な計算処理や外部連携、共同編集、モバイル・ネイティブへのプラットフォーム展開、AI 統合などを予定

ご清聴ありがとうございました

eureco開発のこれまでとこれから

eureco開発のこれまでとこれから

ry023

More Decks by ry023

Other Decks in Technology

Featured

Transcript