----------------------------------------------------------------------
ご利用方法・説明書
----------------------------------------------------------------------
異なるWebサイト間ページ要素・スタイルコピー貼り付け
Webサイト・Webアプリのモック、プレゼン資料、AI分析結果のまとめを高速作成
Clipage（クリッページ）
----------------------------------------------------------------------
■ 概要
----------------------------------------------------------------------
Clipage（クリッページ）は、異なるWebサイト間でページ要素やスタイルのコピー貼り付けを可能にし、
Webサイト・Webアプリのモックアップ、プレゼン資料、AI分析結果のまとめなど
を高速に作成できるWindows向けビジュアル編集ツールです。
通常のブラウザでは閲覧しかできないWebページに対して、
ページ要素・スタイルのコピー
要素の貼り付け・削除
テキストの直接編集
レイアウト編集・位置調整
範囲選択による数値集計
Webページの分析・比較
などを、HTMLやCSSを記述することなく、マウス操作だけで直感的に行えます。
Microsoft Edge WebView2を採用しているため、一般的なWebサイトだけでなく、
社内システム、業務システム、管理画面、Webアプリケーションなど幅広いWebページに対応します。
既存サイトのデザインを参考にした画面設計、Webサイト・Webアプリのモックアップ作成、
営業・提案資料の作成、AI分析結果の整理、UI/UX設計、価格比較、経理・在庫管理など、
さまざまな業務を効率化する支援ツールとして活用できます。
--------------------------------------------------------------------------
■ バージョン・変更履歴
--------------------------------------------------------------------------
- version 20260827_01 (2026/08/27)
・表示中のページを単一HTMLファイルとして保存する「Save」ボタンを追加
現在ブラウザに表示しているページ全体を、外部ファイルに依存しない
1つのHTMLファイルとして保存できるようにしました。すべての要素の
スタイルをインライン化し、画像をBase64形式で埋め込むため、
保存したファイルはオフライン環境でもそのまま表示できます。
操作パネルなどツール自身の表示は保存内容に含まれません。
・保存したHTMLファイルを開く「Open」ボタンを追加
「Save」で保存した単一HTMLファイルを選んで、ブラウザ上に再表示
できるようにしました。画像を多く含むファイルでも開けるよう、
ファイルを直接読み込む方式にしています。
・URLバーからの読み込みに対応
URLバーにアドレスやローカルファイルのパスを入力してEnterを押すと、
そのページを開けるようにしました。「https://」などを省いた入力や、
ローカルのHTMLファイルのパス指定にも対応しています。
- version 20260826_02 (2026/08/26)
・コピー中のプログレス表示を追加
画像を多く含む要素や大きな範囲のコピーには時間がかかる場合があるため、
処理の進行状況を画面上部に表示するようにしました。画像の埋め込み中は
「画像を埋め込み中 (3/62)」のように処理済み枚数がリアルタイムで
更新され、コピーが進んでいることを確認できます。
- version 20260826_01 (2026/08/26)
・コピーした画像がBase64化されない問題を修正
Webページ上の画像を含む要素をコピーした際、一部の画像がBase64形式に
変換されず、元の画像URLのまま保存される場合がある問題を修正しました。
画像データを正しく取得してBase64化することで、オフライン環境や
Obsidianなどへの貼り付け後も画像を表示できるようになりました。
- version 20260825_01 (2026/08/25)
・コピー出力の大幅な軽量化
要素コピー時のスタイルインライン化を、表示に必要なプロパティだけを
残すホワイトリスト方式に変更しました。コピー結果のHTMLサイズが
大幅に小さくなり、Obsidianなど貼り付け先での表示も高速になりました。
見た目の再現性はそのまま維持しています。
・貼り付け方式に「流し込み」を追加
従来の「重ね置き」（クリック位置に自由配置）に加えて、クリックした
要素の直後に文書フロー内へ挿入する「流し込み」を選べるようにしました。
Alt+クリックで、クリックした要素の子として末尾に追加できます。
操作パネルの「貼付方式」で切り替えられます。
・コピー・貼り付け時に選択枠が残る問題を修正
要素選択時の赤枠（ハイライト）がコピー結果に焼き込まれ、貼り付け後も
表示されたままになる問題を修正しました。過去にコピーした内容を
貼り付けた場合も、赤枠を自動的に除去します。
・印刷時に操作パネルを非表示化
印刷出力時に、操作パネル・メッセージなどのツール表示を自動的に
非表示にするようにしました。貼り付け要素の選択枠や範囲集計の
ハイライトも印刷には含まれません。
・内部処理の安定性向上
編集用スクリプトが文字コード変換の影響で破損しないよう修正しました。
- version 20260726_01 (2026/07/26)
初版公開
----------------------------------------------------------------------
■ 主な利用シーン
----------------------------------------------------------------------
・異なるWebサイト間でページ要素・スタイルをコピー＆貼り付けしたい
・既存Webサイトをベースに、新しいWebサイトを高速に作成したい
・Webサイト・Webアプリのモックアップを短時間で作成したい
・営業提案資料やプレゼン資料を、既存Webページを利用して作成したい
・AIで生成したHTMLや分析結果を、見やすいレイアウトにまとめたい
・HTMLやCSSを書かずに、Webページのデザインやレイアウトを編集したい
・ページ上の文字や画像を直接編集し、画面イメージを作成したい
・Webページ上の価格・数量・金額などを範囲選択して集計したい
・ECサイトの商品情報や価格を比較・分析したい
・見積書・請求書・管理画面の金額をその場で集計したい
・社内システムや業務システムの画面設計・UI改善を行いたい
・既存システムのリニューアルや画面改善の検討資料を作成したい
・Webサイトや管理画面の画面キャプチャよりも自由度の高い資料を作成したい
・Web制作会社のデザイン確認や顧客との打ち合わせ資料を作成したい
・教育資料、操作マニュアル、社内研修資料を効率よく作成したい
・競合サイトや参考サイトを分析し、デザインやレイアウトを比較・検討したい
----------------------------------------------------------------------
■ 基本情報 / 動作環境
----------------------------------------------------------------------
・対象：
個人非ビジネス利用 / 評価目的：無料
商用利用（個人ビジネス・企業・業務利用）：要ライセンス
・対応OS：
Windows 11（64bit）
※ 本ソフトは 32bit（x86）アプリです。
64bit OS 上では WoW64 環境で動作します。
・必要環境：
Microsoft Edge WebView2 Runtime
※ Windows 11 には通常 WebView2 Runtime が含まれています。
※ 環境によって未導入・無効化・更新停止されている場合は、
別途 WebView2 Runtime のインストールが必要になる場合があります。
画面解像度：
1280×720 以上推奨
メモリ：
4GB以上推奨
----------------------------------------------------------------------
■ 同梱ファイル一覧
----------------------------------------------------------------------
・Clipage.exe
アプリ本体
・config.ini
設定ファイル
・WebView2Loader.dll
WebView2ライブラリ
・ご利用方法・説明書.txt
本ファイル
・ご利用規約.txt
ライセンス条件および免責事項
・バージョン・変更履歴.txt
更新履歴
----------------------------------------------------------------------
■ セキュリティ / プライバシー
----------------------------------------------------------------------
・推奨実行環境：
まずはテスト用PC または VPS / 仮想環境でお試しください。
・レジストリ：
レジストリは一切使用していません。
フォルダ配下に設定ファイル、ログファイル、生成ファイル等を出力するのみです。
・Windows のセキュリティ設定により、以下の操作が必要な場合があります。
社内ポリシーがある場合は、IT 管理者の指示に従ってください。
- ダウンロードした ZIP ファイルのブロック解除
（ZIP ファイルのプロパティ → 「ブロックの解除」）
- SmartScreen 表示時の実行許可
- 「ウイルスと脅威の防止」の設定 → 除外の追加
（誤検知時の最終手段として）
----------------------------------------------------------------------
■ インストール方法
----------------------------------------------------------------------
インストーラーは使用していません。
ZIP を解凍してご利用ください。
ダウンロード後、ファイルを解凍し、フォルダごとお好きな場所にコピーしてください。
レジストリは一切使用しておりません。
出力ファイル、ログファイル、生成ファイルは、
基本的にプログラムと同じ場所に生成されます。
----------------------------------------------------------------------
■ 基本的な使い方
----------------------------------------------------------------------
主な機能
・標準操作モード
通常のブラウザ操作を行います。
リンククリック
ボタン操作
フォーム入力
スクロール
・コピー
クリックしたHTML要素を
HTML
CSS
Computed Style
ごとコピーできます。
・貼り付け
コピーした要素を
任意の位置へ配置できます。
・削除
不要な要素を削除できます。
Deleteキーにも対応しています。
・文字編集
ページ上の文字を直接編集できます。
Ctrl+Enterで確定
Escで取消
・配置編集
ドラッグ操作
位置変更
サイズ変更
z-index変更
複数選択
整列
均等配置
・範囲集計
画面上をドラッグするだけで、
範囲内にある数値を自動解析します。
表示内容
合計
平均
件数
対象要素数
対応
\
￥
円
カンマ
小数
マイナス
括弧付き負数
・ショートカットキー
Ctrl+C
Ctrl+V
Delete
Ctrl+Enter
Esc
----------------------------------------------------------------------
■ アンインストール / 削除方法
----------------------------------------------------------------------
インストーラーは使用していません。
レジストリも一切使用していません。
解凍したフォルダごと削除していただければ、アンインストール完了です。
----------------------------------------------------------------------
■ ライセンス / サポート
----------------------------------------------------------------------
・対象：
個人非ビジネス利用・評価目的：無料
商用利用（個人ビジネス・企業・業務利用）：要ライセンス契約
・個別サポート：
本ソフトは無償提供の評価版のため、個別サポートは原則として行っておりません。
バグレポート・ご意見・ご要望は Web サイトのお問い合わせフォームよりご連絡ください。
対応・返信をお約束するものではありませんが、今後の改善の参考とさせていただきます。
----------------------------------------------------------------------
■ カスタマイズ / OEM について
----------------------------------------------------------------------
以下のような個別のご要望に応じて、ご相談を承ります。
・自社専用ブラウザ
・Web業務システム専用版
・Webスクレイピング機能追加
・AI連携
・PDF出力
・Excel連携
・CSV出力
・OCR連携
・業種専用版
・OEM提供
----------------------------------------------------------------------
■ その他・お問い合わせ
----------------------------------------------------------------------
個別サポート、カスタマイズ、OEM、開発依頼、大規模システム開発、
代理店・パートナー・ビジネス協業・共同開発など、
お気軽にお問い合わせください。