非プログラマーがClaude AIとClaude CodeをGitHub Codespacesで使用してライブMLBダッシュボードを構築

非開発者が機能するMLBダッシュボードを構築した方法

最小限のコーディング経験（高校レベルのHTML/CSS知識のみ）を持つRedditユーザーが、Claude AIツールを使用してライブMLBダッシュボードを成功裏に作成しました。このユーザーは、GitHub、リポジトリ、デプロイメント、フレームワーク、さらにはnpm installのような基本的なコマンドについても知識がありませんでした。

Claudeツールを用いた開発プロセス

ユーザーは2つのClaude製品を組み合わせました：アイデア出しのためのClaudeチャットと、実装のためのGitHub Codespaces上のClaude Codeです。ワークフローは以下の通りでした：

• Claudeチャットを使用して、Claude Codeに直接貼り付けられる完全な構築手順のページを生成
• ClaudeにNode.jsのセットアップとターミナルの説明を段階的に案内してもらう
• 開発中に何かが壊れた際に自動修正を取得
• リポジトリの設定とClaude CodeをGitHub Codespacesに接続するためのガイダンスに従う
• ウェブサイトデータをスクレイピングするためのGitHub Actionsの設定
• ホスティングのためのVercelへの接続

ダッシュボードの機能

mlbhq.vercel.appにある完成したダッシュボードには以下が含まれます：

• 試合がアクティブな際のライブスコア
• 各チームの次の予定試合の表示
• 過去5試合とドロップダウンによる試合統計
• 前シーズンのチーム統計と投手統計（新シーズン開始時に更新予定）
• 順位表とロスター情報
• 各チームの怪我情報ページをスクレイピングした怪我報告、選手の状態と復帰予定日を表示

ユーザーは、このサイトが特にヤンキースに関するすべての情報を含むダッシュボードを作成するために構築されたと述べていますが、複数のチームをカバーしているように見えます。彼らはMLBデータとAPIアクセスの使用に伴う潜在的な法的問題を認めています。

開発環境に関する考察

ユーザーは、GitHub Codespacesのみを継続して使用する代わりにVS Codeをダウンロードするかどうかを検討しており、経験がなかったにもかかわらず、Codespacesがこのプロジェクトに十分な開発環境を提供したことを示唆しています。