本書は、Framerを学ぶ国内ユーザーが韓国語の資料不足で直面する困難を解決するために、公式ブログの内容を韓国語に翻訳し、実務に役立つ情報を追加しました。Framerを使用する皆様に少しでもお役に立てれば幸いです。

プレビュー実行方法

1. ページ（フレーム）の左上にあるプレイボタンをクリック

2. またはキーボードショートカットを使用

   • macOS: ⌘ + P

   • Windows: Ctrl + P

プレビュー画面を終了したい時は、ESCキーを押すか、右上の閉じるボタンをクリックしてください。

レスポンシブレイアウトの確認

プレビューモードでは、ビューポートの大きさを自由に調整できます。これにより、ブレイクポイントごとのページプレビューを直接確認することができます。

特定のデバイスやブレイクポイントに基づいてプレビューしたい場合は？

• プレビューモードの上部中央にあるビューポート調整ボタンをクリック

• 表示されるドロップダウンメニューから希望するデバイスのサイズやブレイクポイントを選択

例えば、Tabletを選択すると、タブレット環境に合わせて画面が自動的に調整され、そのサイズでの動作を確認できます。

注意: Settingsで追加したカスタムコード(custom code)はプレビュー画面では適用されません。（実際にサイトを公開した後にのみ確認可能です）

この記事は、Framer公式ドキュメント「サイトのプレビュー」を翻訳・アレンジしたコンテンツです。