非技術系ユーザーがスマートフォンからClaude AIを使ってウェブサイトを構築・デプロイします。

✍️ OpenClawRadar📅 公開日: April 14, 2026🔗 Source
非技術系ユーザーがスマートフォンからClaude AIを使ってウェブサイトを構築・デプロイします。
Ad

Redditユーザーが、コーディングを一切行わず、Claude AIを使用してスマートフォンだけで1時間の時間枠で完全なウェブサイトを構築・デプロイした方法を記録しました。

プロジェクトの背景

ユーザーは、子供たちへのエイプリルフールのいたずらとして、偽のPortal 3ローディング画面を作成したいと考えていました。彼にはいくつかの制約がありました:Portalゲームの世界観についての知識がほとんどないこと、コーディング経験がないこと、仕事中でスマートフォンしか利用できないことです。

作業プロセス

ユーザーは以下の具体的な手順に従いました:

  • まずClaudeにPortalゲームの世界観を教えてもらう
  • 作りたいものを平易な言葉で説明する
  • Claudeに現実的なバージョンがどのようなものかを尋ねる
  • 問題が発生するたびに平易な言葉で説明して反復する
  • Claudeにプロジェクトの完全な仕様書を書かせる
  • Claude Codeを使用して完成したプロジェクトをVPSにデプロイする

結果

このプロジェクトは成功し、ユーザーの7歳の子供はValveが実際にPortal 3をリリースしたと信じて騙されました。ユーザーはプロセス全体の詳細な解説を書き、これは同様のプロジェクトを達成したい非技術系の人々のためのガイドとして役立つと述べています。

技術的アプローチ

このワークフローは、自然言語による説明を使用してAI支援を複数の段階(ドメイン知識の教育、要件仕様、問題解決の反復、技術仕様の生成、最終的なデプロイメント)を通じて導くパターンを示しています。プロセス全体はモバイルデバイスのみを使用して完了されました。

📖 Read the full source: r/ClaudeAI

Ad

👀 See Also

Claude Codeを使用してOpenClawの設定問題を修正する
Use Cases

Claude Codeを使用してOpenClawの設定問題を修正する

ある開発者が、手動セットアップやバージョン互換性の問題に悩んだ後、Claude Codeを使用してOpenClawの設定問題を解決したと報告しました。

OpenClawRadar
10万行のコードベースでAIエージェントを使用した実践的教訓
Use Cases

10万行のコードベースでAIエージェントを使用した実践的教訓

開発者が、chDBの上にpandas互換のAPIレイヤーを構築する際にClaude CodeとCursorを使用して学んだ6つの具体的なテクニックを共有しています。これには、CLAUDE.mdルールファイルの維持、ゼロコンテキストエージェントを批評家として活用、ファイルシステムベースの調整によるマルチエージェントワークフローの構築などが含まれます。

OpenClawRadar
Claude Sonnet 4.6 のグレードに関する、4つのQwen3.5ローカルモデルからのバグレポート
Use Cases

Claude Sonnet 4.6 のグレードに関する、4つのQwen3.5ローカルモデルからのバグレポート

開発者が4つのQwen3.5バリアントをテストし、iOSゲームの不具合に対するバグレポートを生成させ、Claude Sonnet 4.6にレポートを採点させました。モデルは装備枠の色がリセットされないSwiftのバグを正しく特定しましたが、テストコードにはコンパイルの問題がありました。

OpenClawRadar
Claudeのデバッグケース:パラメータ不足によるサイレントエージェント障害、モデルよりもフレーミングが重要だった
Use Cases

Claudeのデバッグケース:パラメータ不足によるサイレントエージェント障害、モデルよりもフレーミングが重要だった

ある開発者がClaudeを使ってカレンダーエージェントを構築し、40分間Claudeにデバッグを試みた後、write_calendarツールにattendeesパラメータが欠けていることに気づきました。完全なコンテキストを与えると、Claudeは10秒で問題を特定しました。

OpenClawRadar