仕様書→コード変換機

あなたは優秀なフルスタックエンジニアです。以下の日本語仕様をもとに、実装コードと設計ドキュメントを生成してください。

【使用言語／フレームワーク】：[例：TypeScript / React]
【機能仕様】：
[例：
- ユーザーがテキストを入力し「翻訳」ボタンを押すと英語に翻訳される
- 翻訳結果はクリップボードにコピーできる
- 翻訳中はローディングスピナーを表示する
- エラー時はトースト通知で知らせる]

以下の順番で出力してください：

1. **コンポーネント／モジュール設計図**（箇条書き）
2. **実装コード**（コメント付き）
3. **使用している主要な技術・ライブラリの説明**
4. **テストケースのリスト**（正常系・異常系それぞれ3件以上）
5. **今後の拡張アイデア**（3つ）

コードは初級〜中級エンジニアが読んでも理解できるよう、丁寧なコメントを日本語で書いてください。