Editor 5.0と旧エディタの主な変更箇所

左パネル：画面左端に並ぶナビゲーションアイコンを選択して開きます。

右パネル：キャンバス上のボックスを選択するか、画面右上にある矢印ボタン[←|]をクリックしてください。

左右両方のパネルを開閉するショートカットキー

・Macの場合：「⌘+.」

・Windowsの場合：「Ctrl+.」

左パネル：左パネル内右上の矢印ボタンで閉じます。

右パネル：右パネル内左上の矢印ボタンで閉じます。（一度右パネルを閉じると、ボックス選択時に右パネルが開かなくなります。）

左右両方のパネルを開閉するショートカットキー

・Macの場合：「⌘+.」

・Windowsの場合：「Ctrl+.」

エディタ画面右上部の、三角矢印アイコンをクリックしてください。

元に戻す/やり直すボタンは、画面左端に並ぶナビゲーション内上部にある、Studioアイコンで開くメニュー内に移動しました。キーボードのショートカット「 ⌘/Ctrl +z 」でもひとつ戻ることができます。

バージョン履歴の確認場所は、画面左端に並ぶナビゲーション下部の時計アイコンに移動しました。

ブレイクポイントの切り替え場所は、画面下部に固定されたツールバーに移動しました。

ブレイクポイントごとのコンテンツの表示・非表示設定は、旧エディタでは左上にありましたが、Editor 5.0ではレイヤーパネル内に移動しました。表示・非表示を設定したいレイヤーをホバーし、右側の目のアイコン（表示設定）から設定できます。

ボックスのサイズ、画像、モーション、マージンやパディング、テキストなどのレイアウトや外観の設定、アニメーションの設定は、旧エディタでは画面上部に固定されていましたが、Editor 5.0では右パネル内に移動しました。

選択中のボックスに応じて、設定可能な項目のタブが表示されます。

※ブレイクポイントごとのコンテンツの表示・非表示設定は、レイヤーパネル内に移動しました。表示・非表示を設定したいレイヤーをホバーし、右側の目のアイコン（表示設定）から設定できます。

ボックスを選択しても右パネルが開かない場合は、画面右上の右パネル開閉ボタン[←|]をクリックしてください。

アニメーション設定時に指定する条件付きスタイルは、右パネルを開くと上部に設置されています。

条件選択後のアニメーション設定は、ボックスを選択後、右パネルの変形タブから設定します。

画面左端に並ぶナビゲーションから、ストックパネルを開くと表示されます。

ストックパネルの[Studio.Stock]タブでは、Studio.Stockの画像も利用できます。商用利用が可能な高品質のAI生成画像を無料で提供しています。

タグ・IDの設定は、ボックスを選択後、右パネルの設定タブで行います。

詳しくはこちらの記事群をご覧ください。リンク設定・タグ設定

リストやCMSのテキスト入力やデータの紐付けを行う表は、旧エディタではレイヤーパネルの中にありましたが、Editor 5.0では右パネルのデータタブに移動しました。

データタブは、プロパティの紐付けが可能な要素を選択すると、右パネル内に表示されます。

動的ページ内でのCMSアイテムの表示切り替えは、ページパネル下部で行います。

右パネルは、画面右上の開閉ボタン[←|]をクリックすると開きます。

クイックバーはBeta版のみでの提供となり、正式版には搭載されていません。