Kasanely

2つのページを、並べて、重ねて、差分で見る静的ツール。

WebページやローカルHTMLを比較するビルド不要の静的HTMLツール。

URLまたはローカルHTMLを読み込み、横並び、重ね合わせ、スワイプ、差分表示で確認できます。Basic認証付きURLの補助、表示位置調整、ビューポートプリセットも備えています。

Overview

二つのページを、並べて重ねて比較。

すぐ開いて、2つの画面差分を確認できる道具。

ページ比較、改修前後チェック、LP差分確認、ローカルHTML確認、社内向けの静的検証ツールに近い制作です。

2画面の読み込み、横並び表示、オーバーレイ、スワイプ、差分表示、ビューポート設定、高さ調整、位置調整、日英切り替え、Basic認証URL生成を実装しました。

|||

AIでiframe制約、Basic認証の注意書き、比較モードの説明、操作パネルの文言を洗い出し、静的HTMLで成立する範囲に絞りました。

||||

ビルド不要のWebツール、制約を明示するUI、検証作業に合わせた操作設計、日英対応の静的アプリを作れることを示しています。