Skip to content

demo: screendiff の Before/After 比較を試すためのサンプル変更(マージしない) - #2

Open
tsubotax wants to merge 2 commits into
mainfrom
demo/screendiff-showcase
Open

demo: screendiff の Before/After 比較を試すためのサンプル変更(マージしない)#2
tsubotax wants to merge 2 commits into
mainfrom
demo/screendiff-showcase

Conversation

@tsubotax

Copy link
Copy Markdown
Owner

melta-screendiff を初見で試すための常設デモPRです。マージせず開いたままにします。

目的

/screendiff:screendiff <このPR番号> を叩くと、このPRのbase(main)とPRブランチをそれぞれ配信・撮影して、Before/After比較HTMLが生成されます。自分のリポジトリに設定を書く前に、完成形を体験するためのものです。

変更内容(2画面)

画面 変更
examples/ec-home.html ヒーローを秋の模様替えフェア版に(アンバー配色・コピー差し替え)
examples/aozora-booking.html 検索エリアを表参道・青山に変更(見出し・件数も追従)

2画面を同時に変えているので、複数画面の解決と比較HTMLの目次も確認できます。

前提

このリポジトリには .claude/screendiff.json が入っているので、cloneして /plugin install screendiff@melta すればそのまま動きます。静的HTMLを python3 -m http.server で配信するだけなので、npm install も build も不要です。

マージしない理由

マージするとデモの入り口が消えます。squash/rebaseでマージされたPRはBeforeの自動特定ができず(親が1つになるため)、初見の体験としては成立しません。

tsubotax and others added 2 commits July 26, 2026 08:24
melta-screendiff をこのリポジトリで動かすための設定。clone してすぐ
/screendiff:screendiff <PR番号> を叩けるよう .claude/ の配布例外に加える。
静的HTMLを python3 -m http.server で配信するだけなので npm / build は不要。
撮影出力(output/screendiff/)は ignore してワークツリーを汚さない。

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
melta-screendiff の Before/After 比較を初見で試すための常設デモPR用。
マージしない前提の変更。

- ec-home: ヒーローを秋の模様替えフェア版に(アンバー配色・コピー差し替え)
- aozora-booking: 検索エリアを表参道・青山に変更(見出し・件数も追従)

2画面を同時に変えることで、複数画面の解決と比較HTMLの目次も確認できる。

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant