ビジュアル差分チェッカーPROTOTYPE

改修前後のスクリーンショットを比較し、意図しない表示崩れや差分を素早く検出します。

画像は外部送信されず、ブラウザ内でピクセル比較のみ行います。2枚目の画像は1枚目のサイズに合わせて表示するため、撮影範囲・解像度をできるだけ揃えてください。

1. 画像をアップロード

改修前(Before)と改修後(After)のスクリーンショットをドラッグ&ドロップ、またはクリックして選択してください。

修正前(Before)
ドラッグ&ドロップ、またはクリックして選択
修正後(After)
ドラッグ&ドロップ、またはクリックして選択

2. 検出感度を調整して比較

感度を上げるほど、わずかな色の違いにも敏感に反応します。

検出感度 30

テキスト比較PROTOTYPE差別化: 粒度切替+共有URL

2つの原稿の違いを検出します。

1. 比較したい文章を入力

ダミーテキスト生成PROTOTYPE差別化: HTMLタグ出力+段落分け

ワイヤーフレームや検収用のダミー原稿を生成します(参考ツールをベースに、CMSへそのまま貼れるHTMLタグ出力と段落自動分割を追加)。

1. 条件を指定

2. 生成結果

文字数カウンターPROTOTYPE差別化: 媒体別の上限プリセット

入力中の文字数をリアルタイムで集計します(参考ツールをベースに、titleタグ・meta description・SNS等の文字数上限プリセットと残数表示を追加)。

1. テキストを入力

2. 媒体別の文字数上限をチェック

titleタグやSNS投稿など、媒体ごとの目安文字数に対する残数を確認できます。

ディレクトリマップ作成PROTOTYPE差別化: パス自動計算+ツリー図自動生成

Excelやスプレッドシートでの手作業に代えて、ページ構造を入力するだけで階層パスの自動計算とツリー図の自動生成を行います。

1. ページを追加

2. サイト構造を編集

各項目はその場で編集できます。パスは親ページからの階層に応じて自動的に連結されます(Excelのように毎行フルパスを打ち直す必要がありません)。

ページ名パス(slug)テンプレート備考自動計算パス

3. 出力を確認

階層ページ名パステンプレート備考

プレーンテキスト生成PROTOTYPE差別化: 貼り付けで自動変換

ソースコードなどからコピーした際に残るHTMLタグを取り除き、プレーンテキストに変換します。

1. HTMLを貼り付け

貼り付けると自動的に変換されます(オプション変更後は「変換」ボタンでも再変換できます)。

パスワード生成PROTOTYPE差別化: 用途ラベル一括発行

クライアント納品や検収環境の共有時などに、複数のパスワードをまとめて発行できます。強度を見ながら文字種を調整し、用途ラベルを付けてCSVで書き出せます。

1. 生成条件

2. 生成結果

用途ラベルを入力して管理できます。「Basic認証へ」ボタンでツール⑧にそのまま渡せます。

パスワード用途ラベル強度
まだ生成していません。「生成する」を押してください。

Basic認証生成PROTOTYPE差別化: 設定ファイル・案内文まで自動生成

検収環境や社外公開前のステージング環境などにかける、Basic認証のID・パスワードとハッシュを発行します。

本プロトタイプはMD5 (apr1・Apache標準)とSHA-1形式に対応しています。より安全なbcrypt形式は、ブラウザ内で正確性を担保できる実装コストが高いため本プロトタイプでは非対応です。bcryptが必要な場合はサーバー側のhtpasswd -Bコマンド等をご利用ください。

1. アカウントを追加

2. 登録済みアカウント

ユーザー名パスワード形式
まだアカウントがありません。

3. 出力を確認

アカウントを追加すると出力が表示されます。

表記ゆれチェックPROTOTYPE差別化: 自動検出+ハイライト+カスタム辞書

原稿内の表記ゆれ(カタカナ長音・送り仮名・言い回し・全角半角混在など)を検出し、該当箇所をハイライト表示します。

正規表現による簡易的な検出です。文脈を考慮した完全な検出ではないため、検出結果は目安としてご利用の上、最終確認は目視でお願いします。

1. 原稿を入力

2. カスタム辞書(任意)

表記ゆれとして扱いたい語をカンマ区切りで入力してください(例: 弊社,当社,御社)。

まだ登録されていません。

IPアドレスチェックPROTOTYPE差別化: 確認+検証+CIDR計算+制限設定生成を統合

検収環境やステージング環境のIP制限設定に使う情報をまとめて扱えます。⑧Basic認証生成と組み合わせることで、より強固なアクセス制限を実現できます。

「自分のIPアドレスを確認」は外部サービス(ipify.org)への通信を行います。社内ネットワークやプロキシ環境によっては取得できない場合があります。その他の機能(形式チェック・CIDR計算・制限設定生成)はすべてブラウザ内で完結し、外部通信は行いません。

1. 自分のIPアドレスを確認

クライアントへのIP共有や、制限設定前の現状確認に使えます。

まだ取得していません。

2. IPアドレス形式チェック

3. CIDR計算(IPv4)

サブネットの範囲・ホスト数を計算します(例: 203.0.113.0/24)。

4. IP制限設定を生成

許可するIPアドレス・CIDRを登録すると、Apache(.htaccess)/ nginx の許可設定を自動生成します。

IPアドレス / CIDRラベル
まだ登録されていません。
アドレスを登録すると出力が表示されます。