レイアウトモード

1DevToolはパネルを3つの異なるレイアウトモードで配置できます。各モードは異なる種類の作業のために設計されています。開いているものを失うことなくいつでも切り替え可能 — パネルが新しいレイアウトに合わせて再配置されるだけ。

3つのレイアウトモード

2×2グリッド

グリッドモードはメインエリアを4つの等しい象限に分割。各象限に1つのパネルが収容され、一度に4つのパネルが表示可能。

最適： 複数のAIエージェントを並列で実行。Claude Codeが1つのターミナルでフロントエンドで作業し、Codexが別のターミナルでバックエンドをリファクタリングし、ブラウザパネルが結果をプレビューしているとき、2×2グリッドですべてを同時に監視可能。

これは1DevToolを初めて開いたときのデフォルトレイアウト。並列エージェント作業がアプリの設計目的だから。

カラムビュー

カラムビューはメインエリアを2つのパネルに左右に分割 — 左カラムと右カラム。各カラムが画面の半分を占める。

最適： 2パネルの集中作業。一般的な設定は左にターミナル、右にブラウザ。エージェントにプロンプトを入力し、結果がレンダリングされるのを即座に確認。別の人気の組み合わせはターミナル + Git。エージェントが変更をコミットするときにdiffをレビュー可能。

フルスクリーン

フルスクリーンモードは単一のパネルをメインエリア全体に拡張。他のすべてのパネルは非表示（ただし実行中）。

最適： 深い集中。長いAI出力を読んだり、詳細なプロンプトを作成したり、複雑なデータベース結果を検査したりするとき、フルスクリーンはすべての気を散らすものを取り除く。ショートカットを再度押して即座に以前のレイアウトに戻る。

レイアウトモードの切り替え方法

切り替える方法は2つ：

1. メインエリア上部のツールバーでレイアウトアイコンをクリック。3つのモードを順番に循環。
2. キーボードショートカット MacでCmd+Shift+L、Windows/LinuxでCtrl+Shift+Lを使用。

どちらの方法も、パネルにフォーカスして入力中のときでもいつでも機能。

ヒント： レイアウトを変更せずに一時的に1つのパネルに集中したい場合、Cmd+Shift+F（Mac）またはCtrl+Shift+F（Windows）を押してアクティブパネルをフルスクリーンにし、再度押して戻る。

レイアウトプリセット

パネルを気に入った配置にしたら、レイアウトプリセットとして保存し、ワンクリックで戻れる。

プリセットを保存：

1. パネルを好きなように配置。
2. ツールバーのレイアウトアイコンをクリックしてレイアウトメニューを開く。
3. プリセットとして保存を選択し、名前を付ける（例：「エージェントスプリント」または「レビューモード」）。

保存されたプリセットはレイアウトメニューの上部に表示。プリセット名をクリックすると、どのパネルタイプが開いているか、どこに配置されているかを含め、その配置を即座に復元。

プリセットはプロジェクトごとに保存されるため、異なるコードベースに対して異なる配置を持ち、互いに干渉しない。