Drafto

Drafto

ノートブック、リッチテキスト編集、自動保存に対応したノートアプリです。ウェブアプリ、iOS・Android アプリ、macOS デスクトップアプリとして利用でき、すべてオフラインに対応しています。

公開サイト： drafto.eu

機能

• ノートブック — ノートを整理するための、階層のないノートブック一覧です
• ノート — 自動保存に対応したリッチテキスト（ウェブでは BlockNote、モバイル・デスクトップでは TenTap）
• オフライン対応 — モバイルとデスクトップでは WatermelonDB をローカルで使用し、オンライン時に Supabase と同期します
• 認証 — メール確認付きのメールアドレス・パスワード認証に加え、Google と Apple の OAuth に対応しています。新規アカウントには管理者の承認が必要です
• ダークモード — システム設定に応じたテーマ切り替えに対応し、localStorage に設定を保存します
• Evernote のインポート — .enex ファイルから、コンテンツと添付ファイルをすべて含めてノートをインポートします
• MCP サーバー — MCP Registry の eu.drafto/mcp を通じて、ノートを Claude Desktop、Claude Cowork、その他の MCP クライアントに公開します
• リアルタイムのサポート対応パイプライン — [email protected] 宛てのメールを Mac-mini 常駐エージェントが 5 分ごとに確認し、Claude Code が分類して、GitHub の issue と双方向に同期します。詳しくは docs/features/support-agent.md をご覧ください

機能領域ごとの概要（コードパス、ADR、テスト）については、docs/features/ をご覧ください。

技術スタック

領域	スタック
ウェブ	Next.js 16（App Router、Turbopack）、React 19、TypeScript、Tailwind CSS v4、BlockNote
モバイル	Expo 55、React Native 0.84、expo-router、TenTap エディター、WatermelonDB
デスクトップ	React Native macOS 0.81.5、TenTap エディター、WatermelonDB（モバイルと共有）
バックエンド	Supabase（Postgres + Auth + Storage + RLS）
ホスティング	Vercel（ウェブ）、Fastlane → App Store / Play Store / Mac App Store
モニタリング	Sentry（エラー）、PostHog（分析）
テスト	Vitest、Testing Library、Playwright、Jest、Maestro
モノレポ	pnpm workspaces + Turborepo

アーキテクチャの詳細については、docs/architecture/overview.md をご覧ください。

はじめに

前提条件

• Node.js 22+
• pnpm
• Supabase プロジェクト + Supabase CLI
• Playwright browsers — pnpm exec playwright install（E2E 用）

モバイル開発の場合：Expo CLI、Android SDK、Xcode。 デスクトップ開発の場合：Xcode、CocoaPods（gem install cocoapods）、rbenv 経由の Ruby 3.3.7。

初回セットアップの詳しい手順については、docs/operations/local-dev-setup.md をご覧ください。

セットアップ

git clone https://github.com/JakubAnderwald/drafto.git
cd drafto
pnpm install

# Configure web env
cp apps/web/.env.local.example apps/web/.env.local
# Fill in NEXT_PUBLIC_SUPABASE_URL and NEXT_PUBLIC_SUPABASE_ANON_KEY

# Push schema to your Supabase project
supabase link --project-ref <your-project-ref>
supabase db push

# Run the dev server
pnpm dev

http://localhost:3000 を開きます。

スクリプト

開発用コマンドはここにあります。ビルド／リリース／デプロイ用コマンドについては、docs/operations/builds-and-releases.mdをご覧ください。

コマンド	説明
pnpm dev	開発サーバーを起動します（すべてのアプリ）
pnpm build	本番用ビルド
pnpm lint	ESLint（すべてのパッケージ）
pnpm format:check	Prettier によるチェック
pnpm test	単体テストと統合テスト
pnpm typecheck	TypeScript のチェック
pnpm migration:check	破壊的な SQL と不足している Data API の許可についてマイグレーションをチェックします

アプリごとのテストコマンドについては、docs/architecture/testing.mdをご覧ください。

プロジェクト構成

apps/
  web/       Next.js web app (App Router)
  mobile/    Expo + React Native iOS/Android
  desktop/   React Native macOS
packages/
  shared/    TypeScript types + constants (@drafto/shared)
supabase/
  migrations/
docs/
  features/       Per-area briefs (auth, notes, editor, sync, search, MCP, …)
  architecture/   System shape (overview, environments, testing)
  operations/     Runbooks (local-dev-setup, builds-and-releases, migrations)
  adr/            Architecture Decision Records
  archive/        Historical plans (not source of truth)

全体のインデックスについては、docs/README.mdをご覧ください。

コントリビューション

すべての作業はブランチと PR を通じて行います。プロジェクトの規約（worktree ワークフロー、SOLID、テスト要件、本番環境の安全策）については、CLAUDE.mdをご覧ください。決定事項はdocs/adr/に記録されています。

ライセンス

非公開プロジェクト。