私は自分を「真剣な」テニスアマチュアだと考えています。友人と競い合っていますが、自分の成長を追跡する方法がありませんでした。 そこで、コーディング経験ゼロのままClaude Codeで自分のアプリをバイビーでコーディングしました。 🧵 私がどのように作り、学んだかをご紹介します:

Claudeのコードを開いて、自分が求めるものを説明し始めました。 これが私の最初のひどく書かれたプロンプトです。

そこからステップバイステップでDeuceアプリを開発しました。これにより以下のようなことができます: • タイブレークを含む試合スコアの記録 ・各対戦相手に対する成績を見る • カレンダーで全てを見る • 場所+日付からの自動天候取得 • 対戦相手数を追加して直接対戦成績を共有する ・試合に動画リンクを添付する(録画の場合) こちらで試してみてください:

Claudeのコードは実行前に計画を立てるのが非常に優れています。作業を始める前に認証、データベース、フォーム、モバイルなどについて質問してきます。 ...そして、その積み重ねで私の確認を求めてください: - Next.js 14(リアクション) - Supabase(認証+データベース) - テイルウィンドCSS - Vercel(ホスト)

正直なところ、他のツールでバイブコーディングを試したことがあります でもいつもどこかで行き詰まって諦めてしまいました。 Claude Codeは、私が本物のものをエンドツーエンドで構築できるほど直感的だった最初のツールでした。 機能が一歩ずつ構築されていくのを見るのも非常に中毒性があります。

私にとって一番難しかったのは認証とソーシャルロジックでした。誰がマッチを記録できるのか、誰が編集できるのか、どのデータがどのユーザーに保存されるのか。 データベースの設計や権限管理についてもっと学ばざるを得ません。 多分、いくつか愚かなデザインの選択をしてしまったのかもしれません。でも今のところ問題なく動いています

全体的にClaudeのコードにとても感心し、もっと試してみたいです! こちらでアプリを試してみてください: