主な機能
- アクセシブル
- スタイルプロップ
向くユースケース
- 管理画面/ダッシュボード
開発・技術紹介
To me OK の開発方針・技術スタック・品質基準をご紹介します。小さく速く始め、確実に成果へ繋げるための実装・運用プラクティスを採用しています。
UI / スタイル基盤
ユーティリティとデザイントークンで実装速度と一貫性を両立
設計思想カスタマイズ容易性コンポーネント拡張
Tailwind クリックで開く クリックで閉じる
Chakra UI クリックで開く クリックで閉じる
MUI クリックで開く クリックで閉じる
主な機能
- テーマカスタム
- データグリッドなど充実
向くユースケース
- エンタープライズ用途
Bootstrap クリックで開く クリックで閉じる
主な機能
- グリッド/フォーム/コンポーネント
- 即戦力のプリセット
- アクセシビリティ配慮
向くユースケース
- 短納期の管理画面
- 標準UIの迅速な実装
Ant Design クリックで開く クリックで閉じる
主な機能
- 豊富なコンポーネント
- 設計指針/デザイン体系
向くユースケース
- エンタープライズ管理画面
- データ密度の高いUI
アプリフレームワーク
ルーティング、SSR/SSG、インタラクション方針を決定
SSR/SSG/CSRデータフェッチ戦略学習コスト
Next.js クリックで開く クリックで閉じる
主な機能
- App Router/SSR/SSG/ISR
- Edge/Server Actions
- 画像/フォント最適化
向くユースケース
- ダッシュボード/会員制サイト
- 国際化やSEO要件が高い案件
もっと見る
よく組み合わせるもの
VercelStripePostgreSQL
React クリックで開く クリックで閉じる
主な機能
- コンポーネント駆動
- 巨大なエコシステム
向くユースケース
- 既存資産の活用
- カスタムビルド
Astro クリックで開く クリックで閉じる
主な機能
- SSG/SSR両対応
- 部分ハイドレーション
- 優れたMDX/コンテンツ機能
向くユースケース
- 高速なコーポレート/メディアサイト
もっと見る
注意点
- 大型SPAの状態管理は別設計が必要
SvelteKit クリックで開く クリックで閉じる
主な機能
- SSR/SSG/SPA柔軟
- 少ない記述量
向くユースケース
- 小規模〜中規模アプリでの開発速度重視
Nuxt.js クリックで開く クリックで閉じる
主な機能
- ファイルベースRouting
- SSR/SSG
- Nitro
向くユースケース
- Vueベースのサイト/アプリ
Angular クリックで開く クリックで閉じる
主な機能
- 型安全
- DI
- RxJS
向くユースケース
- 大規模エンタープライズSPA
データ / コンテンツ層
スキーマ設計、CRUD、編集フロー/権限を確定
スキーマ/型安全ホスティング/可用性CMS権限/ワークフロー
データベース
PostgreSQL クリックで開く クリックで閉じる
主な機能
- リレーション/インデックス
- 拡張機能が豊富
向くユースケース
- 業務データ
- 分析基盤
MySQL クリックで開く クリックで閉じる
主な機能
- InnoDB
- レプリケーション
SQLite クリックで開く クリックで閉じる
主な機能
- ゼロ運用
- ファイルベース
BaaS
Firebase クリックで開く クリックで閉じる
主な機能
- Auth/Firestore/Storage
- Functions
Supabase クリックで開く クリックで閉じる
主な機能
- Auth/Storage/Edge Functions
- Row Level Security
向くユースケース
- フルスタックの迅速立ち上げ
もっと見る
よく組み合わせるもの
VercelCloudflare
Appwrite クリックで開く クリックで閉じる
主な機能
- Auth
- DB/Storage/Functions
ORM / 型安全
Prisma クリックで開く クリックで閉じる
主な機能
- Schema/Client
- Migrate
Drizzle ORM クリックで開く クリックで閉じる
主な機能
- フルTypeScript
- 直感的なクエリ
Headless CMS
Contentful クリックで開く クリックで閉じる
主な機能
- GraphQL API
- ロール/ワークフロー
Sanity クリックで開く クリックで閉じる
主な機能
- 柔軟なスキーマ
- 高速なGROQクエリ
向くユースケース
- 編集体験重視のサイト
Strapi クリックで開く クリックで閉じる
主な機能
- 柔軟なモデル
- ロール/権限
向くユースケース
- 要件に合わせて拡張可能なCMS
配信 / インフラ
デプロイ、プレビュー、キャッシュ/エッジ戦略を定義
CDN/Edgeプレビュー/レビュー体験監視/ロギング
Vercel クリックで開く クリックで閉じる
主な機能
- プレビューURL
- Edge Network
- Serverless/Edge Functions
向くユースケース
- Next/AstroのCI/CD
もっと見る
よく組み合わせるもの
GitHubStripePostgreSQL
Cloudflare クリックで開く クリックで閉じる
主な機能
- Workers/Pages
- KV/D1/Queues
- セキュリティ機能
向くユースケース
- 超低レイテンシ配信
- Edge処理
Netlify クリックで開く クリックで閉じる
主な機能
- Build Hooks
- Functions
- Forms
向くユースケース
- 静的/SSGサイト
Firebase Hosting クリックで開く クリックで閉じる
主な機能
- プレビュー
- Functions連携
向くユースケース
- BaaS連携サイト
外部API / 統合
ビジネス要件に紐づく機能拡張を段階的に接続
課金/決済SNSマップ認証メールストレージ/メディア
課金/決済
Stripe クリックで開く クリックで閉じる
主な機能
- Checkout/Elements
- Webhook/レポート
向くユースケース
- EC/課金機能
もっと見る
よく組み合わせるもの
Next.jsVercel
PayPal クリックで開く クリックで閉じる
主な機能
- Checkout
- Subscriptions
Square クリックで開く クリックで閉じる
主な機能
- POS連携
- 請求/在庫
マップ
GoogleMap クリックで開く クリックで閉じる
主な機能
- 地図表示
- ピン/ルート
Mapbox クリックで開く クリックで閉じる
主な機能
- GL JS
- スタイル
認証
Auth0 クリックで開く クリックで閉じる
主な機能
- Social/Enterprise
- Rules/Actions
NextAuth.js クリックで開く クリックで閉じる
主な機能
- Provider多数
- JWT/DBセッション
Supabase Auth クリックで開く クリックで閉じる
主な機能
- RLSと相性良
- 多要素
ストレージ/メディア
Cloudinary クリックで開く クリックで閉じる
主な機能
- 変換/最適化
- DAM
Cloudflare Images クリックで開く クリックで閉じる
主な機能
- 自動最適化/変換
- Variants/リサイズ
- R2/Workers連携
メール
SendGrid クリックで開く クリックで閉じる
主な機能
- トランザクション/マーケ
- テンプレート
Resend クリックで開く クリックで閉じる
主な機能
- React Email
- トランザクション
SNS
Twitter クリックで開く クリックで閉じる
主な機能
- タイムライン/ツイート
- OG/Socialメタ
Slack クリックで開く クリックで閉じる
主な機能
- Incoming Webhook
- Bot
Discord クリックで開く クリックで閉じる
主な機能
- Bot
- Webhook