これはユースケースではなく、思いつきから始まりました:「Windowsのデスクトップに置く、 小さくてきれいなアナログ時計を作ってくれる? — 文字盤は何種類かあって、本物の時計 みたいな感じの」。チャットでのたった一言です。ブリーフも、仕様も、締め切りも ありませんでした。この後起きたことは、このプロダクトが実際に何のためにあるかをよく示す 例です — というわけで、スクリーンショット付きで正直に実況します。
実際の依頼、そのまま
会話は文字通り何気ない質問から始まり、途中で2回方向転換しました (「やっぱりHTML版にして」→「インストールできるWebアプリみたいにパッケージ化して」)。 エージェントは何もリセットせず、そのまま方向転換に従いました。
preview.htmlを書き始めているエージェント。目で見るデザインイテレーション
見た目を推測する代わりに、エージェントは4種類の文字盤 — porcelain、night、 minimal、roman — をプレビューページに並べてレンダリングし、自分の出力を スクリーンショットで確認し、自分で見つけた2つの不具合を報告してきました: 秒針の影が濃すぎることと、minimalの文字盤の12時マーカーが長すぎることです。 両方とも納品前に修正されました。
screenshot_htmlによるQAステップ — 出荷前に自分の仕事を確認しています。本物のアプリになる
1つのHTMLファイルはデモです。インストール可能なものには配管が必要です: manifest.webmanifest、オフライン用のservice worker、そしてアイコン。
エージェントはそのすべてを書きました — さらに誰も頼んでいないエンジニアリングまで。
文字盤はオフスクリーンレイヤーに描画し、各フレームで再描画するのは針だけなので、
常時表示の時計でもCPUを消費しません。
正直な限界を、声に出して
時計を他のウィンドウの最前面に固定できたでしょうか?できません — ブラウザはWeb
ページにそれを許していません。そしてエージェントは、はぐらかすのではなく、それを
はっきり伝えました。それでも回避策は出荷しました:MicrosoftのPowerToys
(Win+Ctrl+T)、1行のAHKスクリプト、そして自分で書いた SetWindowPosトグルです。「Xはできません」と「Xの95%を得る3つの方法」を
セットで返すこと — それがこのプロダクトに求める答え方です。
それを「納品」にする部分
ワークスペース内のコードは、まだ宿題です。エージェントがデプロイを提案し —
ユーザーは設定 → チャンネルで一度だけCloudflareアカウントを接続し(アカウント
ID + APIトークン、約30秒)、チャットの次のメッセージにはライブURLが入って
いました:onepress-clock.pages.dev。EdgeまたはChromeで開き、 Installをクリックすると、実際のWindowsデスクトップに時計アイコンが
できあがり、専用ウィンドウで起動します — アドレスバーなし、オフラインでも
動きます。
ここで正直な脚注を2つ。1つ目:使われたのは私たちではなくユーザーのクラウド
アカウントです — そのサイトはプロダクトと共に消える共有リンクではなく、
ユーザーが所有する資産です。2つ目:デプロイ自体に本物のバグがありました —
2回のデプロイがsuccessを報告したのに全パスが404を返しました。
原因は、アップローダーがファイル内容を先に登録せずにmanifestを投稿して
いたためです。それはこの同じセッション内で診断・修正されました(wrangler式の
正規アップロードフローに) — だからこそ、この話を痛みなく公開できます。
fix(publish): CF Pages 直传改 wrangler 四步流。本当に重要な計算
経過した実時間:約30分。そのほとんどはエージェントが1人で作業していました。 人間の入力:およそ1分 — やってほしいことを述べる一文、設定での1回の連携、 「Install」の1クリック。こういうプロダクトで面白い作業単位は、プロンプトの トークン数でもレンダリング時間でもありません。エージェントがユーザーの 1時間をどれだけ取り戻してくれるかです。
そしてこれはオモチャでした。そこがポイントです:使い捨ての願いごとにも、 デザインQAと正直な制約への対処、そしてユーザーが所有するインフラ上の出荷 可能な成果物が付いてきました。本当に必要なもの — クラス向けの単語学習 アプリ、チーム向けの計算機 — で同じ流れを試しても、ループはまったく 同じです。
FAQ
- AIエージェントはインストール可能なアプリを作れますか?
- はい — チャットで欲しいものを説明するだけです。エージェントがプログレッシブWebアプリをビルドし、あなた自身のCloudflare Pagesアカウントにデプロイします。あとはブラウザからネイティブアプリのようにインストールするだけ — デスクトップでもスマホでも。
- Webサイトのデプロイ方法を知っている必要がありますか?
- いいえ。一度だけ:設定 → チャンネルにCloudflareのアカウントIDとAPIトークンを貼り付けます。その後はチャットで「これをCloudflareにデプロイして」と言うのが全ステップです —
<name>.pages.devのライブURLが届きます。 - アプリはどこに置かれますか — 自分のものになりますか?
- あなた自身のCloudflareアカウントの下、あなた自身の
<project>.pages.devの名前で置かれます。期限切れになる共有リンクではありません — 明日OnePressの利用をやめても、アプリはそのまま動き続けます。 - WebアプリをWindowsで常に最前面に表示できますか?
- 単体ではできません — ブラウザが禁止しています。PWAをインストールした上で、PowerToys(
Win+Ctrl+T)または小さなスクリプトでウィンドウを固定します。真の常時最前面のネイティブアプリには、C#/WinFormsルートが必要です。
自分で試してみてください:onepress-clock.pages.dev を開いてInstallをクリック — またはアプリ を開いて、ずっと作りたかったものを説明してください。
Inside OnePress — the build log
More posts like this, plus the weekly AI digest, straight to your inbox.
Get the build log in your inbox →Reading this and have thoughts?
Spot a mistake, disagree, or want a follow-up? Tell us — a human reads it.