Replitで友達管理アプリを作ってみた（失敗）

友達管理アプリ

既存アプリ

• あるけど高機能
• シンプルなのが欲しい

要件定義

自作プロンプト

シンプルな友達管理アプリ。名前だけで管理する。50人までの友達を登録できる。友達じゃなくなった人は、50人の枠の外で管理する。名前の入力フォーム、友達リスト、友達未満リスト、などの機能が必要。レスポンシブ対応。

boltでエンハンス

以下の機能を備えたレスポンシブな友達管理アプリを作成してください：

1. 名前で友達を追加（最大50人）
2. 現在の友達リストを表示
3. 元友達を別のリストに移動
4. 新しい友達を追加するための入力フォーム
5. リスト間で友達を移動できる機能
6. 全ての画面サイズに対応するレスポンシブデザイン
7. シンプルで直感的なUI/UX

技術要件：
- 最新のReactとTypeScriptを使用
- スタイリングにTailwind CSSを使用
- データの永続化にはローカルストレージを使用
- 友達の最大数制限に対するエラーハンドリング
- リスト間の移動にスムーズなアニメーション

Create a responsive friend management app with the following features:

1. Add friends with their names (max 50 friends)
2. Display current friends list
3. Move ex-friends to a separate list
4. Input form for adding new friends
5. Ability to move friends between lists
6. Responsive design for all screen sizes
7. Simple and intuitive UI/UX

Technical requirements:
- Modern React with TypeScript
- Tailwind CSS for styling
- Local storage for data persistence
- Error handling for max friend limit
- Smooth animations for list transitions

Replitにポイ

ReplitにもImprove promptがあったので使ってみる

ユーザーが現在の友人と元友人を明確に区別しながら関係を整理・管理できる、ウェブベースの友達管理システム。

主な機能:

名前のみの入力で友達を追加
最大50人のアクティブな友達リストの管理
元友達用の別リスト（人数無制限）
アクティブリストと元友達リスト間の移動機能
両リストに対応したシンプルな名前ベースの検索
UI/スタイル:

フレンドシップブレスレット風の暖かいパステルカラーの配色
カードベースのレイアウトとさりげない友達ステータスのインジケーター
リスト間での連絡先移動時にスムーズなトランジション

A web-based friend management system that helps users organize and track relationships with a clear distinction between current and former friends.

Core Features:
- Add friends with name-only input
- Maintain an active friends list (maximum 50 people)
- Separate list for former friends (unlimited)
- Move friends between active and former lists
- Simple name-based search across both lists

UI/Style:
- Friendship bracelet-inspired color palette with warm pastels
- Card-based layout with subtle friendship status indicators
- Smooth transitions when moving contacts between lists

ReplitのImproveが良さげなので「Start building」

もちろんです！これからあなたのために作成する内容をご提案します。

フレンドシップブレスレット風のテーマを取り入れ、Flaskを使用して友達管理システムを構築しましょう。アクティブな友達と元友達を管理できる、温かく親しみやすいインターフェースを重視します。実装を進めてもよろしいですか？

初期プロトタイプの構築
以下の追加機能はいかがでしょうか？後から変更も可能です。

- 友達のカテゴリ/グループ分け
- 友達ノート/思い出の追加
- 友達期間の追跡
- 友達のタイムラインビュー作成

Absolutely! Let me propose what we'll build for you.

Just now
I'll help you create a friend management system using Flask with a friendship bracelet-inspired theme. We'll focus on the core features of managing active and former friends with a warm, welcoming interface. Would you like to proceed with the implementation?

Build the initial prototype
Would you like any of these additional features? We can also make changes later.

Add friend categories/groups

Implement friend notes/memories

Add friendship duration tracking

Create friendship timeline view

追加機能は設定せずに「approve」

• 1発目でそれっぽいのができたステキ！
• CRUDが遅いので改善させた。
• 改善しても遅い。なぜ？
• 今日はここまで

P.S フリーのキャプチャソフト「ShareX」を初導入して使ってみたけど良い感じ。