任务管理应用

npm install

EXPO_PUBLIC_SUPABASE_URL=your-supabase-project-url
EXPO_PUBLIC_SUPABASE_ANON_KEY=your-supabase-anon-key

-- todosテーブルの作成
create table if not exists todos (
  id uuid default gen_random_uuid() primary key,
  user_id uuid references auth.users(id) on delete cascade,
  title text not null,
  description text,
  completed boolean default false,
  priority text default 'medium' check (priority in ('low', 'medium', 'high', 'urgent')),
  category text default 'other' check (category in ('work', 'personal', 'shopping', 'health', 'other')),
  due_date timestamp with time zone,
  created_at timestamp with time zone default timezone('utc'::text, now()) not null,
  updated_at timestamp with time zone default timezone('utc'::text, now()) not null
);

-- RLS (Row Level Security) の有効化
alter table todos enable row level security;

-- ポリシーの作成: ユーザーは自分のTodoのみ閲覧・操作可能
create policy "Users can view their own todos"
  on todos for select
  using (auth.uid() = user_id);

create policy "Users can insert their own todos"
  on todos for insert
  with check (auth.uid() = user_id);

create policy "Users can update their own todos"
  on todos for update
  using (auth.uid() = user_id);

create policy "Users can delete their own todos"
  on todos for delete
  using (auth.uid() = user_id);

-- updated_atを自動更新する関数
create or replace function update_updated_at_column()
returns trigger as $$
begin
  new.updated_at = timezone('utc'::text, now());
  return new;
end;
$$ language plpgsql;

-- updated_atトリガーの作成
drop trigger if exists update_todos_updated_at on todos;
create trigger update_todos_updated_at
  before update on todos
  for each row
  execute function update_updated_at_column();

# 通常の起動
npx expo start

# Expo MCPローカル自動化ツールを使用する場合
EXPO_UNSTABLE_MCP_SERVER=1 npx expo start

expo-supabase-mcp/
├── app/
│   ├── (tabs)/
│   │   ├── index.tsx          # Todoリスト画面
│   │   ├── explore.tsx         # 探索画面
│   │   └── _layout.tsx         # タブレイアウト
│   ├── auth.tsx                # 認証画面
│   └── _layout.tsx             # ルートレイアウト
├── components/
│   └── todo/
│       ├── TodoItem.tsx        # Todoアイテムコンポーネント
│       ├── TodoForm.tsx        # Todo追加フォーム
│       └── TodoEditModal.tsx   # Todo編集モーダル
├── hooks/
│   ├── useTodos.ts             # Todoデータ管理フック
│   └── useAuth.ts              # 認証管理フック
├── lib/
│   └── supabase.ts             # Supabaseクライアント設定
├── types/
│   └── todo.ts                 # TypeScript型定義
├── __tests__/                  # テストファイル
└── migrations/                 # データベースマイグレーション

# すべてのテストを実行
npm test

# ウォッチモードでテストを実行
npm run test:watch

# カバレッジレポートを生成
npm run test:coverage

# iOSシミュレーターで起動
npx expo start --ios

# Androidエミュレーターで起動
npx expo start --android

# Webブラウザで起動
npx expo start --web

npm run lint