プロジェクトエディターの概要

プロジェクトエディター

録画が終了すると、ScreenKiteは画面録画用に設計されたフル機能のエディターである「プロジェクトエディター」を開きます。プロジェクトは .skbundle ファイルとして保存されます。

レイアウト

エディターウィンドウは、サイズ変更可能な分割レイアウトを使用しており、主に4つの領域で構成されています：

上部ツールバー

主要な編集およびナビゲーションコントロールが含まれており、左側のグループと右側のグループに分かれています。

左側のグループ（順序通り）：

• Chat（チャット） — AIチャットサイドバーパネルを開閉します。吹き出しのペアアイコン（bubble.left.and.bubble.right）を使用し、パネルが開いているときは塗りつぶされたアイコン（bubble.left.and.bubble.right.fill）になります。
• AI Agent（AIエージェント） — MCPサーバーを介してエディターを外部のAIエージェントに接続します。
• Undo / Redo（取り消し/やり直し） — 標準的な取り消しとやり直し（Proツールバーモードのみ）。
• Open in Finder（Finderで表示） — Finderで .skbundle を表示します。
• Delete Project（プロジェクトの削除） — 現在のプロジェクトをごみ箱に移動します。
• Command Palette（コマンドパレット） — コマンドパレットを開きます（⌘+⇧+P）。
• Loading indicator（読み込みインジケータ） — プロジェクトの読み込み中やプレビューの再構築中に表示されます。

右側のグループ（順序通り）：

• Presets（プリセット） — インスペクターのプリセットをキャプチャまたは適用します。
• Resources（リソース） — リソースパネルを表示または非表示にします（Proツールバーモードのみ）。
• Import（インポート） — タイムラインにオーディオまたはビデオをインポートします（⌘+I、Proツールバーモードのみ）。
• Feedback（フィードバック） — ScreenKiteチームにフィードバックを送信します。
• Export（エクスポート） — エクスポートダイアログを開きます（⌘+E）。

ネイティブmacOSタイトルバーの統合： エディターは .fullSizeContentView を使用しているため、エディターの背景がネイティブタイトルバーの下にシームレスに広がります。プロジェクト名はウィンドウタイトルに表示され、タイトルをクリックするとその場でプロジェクト名を変更できます（標準のmacOSドキュメントタイトルの動作）。プロジェクト名の横にプロキシアイコンが表示され、プロキシアイコンをControlクリックまたは右クリックすると、標準のmacOSドキュメントメニュー — Move To…（移動...）、Duplicate（複製）、Lock（ロック）などの関連コマンド — が表示されます。

プレビューキャンバス（左側）

左側の大きなパネルには、ズーム、背景、デバイスフレーム、カメラオーバーレイなどのすべてのエフェクトが適用された録画のライブプレビューが表示されます。

プレビューツールバー

キャンバスの下にあるフローティングツールバーは、次の3つのグループに分かれています：

画質コントロール（速度計アイコン）： ライブプレビューのレンダリング解像度を設定します。デフォルトの階層では、ラベルは Quality と表示されます。デフォルトから切り替えると、階層名が追加されます（例：Quality · Balanced）。階層は以下の通りです：

詳細については、Preview Qualityをご覧ください。

再生速度コントロール： プレビューを再生する速度を設定します。デフォルトの速度（1倍）では、ラベルは Preview のみを表示します。それ以外の速度では、倍率がサフィックスとして表示されます。再生速度はエクスポートの速度には影響しません。

チャットパネル

チャットパネルは、有効にするとプレビューキャンバスの左側に開きます。

開閉： 上部ツールバーの Chat ボタンをクリックするか、右クリックして Show Chat / Hide Chat オプションを含むコンテキストメニューから行います。チャットパネルとリソースパネルは相互に排他的です。一方を開くと、もう一方は自動的に閉じます。

チャットランタイムモジュールがまだインストールされていない場合、パネルにはジグソーパズルのピースのアイコンと、*「コアアプリのサイズを増やすことなく、ローカルAIチャットランタイムを追加します。」*というメッセージを含む Install Chat Module（チャットモジュールのインストール）画面が表示されます。そこから、ローカルのランタイムモジュールフォルダーを選択するか、インストール後に再試行できます。

インスペクターサイドバー（右側）

右側のパネルは、プロジェクトの外観とクリップのプロパティを制御します。サイドバーの左端にある細いアイコン帯を使用して、インスペクションモードを切り替えることができます。

サイドバーの幅は記憶され、分割線をドラッグしてサイズを変更できます。

インスペクターアイコン

10個のセクションアイコンが、均一な視覚的ウェイトで名前付きアセット画像からレンダリングされます。各アイコンをクリックすると、対応するインスペクターパネルがアクティブになります：

任意のアイコンの上にカーソルを置くと、短い遅延の後にモード名を示すツールチップが表示されます。利用できないモード（例えば、ズームデータのないプロジェクトでのオートズームなど）は不透明度50%で表示され、操作できません。

タイムライン（下部）

ビデオのサムネイル、オーディオ波形、ズームのキーフレーム、オーバーレイなどを表示するマルチトラックのタイムラインです。タイムラインの高さは記憶され、分割線をドラッグしてサイズを変更できます。

再生の互換性

ProMotion録画（90 Hz / 120 Hz）

高リフレッシュレート（90 Hzまたは120 Hz、例えばProMotionディスプレイやiPhoneなど）でキャプチャされた録画は、エディターで正しく再生されます。プレビューエンジンは、ホストディスプレイのリフレッシュレートに一致する CVDisplayLink 駆動のレンダリングループを使用しているため、以前のバージョンで見られたような、高フレームレートのソースコンテンツによる再生のスタックやコマ落ち（フリーズフレーム）は発生しなくなりました。

エクスポート時のレンダリングパイプラインは、ソースのフレームレートに関係なく最大60 fpsに制限されるため、エクスポートされた動画はどのディスプレイでも常に滑らかに再生されます。