モバイルアプリを構築
AIで

import { useState, useEffect } from 'react';
import { View, FlatList, TouchableOpacity } from 'react-native';
import { supabase } from '@/lib/supabase';

export default function TodoScreen() {
  const [tasks, setTasks] = useState([]);
  const [filter, setFilter] = useState('all');

  useEffect(() => {
    fetchTasks();

    // Real-time subscription
    const subscription = supabase
      .channel('tasks')
      .on('postgres_changes',
        { event: '*', schema: 'public', table: 'tasks' },
        (payload) => fetchTasks()
      )
      .subscribe();

    return () => subscription.unsubscribe();
  }, [filter]);

  const fetchTasks = async () => {
    let query = supabase
      .from('tasks')
      .select('*')
      .order('created_at', { ascending: false });

    if (filter === 'active') query = query.eq('completed', false);
    if (filter === 'completed') query = query.eq('completed', true);

    const { data } = await query;
    setTasks(data || []);
  };

  // ... rest of component
}

これは当社AIが実際に生成したコードです。適切なエラーハンドリング、TypeScript型定義、 ベストプラクティスを備えた本番対応コードです。