# モックアップスタジオ

Mockup Studioは、変換を実行する前にシートレイアウトをレンダリングする、ユーザーインターフェイスの視覚的なプレビューツールです。固定キャンバスビューと動的グリッドビューを切り替え、スケーリングとサイズ制約を調整して、各シートへの影響をリアルタイムで確認できます。

Mockup Studio を開くには、ウィザードの 詳細 ステップで Mockup studio を開く をクリックします。Mockup Studioでは、プロジェクトステップでPRJフォルダーを設定する必要があります。

## ツールバー

モーダル上部のツールバーでは、次の操作を実行できます。

* 再スキャン — PRJフォルダーを再スキャンしてシートリストを更新します。PRJフォルダーを変更した後、または新しいフォルダーを生成した後にこれを使用します。
* フィット — シート全体が表示されるように、キャンバスをビューポートに合わせます。
* 100% — ズームレベルを100%にリセットします。
* キャンバス — 設定パネルを非表示にする全幅キャンバス表示を切り替えます。
* 全画面表示 — モーダル全体の全画面表示モードを切り替えます。

## シートセレクター

シートセレクターのドロップダウンには、ドキュメント内のすべてのシートが一覧表示されます。レイアウトをプレビューするには、シートを選択してください。シート名には軸インジケーターが含まれます。星印は両方の軸で最も大きいシートを示し、水平方向の矢印は最も幅の広いシートを示し、垂直方向の矢印は最も高さのあるシートを示します。これらのインジケーターは、どのシートが均一なキャンバスサイズを決定しているかを特定するのに役立ちます。

## キャンバスモード

キャンバスモードのドロップダウンでは、固定ピクセルキャンバスとダイナミックグリッドを切り替えます。モードを変更すると、プレビューが即座に再レンダリングされます。Mockup Studioはモードごとに選択された画面プリセットを個別に記憶するため、モードを切り替えると最後に使用したプリセットが復元されます。

## 自動拡張

自動拡張トグルは、動的グリッドモードでのみ表示されます。有効にすると、すべてのオブジェクトを収容できるように、シートがデフォルトのグリッドの高さを超えて垂直方向に拡大します。無効にすると、オブジェクトは標準グリッドに圧縮されます。この設定は `--noAutoExtendDynamicSheet` 引数に対応しています。

## 画面プリセット

画面プリセットのドロップダウンは、さまざまな画面サイズをシミュレートします。プリセットを選択すると、キャンバスがシミュレートされた画面サイズに自動的に調整されます。次のプリセットが利用可能です。

| プリセット | 軸 |
| --- | --- |
| MacBook Air 13インチ | 1440 × 900 |
| MacBook Pro 14インチ | 1512 × 982 |
| MacBook Pro 16インチ | 1728 × 1117 |
| iMac風 | 1680 x 1050 |
| モニター (1080p) | 1920 × 1080 |
| モニター (1440p) | 2560 × 1440 |
| モニター (16:10) | 2560 x 1600 |
| iPad Pro 12.9インチ | 1024 × 1366 |

デフォルトのプリセットは、固定キャンバスモードではMacBook Pro 14"、動的グリッドモードではモニター (1080p)です。Mockup Studioは、モードごとに選択されたプリセットを個別に記憶します。

iPad Pro プリセットを選択すると、回転ボタンが表示されます。横向きと縦向きを切り替えるには、回転をクリックします。

## ズームとパン

キャンバスをドラッグしてパンします。ズームするには、(Ctrl キーを押しながら) スクロール ホイールを使用するか、ズーム スライダーを調整します。ズーム範囲は25%～300%です。

## プレビューの切り替え

3つのトグルで、キャンバス上のオーバーレイ要素の表示/非表示を制御します。

* 背景 — シートの背景画像を表示または非表示にします。この設定は、適用をクリックするとウィザードに同期されます。
* キャプション — オブジェクトのキャプションヘッダーを表示または非表示にします。プレビューのみ。変換には影響しません。
* レイアウトコンテナ — レイアウトコンテナのアウトラインを表示または非表示にします。プレビューのみ。変換には影響しません。

## 色

色セクションは、シートとリストボックスの外観を制御します。

* Sheet bg — すべてのシートに単色の背景塗りつぶしとして適用される16進カラー値。`#RRGGBB`形式で値を入力するか、カラーピッカーを使用してください。
* Listbox bg — リストボックスの背景に適用される16進数のカラー値。QV トグルが有効になっている場合、このフィールドは非表示になります。
* QV (トグル) — 有効にすると、QV2QS は元の QlikView リストボックスの背景色を保持します。無効にすると、リストボックスの背景色フィールドが表示され、すべてのリストボックスで指定した色が使用されます。

## スケーリング

スケーリングセクションは、固定キャンバスモードでのみ表示されます。ペアになった2つのコントロール（スライダーと数値入力）で、スケール係数を調整します。

* キャンバススケール — シートの背景およびキャンバス全体の寸法の倍率。デフォルト: `1.4`。範囲: 0.25～5（スライダーの対応範囲は 1.0～3.0 です。全範囲を設定するには、数値入力欄に値を入力してください）。
* オブジェクトスケール — キャンバス内のオブジェクトの位置とサイズの倍率。デフォルト: `1.4`。範囲: 0.25～3（スライダーの範囲は 0.25～2.0 です。全範囲を指定するには、数値入力欄に値を入力してください）。

背景画像が小さすぎる場合は、キャンバスのスケールを大きくしてください。背景に対してオブジェクトが小さすぎる場合は、オブジェクトのスケールを大きくしてください。どちらのコントロールでもプレビューが即座に更新されます。

スケーリングヘッダーのチェーンアイコンは、2 つの値をリンクします。リンクされている場合（デフォルト）、いずれかのスケールを変更すると両方が更新されます。アイコンをクリックしてリンクを解除し、個別の値を設定します。もう一度クリックして再リンクすると、オブジェクトのスケールが現在のキャンバスのスケール値にスナップします。リンク状態はウィザードと同期し、適用サイクルをまたいで保持されます。

## サイズ制約

サイズ制約セクションは、固定キャンバスモードでのみ表示されます。正確なサイズ (切り抜き) が有効になっている場合、切り抜きがすべてのサイズ制限を上書きするため、このセクションは無効になります。

* 最小幅 — キャンバスは少なくともこの幅（ピクセル単位）まで拡張されます。デフォルト: `1200`。
* 最小の高さ — キャンバスは少なくともこの高さ（ピクセル単位）まで拡大されます。デフォルト: `700`。
* 最大幅 — キャンバスは最大でこの幅まで縮小されます。この境界を越えたオブジェクトは切り取られる場合があります。デフォルト: `0` (無制限)。
* 最大高さ — キャンバスは最大でこの高さまで縮小します。この境界を越えたオブジェクトは切り取られる場合があります。デフォルト: `0` (無制限)。

デバイスに設定 をクリックして、選択した画面プリセットの寸法をサイズ制約に入力します。このボタンは、画面プリセットが選択されていない場合、またはクロップが有効になっている場合は無効になります。

## 正確なサイズ (切り抜き)

正確なサイズセクションは、固定キャンバスモードでのみ表示されます。キャンバスのサイズを正確に合わせるには、正確なサイズ (切り抜き) チェックボックスをオンにします。有効にすると、キャンバスは左上隅を基準にして、指定された幅と高さにクロップされます。クロップされた領域の外側にあるオブジェクトは、コンテナからはみ出します。

正確なサイズとシートごとのキャンバスサイズは相互排他的です。一方を有効にすると、もう一方は無効になります。

クロップを初めて有効にした際、幅と高さのフィールドには、キャンバス本来のサイズ（スケーリングおよび制約の適用後）が自動的に入力されます。3つのヘルパーボタンにより、トリミング寸法が自動的に計算されます:

* シートに合わせる — 現在のシート オブジェクトの境界に合わせてトリミングします。
* すべてに合わせる — すべてのシートにわたるオブジェクトの最大境界に合わせてトリミングします。
* デバイスに合わせる — 選択した画面プリセットのサイズに合わせて切り抜きます。

## グリッド調整

グリッド調整セクションは、固定キャンバスモードでのみ表示されます。2つの数値入力で、端からのレイアウトコンテナのスパンを縮小します。

* Shrink X — レイアウトコンテナの幅をこのグリッド列数（0～23）だけ縮小します。デフォルト: `0`。
* Shrink Y — レイアウトコンテナの高さをこのグリッド行数分縮小します (0 ～ 11)。デフォルト: `0`。

グリッド調整を使用して、レイアウトの右側または下部に余白を追加したり、余分な空白をトリミングしたりします。

## シートごとのキャンバスサイズ

シートごとのキャンバスサイズチェックボックスは、固定キャンバスモードでのみ表示されます。有効にすると、各シートはシートのコンテンツに基づいて個別にサイズ調整されます。無効 (デフォルト) の場合、QV2QS はドキュメント内で最大のシートに基づいて統一されたキャンバス サイズを計算します。

シートごとのキャンバスサイズと正確なサイズ (トリミング) は同時に指定できません。

## メタデータ

設定パネルの下部にあるメタデータグリッドには、現在のプレビューに関するライブ情報が表示されます。次の値が表示されます: 壁紙の寸法、最終キャンバスサイズ（スケーリングおよび制約後）、グリッド寸法（列×行）、オブジェクト境界、レイアウトコンテナ数、有効スケール倍率。

## 適用とリセット

適用をクリックして、Mockup Studio の設定をウィザードに同期します。次の設定が適用されます: キャンバス モード、自動拡張、背景、シートの背景色、リストボックスの背景色、QlikView リストボックスの色の保持。スケーリング、サイズ制約、クロップ、グリッド調整、シートごとのキャンバスサイズを含む、すべての固定キャンバス値も適用されます。

キャプション、レイアウトコンテナ、ズームレベル、および画面プリセットはプレビュー専用であり、変換には影響しません。

すべての Mockup Studio 設定をデフォルト値に戻すには、リセットをクリックします。

## 詳細を見る

* [動的グリッドと固定キャンバス](https://help.qlik.com/ja-JP/migration/Content/Qv2qsMigration/conversion-layout-settings/dynamic-grid-and-fixed-canvas.htm)
* [スケーリングとサイジング](https://help.qlik.com/ja-JP/migration/Content/Qv2qsMigration/conversion-layout-settings/scaling-and-sizing.htm)
* [ウィザードのステップ](https://help.qlik.com/ja-JP/migration/Content/Qv2qsMigration/user-interface/wizard-steps.htm)