← ブログ

思いつきからインストール可能なアプリへ

2026年11月4日 · OnePressの裏側

これはユースケースではなく、思いつきから始まりました:「Windowsのデスクトップに置く、 小さくてきれいなアナログ時計を作ってくれる? — 文字盤は何種類かあって、本物の時計 みたいな感じの」。チャットでのたった一言です。ブリーフも、仕様も、締め切りも ありませんでした。この後起きたことは、このプロダクトが実際に何のためにあるかをよく示す 例です — というわけで、スクリーンショット付きで正直に実況します。

実際の依頼、そのまま

会話は文字通り何気ない質問から始まり、途中で2回方向転換しました (「やっぱりHTML版にして」→「インストールできるWebアプリみたいにパッケージ化して」)。 エージェントは何もリセットせず、そのまま方向転換に従いました。

チャット:中国語での最初の依頼と、最初のファイルを書き始めるエージェント
最初の依頼(中国語 — 演出ではなく実際のセッションです)と、すでに preview.htmlを書き始めているエージェント。

目で見るデザインイテレーション

見た目を推測する代わりに、エージェントは4種類の文字盤 — porcelain、night、 minimal、roman — をプレビューページに並べてレンダリングし、自分の出力を スクリーンショットで確認し、自分で見つけた2つの不具合を報告してきました: 秒針の影が濃すぎることと、minimalの文字盤の12時マーカーが長すぎることです。 両方とも納品前に修正されました。

4つの文字盤レンダリングを含むエージェントのビジュアルQAメッセージ
エージェントが比較用に作った4面デザイン。その下にあるのは、エージェント自身の screenshot_htmlによるQAステップ — 出荷前に自分の仕事を確認しています。

本物のアプリになる

1つのHTMLファイルはデモです。インストール可能なものには配管が必要です: manifest.webmanifest、オフライン用のservice worker、そしてアイコン。 エージェントはそのすべてを書きました — さらに誰も頼んでいないエンジニアリングまで。 文字盤はオフスクリーンレイヤーに描画し、各フレームで再描画するのは針だけなので、 常時表示の時計でもCPUを消費しません。

manifest.webmanifestとsw.jsを書き、アイコンを生成するツール呼び出し
manifest、service worker、アイコン — PWAの配管が、普通のワークスペースファイル として書かれています。

正直な限界を、声に出して

時計を他のウィンドウの最前面に固定できたでしょうか?できません — ブラウザは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.