要件を実装に落とし込もう

## ユーザーストーリー 1: タスクにタグを追加する

### 受け入れ条件
- [ ] タスク作成時にタグを0個以上指定できる
- [ ] 既存タスクにタグを追加できる
- [ ] タグは文字列で、1〜20文字まで
- [ ] 1タスクに最大10個のタグを付けられる
- [ ] 同じタグは重複して追加されない

### エッジケース
- 空文字列のタグは追加できない
- スペースのみのタグは追加できない
- 21文字以上のタグはエラーになる
- 11個目のタグはエラーになる

## タスク分解: タグ機能

### データ層
1. Tag の型定義（interface）を作成する
2. Task interface に tags プロパティを追加する
3. タグのバリデーション関数を作成する

### ロジック層
4. addTag(taskId, tag) 関数を実装する
5. removeTag(taskId, tag) 関数を実装する
6. filterByTag(tag) 関数を実装する

### テスト
7. タグ追加のテストを書く
8. タグ削除のテストを書く
9. タグ絞り込みのテストを書く
10. エッジケースのテストを書く

// 要件: 「タグは文字列で、1〜20文字まで」
type Tag = string;

interface Task {
  id: number;
  title: string;
  completed: boolean;
  tags: Tag[];  // 0個以上のタグ
}

// 定数
const MAX_TAG_LENGTH = 20;
const MAX_TAGS_PER_TASK = 10;

// 要件: 「空文字列、スペースのみ、21文字以上はエラー」
function validateTag(tag: string): string | null {
  const trimmed = tag.trim();
  if (trimmed.length === 0) {
    return "タグは空にできません";
  }
  if (trimmed.length > MAX_TAG_LENGTH) {
    return `タグは${MAX_TAG_LENGTH}文字以内にしてください`;
  }
  return null; // エラーなし
}

// 要件: 「タスクにタグを追加できる」「同じタグは重複しない」「最大10個」
function addTag(task: Task, tag: string): Task {
  const error = validateTag(tag);
  if (error) {
    throw new Error(error);
  }

  const trimmedTag = tag.trim();

  if (task.tags.includes(trimmedTag)) {
    return task; // 重複は無視
  }

  if (task.tags.length >= MAX_TAGS_PER_TASK) {
    throw new Error(`タグは最大${MAX_TAGS_PER_TASK}個までです`);
  }

  return {
    ...task,
    tags: [...task.tags, trimmedTag],
  };
}