Plus-α.net見ているページのワイヤーフレーム変換ツールPlus-α.netHOMEwebツールワイヤーフレーム変換1クリックで見ているページをワイヤーフレームに変換はじめに表示しているページを、1クリックでワイヤーフレームに変換するブックマークレットのご案内です。ページを表示して、ブックマークレットをクリックすると、下記の様なワイヤーフレームに変換します。見ているページをこのように変換できますブックマークレットをクリックする毎に、カラー、彩度50%、グレースケールと繰り返し変化します。彩度50%グレースケールPC用ページ全体の変換サンプルですChromeの機能により、もっと長いスクリーンショットを撮ることも出来ます。画像部分は全てSVGデータなので、PDFのように拡大しても奇麗なまま見られます。画像部分は、元の作りにより色を変えて表示しており、制作時の参考などに出来ます。before、after色々な作りのページに対応していますスマホ用ページも変換できますChromeのデベロッパーツールにてデバイスを設定して変換しています。→「WF」をブックマークに登録して下さい。(ブックマークバーにドラッグ&ドロップで登録すると便利です)ワイヤーフレーム化したいページを表示します。最下部までスクロールしてページの内容を全て表示し、再度スクロールを最上部に戻します。※スライドやフェードなどで表示する内容は、全て表示してからでないと、元が存在しないので変換ができません。お気に入りに登録したブックマークレットをクリックすると、ワイヤーフレームに変換します。マウスアウトでワイヤーフレーム表示、オンマウスで元ページ表示に切り替わります。※クリック時の動作などは、機能しなくなります。ワイヤーフレーム化すると、ページ内の各機能は、動作しなくなります。元のページに表示を戻したい場合は、ページをリロードして下さい。スクリーンショットを撮る際は、Chromeに付いている下記の何れかの機能が便利です。screenshot」ツール自体への機能追加を試みましたが、上記機能より奇麗に出来ませんでしたので追加致しません。注意事項などこのツールは、ワイヤーフレームを作る際の元となるデータを作る物ではなく、ワイヤーフレームを作る際の参考程度にお使い頂けばと考えております。変換できる物ではなく、ページにより奇麗に変換できない場合や、ツールを使用拒否しているページもあります。殆どのページでは、少しスクロールすると変換されます。スクロールに合わせてコンテンツを表示するページ。一定時間おきにコンテンツを表示したり切り替えたりするページ。スクロールに合わせて移動するコンテンツがあるページ。複雑に構成されているページ。Plus-α.net。