Aquarium Builder

f.care_level || f.temperament || f.min_tank_liters); }, addFish(slug) { if (!this.selected.includes(slug) && this.selected.length < 8) { this.selected.push(slug); } }, removeFish(slug) { this.selected = this.selected.filter(s => s !== slug); }, getFish(slug) { return this.fish.find(f => f.slug === slug); }, getCompat(slugA, slugB) { if (slugA === slugB) return {compatibility:'same', notes:''}; const entry = this.compatData.find(c => (c.fish_a__slug === slugA && c.fish_b__slug === slugB) || (c.fish_a__slug === slugB && c.fish_b__slug === slugA) ); return entry || {compatibility:'unknown', notes:'No compatibility data available'}; }, compatColor(level) { const map = { compatible: 'bg-emerald-100 text-emerald-800 dark:bg-emerald-900/40 dark:text-emerald-300', caution: 'bg-yellow-100 text-yellow-800 dark:bg-yellow-900/40 dark:text-yellow-300', incompatible: 'bg-red-100 text-red-800 dark:bg-red-900/40 dark:text-red-300', same: 'bg-slate-100 text-slate-500 dark:bg-slate-800 dark:text-slate-400', unknown: 'bg-slate-50 text-slate-400 dark:bg-slate-800/50 dark:text-slate-500', }; return map[level] || map.unknown; }, compatLabel(level) { const map = {compatible:'OK',caution:'Caution',incompatible:'No',same:'-',unknown:'?'}; return map[level] || '?'; }, get minTank() { let total = 0; this.selected.forEach(s => { const f = this.getFish(s); if (f && f.min_tank_liters) total += f.min_tank_liters; }); return total; }, get hasConflict() { for (let i = 0; i < this.selected.length; i++) { for (let j = i+1; j < this.selected.length; j++) { const c = this.getCompat(this.selected[i], this.selected[j]); if (c.compatibility === 'incompatible') return true; } } return false; } }">

水槽構成ツール

上で魚を追加して混泳適性を確認し、水槽を構成しましょう。

概要 Aquarium Builder

Build a harmonious aquarium by selecting compatible fish species. Check temperament, water parameter requirements, tank size needs, and dietary compatibility to create a thriving underwater community.