技術スタック — TapoWise の作り方

テックスタック

TapoWiseの背後にある技術への透明な視点 — エディタからクラウドまで、すべての層。

Frontend & UI

The core technologies powering the user interface — from rendering to interaction design.

React 19

The latest React with concurrent features, server components support, and compiler-level optimizations.

コアテクノロジー

Next.js

Powers our web presence with App Router, ISR, and edge-optimized rendering across 12 locales.

コアテクノロジー

Tailwind CSS 4

Utility-first CSS with the new Oxide engine — zero-config, lightning fast, beautifully expressive.

コアテクノロジー

Radix UI

Unstyled, accessible component primitives — dialogs, menus, popovers, tooltips — built right.

Framer Motion

Production-grade animation library for React. Every transition, gesture, and scroll effect runs through it.

next-intl

Full internationalization for Next.js — routing, message formatting, and locale management for 12 languages.

Editor & Content

The engine behind our block-based editor, Markdown pipeline, and rich text experience.

Tiptap

Headless, extensible rich-text editor framework based on ProseMirror. The heart of our block editor.

コアテクノロジー

Marked

Fast Markdown parser and compiler. Handles the raw Markdown ↔ HTML pipeline for import/export.

Highlight.js

Syntax highlighting for 40+ languages inside code blocks — from TypeScript to Rust to SQL.

Data & State

How we manage data locally, sync it across devices, and keep everything reactive.

WatermelonDB

Local-first, reactive database built for performance. Handles tens of thousands of notes without breaking a sweat.

コアテクノロジー

Supabase

Open-source backend for auth, real-time subscriptions, and cloud storage. Powers TwiceSync's server layer.

コアテクノロジー

Zustand

Tiny, fast state management with zero boilerplate. Stores UI state, preferences, and session data.

RxJS

Reactive extensions for event streams, real-time sync pipelines, and complex async orchestration.

Zod

TypeScript-first schema validation. Every API payload, form input, and config file is validated through Zod.

Desktop & Platform

What makes TapoWise a native desktop application with full system-level access.

Electron

Cross-platform desktop framework. Gives TapoWise full access to the file system, native menus, and OS integration.

コアテクノロジー

Sharp

High-performance image processing — resizing, compression, and format conversion for vault assets.

Chokidar

File system watcher that detects external changes to your vault files in real time.

Visualization & Graphics

Technologies driving the knowledge graph, 3D elements, and interactive visual layers.

Sigma.js

WebGL-powered graph rendering engine. Draws the interactive knowledge graph with thousands of nodes at 60fps.

コアテクノロジー

Graphology

Graph data structure and algorithms library. ForceAtlas2 layout, clustering, and traversal behind the knowledge graph.

Three.js

3D rendering library for WebGL. Powers immersive visual elements and experimental 3D views.

AI & Automation

The intelligence layer — from semantic search to workflow automation.

Claude

Anthropic's AI model — powering semantic search, intelligent suggestions, and content understanding.

コアテクノロジー

Gemini

Google's multimodal AI. Used for vision tasks, image understanding, and alternative model routing.

n8n

Open-source workflow automation. Orchestrates background pipelines, notifications, and data processing.

Infrastructure & Cloud

The services and platforms that keep everything running, deployed, and secure.

Vercel

Edge-first deployment platform. Every push to main is live globally in seconds.

コアテクノロジー

Cloudflare

CDN, DDoS protection, and edge computing. Shields and accelerates everything between users and servers.

Sentry

Error monitoring and performance tracing. Catches crashes, slow queries, and regressions before users do.

Resend

Developer-first email API. Powers transactional emails — auth, billing, and notifications — with React templates.

Developer Tooling

The tools our team uses daily to build, test, and ship with confidence.

TypeScript

Strict TypeScript across the entire monorepo — client, desktop, shared libs, and API. Zero `any`.

コアテクノロジー

Vite

Next-gen build tool for the client app. Instant HMR, blazing builds, native ESM-first architecture.

コアテクノロジー

Vitest

Vite-native test runner. Unit, integration, and component tests — fast, parallel, and TypeScript-first.

Biome

All-in-one linter, formatter, and code analyzer. Replaced ESLint + Prettier with a single, faster tool.

Playwright

End-to-end testing across browsers. Critical user flows are tested on every commit.

Linear

Issue tracking and project management built for modern software teams. Every bug, feature, and sprint lives here.

私たちは製品を構築するのと同じ方法でツールを選びます — 意図的に、長寿命への配慮を持ち、開発者とユーザーの両方を尊重するテクノロジーへの偏りを持って。