AIで何ができる？実験室

実験 #01

スマホだけでAIとWebサイトを公開できる？

パソコンを使わず、スマートフォンとAIだけで、誰でも見られるWebサイトを公開できるのか。このサイト自体を題材に、実際に試した記録です。

実験日：一部確認

結論

スマートフォンからGitHub・Claude Code・Cloudflareを操作して、公開サイトを表示するところまではできました。ただし、パソコンを一度も使っていないことや、第三者が同じ手順で再現できるかは、まだ確認できていません。

実際にやったこと

  1. スマートフォン人が操作（Safari）
  2. Claude CodeAIがコードを作成・テスト
  3. GitHubコードを保存
  4. Cloudflare Pagesサイトを公開
  5. 公開サイトai-lab-vuo.pages.dev

結果

確かめたこと結果
Webサイトの作成確認
GitHubへの保存確認
Cloudflare Pagesへの公開人の報告
スマートフォンからの表示人の報告
パソコンを一度も使っていない未確認
第三者による再現未確認

やってみて分かったこと

AIだけでは、最後まで進めなかった

コードを書く・ビルドする・テストするところはAIが進めました。一方で、GitHubのリポジトリを作ることと、Cloudflareの設定はAIにはできず、人が操作しました。「AIに任せれば全部できる」ではなく、アカウントの操作を人が受け持つ形になりました。

「パソコンを使わない」のは、人の手元の話

人が操作したのはスマートフォンですが、AIの作業やサイトのビルドは、クラウド上のコンピュータで動いています。「スマホだけ」というのは、人が手で操作した端末のことです。

画面を残さないと「確認できた」とは言えない

公開サイトがスマートフォンで表示されたことは人が見て確かめましたが、画面を保存していませんでした。そのため、この部分は「人の報告」にとどまります。サイトのコードとビルドの成功は、GitHubの記録で確かめられます。

途中で詰まったところ

GitHubの権限

AIから新しいリポジトリを作ろうとしたところ、権限が足りずに失敗しました。人がスマートフォンからリポジトリを作り、AIにアクセスを渡しましたが、しばらくはAIから見えないままでした。GitHub側の認証とアクセス許可を済ませたあとで、見えるようになりました。

Cloudflareの設定

AIはCloudflareのアカウントを使えないため、Pagesの接続とビルドの設定（ビルドコマンド npm run build・出力先 dist）は、すべて人が行いました。

公開サイトの確認

AIの作業環境からは、ネットワークの制限で公開サイト（pages.dev）に接続できませんでした。公開サイトの表示は、人がスマートフォンで確かめました。

今回使ったもの

Claude Code
AnthropicのAI。今回はクラウド上の作業環境で、サイトのコードの作成・ビルド・テストと、GitHubへの保存を行いました。
GitHub
コードを保存・管理するサービス。今回は非公開のリポジトリにサイトのコードを置きました。
Cloudflare Pages
GitHubにあるコードからWebサイトを作り、公開するサービス。今回は pages.dev のアドレスで公開しました。

公開されたサイト

実際に公開されたサイトを見る

ここまでの結果

今回は完全成功ではなく、一部確認という判定になりました。

この実験をもとにした記事は、まだ書いていません。このページの上の部分（結論〜ここまでの結果）は、下の実験記録をもとにAIがまとめたもので、人の確認はまだです。 条件・手順・証拠・確認できていないことは、下の「詳細な実験記録」にすべて残しています。

詳細な実験記録条件・日時・端末・AIの役割・手順・確認の度合い・成功条件ごとの判定・証拠・未確認のこと・この結果の制限・状態の変化・計画

実験の結果

結果：一部だけ確認

スマートフォンを操作する人と、クラウド上で動く AI（Claude Code）の組み合わせで、Web サイトを Cloudflare Pages に公開し、スマートフォンで表示できたと人が報告した。サイトのコードと CI の成功は証拠で確かめられる。一方で、「パソコンを一度も使っていない」ことと、第三者が再現できるかは未確認のため、成功とは判定しない（一部だけ確認）。

行ったあとでまとめた記録（事後の記録）です。記録を書いたのはAIで、人のレビューはまだです。

確認の度合い：証拠あり人の報告未確認（証拠あり＝証拠で確かめられる／人の報告＝人が確かめたと報告・証拠のファイルはない／未確認＝まだ確かめていない）

実験の目的

パソコンを使わず、スマートフォンと AI だけで、誰でも見られる Web サイトを1つ公開できるかを確かめる

条件

  • 人の報告人が使った端末：スマートフォン（Safari）
  • 未確認パソコンの使用：使っていない（人の報告。証拠なし）
  • 証拠ありAI：Claude Code（クラウド上の作業環境で、コードの作成・ビルド・テストを行う）
  • 証拠ありコードの置き場所：GitHub の非公開リポジトリ tokyomoshimo-svg/ai-lab
  • 証拠ありサイトの仕組み：Astro 7.3.5（静的サイト）・Node.js 22
  • 人の報告公開：Cloudflare Pages（ビルドコマンド npm run build・出力ディレクトリ dist）
  • 人の報告ドメイン：pages.dev のサブドメイン（独自ドメインなし）

実施日：2026年10月3日。所要時間は測っていない（未確認）。記録に残っている時刻は、1日目のコミット 03:05 UTC・1日目の push（CI の開始）03:41 UTC・2日目の push（CI の開始）06:22 UTC だけ。人の作業の開始・終了の時刻と、Cloudflare のデプロイの時刻は記録していない

実際にやったこと

  1. AIできなかった証拠あり
    AI が GitHub に新しいリポジトリを作ろうとした
    GitHub から「Resource not accessible by integration」（403）。AI の権限では新しいリポジトリを作れなかった
  2. 人できた証拠あり
    人が GitHub で非公開リポジトリ tokyomoshimo-svg/ai-lab を作成した
    リポジトリがあることは確認できる。操作した端末がスマートフォンだったことは人の報告
  3. 人回り道してできた証拠あり
    人が Claude の GitHub App に ai-lab の読み書きの権限を渡した
    最初は AI のセッションからリポジトリが見えず（2回失敗）、人が GitHub 側の認証とアクセス許可を完了させたあとで見えるようになった
  4. AIできた証拠あり
    AI が Astro でサイトの骨組み・記事の型・必須ページを作り、ビルドとテストを行った
  5. AIできた証拠あり
    AI が1日目のコードを GitHub の main へ push した（ffee1b8）
  6. 人できた人の報告
    人が Cloudflare にログインし、Pages で GitHub の ai-lab に接続した（ビルドコマンド npm run build・出力ディレクトリ dist）
    AI は Cloudflare のアカウントを使えないため、設定はすべて人が行った。設定の画面は保存していない
  7. サービスできた人の報告
    Cloudflare Pages がビルドとデプロイを行い、ai-lab-vuo.pages.dev が発行された
    AI の作業環境からは pages.dev に接続できない（ネットワークの制限）ため、AI は確かめていない
  8. 人できた人の報告
    人がスマートフォンの Safari で公開サイトを表示して確かめた
    表示した画面は保存していない
  9. AIできた証拠あり
    AI が2日目の実験候補ページを作り、main へ push した（f78fec2）
  10. サービス不明未確認
    main への push で、Cloudflare Pages が自動で公開サイトを更新する
    自動で更新される設定だと人から報告があったが、2日目の更新が公開サイトに反映されたかは、この記録では確かめていない

成功条件ごとの判定

  • 判定できない（未確認あり）
    パソコンを一度も使わずに、公開URLで表示できる

    公開URLでの表示は、人がスマートフォンの Safari で確かめたと報告している（画面は保存していない）。「パソコンを一度も使っていない」ことを示す証拠はなく未確認のため、判定しない

  • 一部だけ満たした
    手順を、同じ条件でもう一度たどれる形で記録できる

    手順・設定値・つまずいた所をこの記録にまとめた。ただし行ったあとでまとめた記録で、所要時間や画面の細部は残っておらず、第三者が再現できるかは未確認

分かったこと（確認できた範囲）

  • 人の報告公開URL（https://ai-lab-vuo.pages.dev/）が発行され、スマートフォンの Safari で表示できた（人の報告。表示した画面は保存していない）
  • 証拠ありサイトのコードは GitHub の main にあり、CI のビルドは2回とも成功した（コミット ffee1b8・f78fec2 と、CI #1・#2（success））
  • 証拠ありAI だけでは、GitHub のリポジトリ作成と Cloudflare の設定ができず、人の操作が必要だった（AI との作業の記録（リポジトリ作成で 403。AI は Cloudflare を使えない））
  • 証拠ありAI の作業（コードの作成・ビルド・テスト）は、人の手元ではなく、クラウド上の環境で動いた（AI の作業環境はクラウド上の Linux（git-ci-access.log））

まだ確認できていないこと

  • 未確認人が使った端末がスマートフォンだけだった（パソコンを一度も使っていない）（人の報告はあるが、証拠はない）
  • 未確認2日目の更新（実験候補ページ）が公開サイトに反映された（この記録では確かめていない）
  • 未確認別の端末から公開サイトを表示できる（試していない）
  • 未確認第三者が同じ手順で再現できる（試していない）
  • 未確認所要時間（記録にあるのはコミットと CI の時刻だけ）
  • 未確認AI サービスの料金・使ったプラン
  • 未確認GitHub と Cloudflare の契約プラン（無料プランかどうか）
  • 未確認通信量
  • 未確認スマートフォンの機種・OS・Safari のバージョン
  • 未確認パソコンを一度も使っていないこと
  • 未確認別の端末での表示
  • 未確認第三者が同じ手順で再現できるか
  • 未確認2日目の更新が公開サイトに反映されたか
  • 未確認使ったサービスに提携制度があるか（未確認の可能性）

つまずいたところ

  • AI から GitHub の新しいリポジトリを作れなかった
    原因：AI に渡されている GitHub の権限では、新しいリポジトリを作れない（403 Resource not accessible by integration）
    どうしたか：人がスマートフォンから GitHub でリポジトリを作った
  • 人がアクセス権を渡したあとも、しばらく AI からリポジトリが見えなかった
    原因：不明（GitHub 側の認証・アクセス許可が完了していなかった可能性）
    どうしたか：人が GitHub 側の認証とアクセス許可を完了させたあと、見えるようになった
  • AI の作業環境から公開サイト（pages.dev）に接続できなかった
    原因：AI の作業環境のネットワークの制限
    どうしたか：公開サイトの表示は、人がスマートフォンで確かめた
  • AI は Cloudflare の設定ができなかった
    原因：AI は Cloudflare のアカウントを使えない
    どうしたか：Pages の接続と設定は人が行った
  • push のときに「push negotiation failed」という警告が出た
    原因：不明
    どうしたか：push は成功し、GitHub 上のコミットが手元と同じであることを確かめた（影響なし）

この結果の制限

  • 行ったあとで実験記録にまとめた（事後の記録）。実験候補を登録する前（1日目）に行った作業が中心で、条件を前もって決めて測ってはいない
  • 人がスマートフォンしか使っていないことは、人の報告だけで証拠はない
  • 「パソコンを使わない」のは人の手元の話で、AI の作業（コードの作成・ビルド・テスト）、GitHub Actions、Cloudflare のビルドは、クラウド上のコンピュータで動いている
  • 1人が1回だけ行った結果で、作業したのはこのサイトの運営者本人
  • スマートフォンで表示した画面は保存していない
  • リポジトリにある1日目の画面の証拠（top-375.png・top-1280.png）は、AI の作業環境で表示した画面で、公開サイトやスマートフォンの画面ではない

証拠

費用と収益

費用
未確認不明：追加で有料サービスを契約した記録はない。Claude Code の利用に必要なプランと料金、GitHub と Cloudflare の契約プランは、この記録では確かめていない
収益
発生していない：収益は発生していない（広告もアフィリエイトも置いていない）。実験候補にある「使ったサービスに提携制度があれば紹介できる」は、未確認の可能性にすぎない

公開URL

関連記事

結果の記事はまだ書いていません（未公開）。この記録を人がレビューしたあとで書きます。

  • 1日目の記事（運営記録「1日目：AIと一緒に実験サイトの骨組みを作った記録」）とは別の記録
  • 結果の記事は、この記録を人がレビューしたあとで書く（ID は予約だけ）
  • スマートフォンで表示した画面を保存すれば、「人の報告」を「証拠あり」にできる

記録した人・AIの役割

記録の題名
実験 #01：スマホだけでAIとWebサイトを公開できるか
実施した人
運営者（人）
端末
スマートフォン（Safari）
機種・OS・Safari のバージョンは記録していない。パソコンを一度も使っていないことは、人の報告のみで証拠はない（未確認）
AI
Claude Code（クラウド上の作業環境）
役割：サイトのコードの作成・ビルドとテスト・GitHub への push・この記録の整理
記録を書いた
AI（人のレビュー：まだ）
記録の作成日
2026年10月3日

人が選んだ記録と、状態の変化

人が選んだ日：2026年10月3日（運営者（人）がこの候補を実験 #01 として選んだ。作業は人がスマートフォンで行ったと報告している）

  1. 候補2026年10月3日・人：人が候補として登録（2日目）
  2. 実験予定2026年10月3日・人：運営者（人）が実験 #01 として選んだ
  3. 実験中2026年10月3日・人：実際の作業は、候補の登録より前（1日目）に人がスマートフォンで行っていた。その作業を実験として記録した
  4. 完了2026年10月3日・人：人の指示で、実験記録を整理したあとで完了にした（結果は「一部だけ確認」）

実験の計画（候補として登録したときの内容）

候補として登録したときのタイトル：スマホだけでAIとWebサイトを公開できるか

何を試す？

パソコンを使わず、スマホとAIだけで、誰でも見られるWebサイトを1つ公開できるか？

なぜ試す？

「パソコンがないと作れない」と思っている人は多い。スマホだけで最後の公開まで届くか、どこでつまずくかを具体的に示せれば、始めたい人の判断材料になる。

読む人にとっての価値：スマホしか持っていない人が、自分でもできるか・どこが難しいかを事前に知れる

どうやって試す？

  1. スマホのブラウザだけを使い、AIに相談しながらサイトを作る
  2. 公開までの手順・かかった時間・つまずいた所を記録する
  3. 別の端末から公開URLを開けるか確かめる

何を成功とする？

  • パソコンを一度も使わずに、公開URLで表示できる
  • 手順を、同じ条件でもう一度たどれる形で記録できる

何を証拠として残す？

  • スクリーンショット：スマホの画面での各手順と、公開されたサイト
  • リンク：公開したサイトのURL
  • 実行記録：AIへの指示と返答の記録（つまずいた所も含む）

難しさ・費用・リスク

分野
Web制作
難易度
ふつう
想定コスト
0円（無料の範囲）：無料プランの範囲で試す（独自ドメインは使わない）
リスク
低
  • 無料プランの条件が変わると、同じ手順で再現できなくなる

選ぶときの目安：87 / 100

人が選ぶときの参考です（決まった規則で計算。自動で選ぶことはありません）。検索の需要と収益の可能性は、試す前の見込みです。

  • 検索の需要（見込み）25/25
  • 収益の可能性（見込み）12/20
  • 証拠を残せる20/20
  • 取り組みやすさ10/15
  • 費用の小ささ10/10
  • リスクの小ささ10/10

収益についてのメモ：未確認の可能性：将来、使ったサービスに提携制度があれば紹介できるかもしれない（いまは収益は発生していない）

この候補を作ったのは：人

← 実験の一覧へ