非プログラマーが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がこのプロジェクトに十分な開発環境を提供したことを示唆しています。
📖 Read the full source: r/ClaudeAI
👀 See Also
OpenClawユーザーがAIエージェント向け「睡眠サイクル」メモリ圧縮を提案
開発者ではないOpenClawユーザーが、人間の忘却と夢を記憶圧縮とする神経科学研究に触発され、メモリ管理に「睡眠サイクル」アプローチを実装した経験を語っています。このユーザーは、データベースの肥大化、トークンコストの増大、エージェントの矛盾といった問題に直面しました。
Claude Codeを使用した文脈に応じたパーソナルAIニュース要約システムの構築
ある開発者が、Mac Mini上で週3回動作する個人向けAIニュースブリーフィングシステムを構築しました。このシステムは17の情報源からデータを収集し、Claude Codeとメモリ統合を活用してパーソナライズされたブリーフを作成します。月額6〜12ドルのコストで、ニュースを進行中のプロジェクトやコード参照、家族の関心事と結びつけるセクションを含んでいます。
Claude Codeを使用してカスタムTwigテンプレートでDrupalサイトを構築する
ある開発者が、従来のDrupalテーマ作成をバイパスし、カスタムTwigテンプレートと生のHTMLを使用してDrupalウェブサイトを作成するためにClaude Codeを利用した経験を共有しました。彼らはローカル開発にddevを使用し、コンテンツタイプ、ビュー、タクソノミーを設定するための特定のコマンドを実行しました。
開発者がClaude AIを活用してクラウド認定クイズアプリを構築
ある開発者が、AWS、GCP、Azureのクラウド認定試験対策のためのクイズアプリ「Kwizeo」を構築しました。このアプリでは、Claude AIを活用して問題の生成、進捗ロジックの設計、開発の加速を行っています。