Japan Liebe · Web Ops Demo

Parallel Publishing:
One Deploy, Two Pages

並行公開のしくみ:
1回のデプロイで「見るページ」と「直すページ」

Every page we publish automatically ships with a twin “edit page”. Readers see a clean page; reviewers get a mirror with comment boxes — no extra work for anyone.

公開したページには、自動的に双子の「編集ページ」が付いてきます。読む人にはきれいなページを、レビューする人には記入欄付きのミラーを — 誰の手間も増やさずに。

What is this?

これは何?

This page itself is the demo. It was deployed once, and the system automatically generated a companion edit page next to it:

このページ自体がデモです。1回デプロイしただけで、システムが自動的に隣へ編集ページを生成しました:

# the page you are reading (for everyone)
https://<project>.pages.dev/
# its twin edit page (for reviewers)
https://<project>.pages.dev/edit.html

Try it now: open /edit.html — or hover the top-right corner of this page and click the faint “✎ edit” link.

今すぐ試せます: /edit.html を開くか、このページ右上にうっすら見える「✎ edit」リンクをクリックしてください。

How it works

どう動くか

1. Deploy once A single command publishes the HTML to Cloudflare Pages. コマンド1つでHTMLをCloudflare Pagesに公開。
2. Edit page auto-generated The deploy pipeline creates /edit.html automatically — a live mirror of the page, section by section, each with its own comment box. デプロイ処理が /edit.html を自動生成 — ページをセクションごとに鏡映し、それぞれに記入欄が付きます。
3. Reviewer writes fixes The reviewer types correction requests right next to the content. Input is auto-saved in the browser. レビュー担当は内容のすぐ横に修正指示を記入。入力はブラウザに自動保存されます。
4. Export JSON → AI applies “Export JSON” bundles only the filled-in requests (with the page URL and a ready-made prompt). Paste it to the AI and it applies every fix and redeploys. 「Export JSON」で記入済みの指示だけを書き出し(ページURLと実行手順プロンプト入り)。AIに貼るだけで全修正の反映と再デプロイまで行われます。

The edit page is a tool, not content: it always mirrors the latest deployed page, so it never goes stale.

編集ページは「コンテンツ」ではなく「ツール」。常に最新のデプロイ内容を鏡映するので、古くなることがありません。

Why this beats screenshots & chat threads

スクショ+チャット往復より優れている点

Old wayParallel publishing 従来のやり方並行公開
Screenshot + “fix the 3rd paragraph” in chat Comment box sits directly under the exact section スクショを撮って「3段落目を直して」とチャット 該当セクションの真下に記入欄がある
Feedback scattered across threads One JSON file collects everything, tagged with the page URL 指摘がスレッドに散らばる ページURL付きのJSON 1つに全指摘が集まる
Author re-reads chat, hunts each spot manually AI reads the JSON, applies all fixes, redeploys — minutes 作成者がチャットを読み返し、該当箇所を手作業で探す AIがJSONを読み、全修正を反映して再デプロイ — 数分

Sample content (for the edit-page demo)

サンプルコンテンツ(編集ページのデモ用)

Dummy itinerary below — open /edit.html and see how each day gets its own comment box.

以下はダミー旅程です。/edit.html を開くと、各日に個別の記入欄が付くのが分かります。

Day 1Tokyo — Arrival & Quiet Backstreets東京 — 到着と静かな路地裏

Sample text: private transfer from Haneda, evening walk through Yanaka's lantern-lit lanes, seasonal kaiseki dinner.

サンプル文:羽田からプライベート送迎、夕方は谷中の提灯灯る路地を散策、季節の懐石ディナー。

Day 2Hakone — Craft & Onsen箱根 — 工芸と温泉

Sample text: yosegi marquetry workshop with a local artisan, afternoon at a private open-air bath facing the valley.

サンプル文:地元職人と寄木細工のワークショップ、午後は渓谷を望む貸切露天風呂。

Day 3Kyoto — Morning Rituals京都 — 朝の静寂

Sample text: dawn visit to a moss garden before the crowds, tea ceremony with a master in a machiya townhouse.

サンプル文:人出前の早朝に苔庭を訪問、町家で茶人による茶道体験。

Try it yourself

自分で試す

  1. Open /edit.html.
  2. /edit.html を開く。
  3. Type a fix request into any comment box (e.g. “Change Day 2 to Nikko”).
  4. どれかの記入欄に修正指示を書く(例:「Day 2 を日光に変えて」)。
  5. Click Export JSON and paste the result to the AI — that's the whole workflow.
  6. Export JSON を押して、出てきたJSONをAIに貼る — ワークフローはこれだけ。
✎ edit