ワークスペース概要

1DevToolの3つのゾーンとパネルの連携方法を理解。

1DevToolを初めて開いたとき、画面は3つの異なるゾーンに分かれています。各ゾーンには特定の役割があり、どこに何があるかを理解すれば、数分で慣れます。

1DevToolワークスペース全体

3つのゾーン

左サイドバー

左サイドバーはプロジェクトハブ。カラーコード化されたアイコンの垂直スタックが表示 — プロジェクトごとに1つのアイコン。カラーにより、テキストを読まずに一目でプロジェクトを区別できる。

サイドバー下部には、グローバル設定、セッションマネージャー、その他のアプリレベルコントロールのナビゲーションアイコンがある。

プロジェクトを切り替えるには、任意のプロジェクトアイコンをクリック。1DevToolは最後にそのプロジェクトで作業していたときに開いていたパネルとターミナルの正確なセットを即座に復元。以前のプロジェクトはバックグラウンドで静かに実行を続ける — 何もキルされない。

メインエリア

メインエリアはすべてが起こる大きな中央領域。パネル — 各々が1つの目的を果たす個別のウィンドウ — で構成。複数のパネルを同時に開き、並べたりグリッドに配置したり可能。

1DevToolで利用可能なパネルタイプ:

パネル機能
ターミナルAIエージェント(Claude Code、Codex、Gemini CLI)または任意のシェルコマンドを実行するフルターミナル
データベース別のGUIアプリを必要とせずにデータベースをビジュアルで参照・クエリ
HTTPクライアント組み込みPostmanのようにAPIリクエストを送信し、レスポンスを検査
Git変更をステージし、コミットメッセージを書き、diffを表示 — 1DevToolから離れることなく
ブラウザ構築中にアプリをプレビューできる実際のブラウザパネル
IDE Stripターミナルと並んでクイックファイルナビゲーションとエディタショートカット

ステータスバー

ウィンドウの最下部にある細いバーはステータスバー。何をしていても表示され続け、以下を表示:

  • 現在のプロジェクト名
  • アクティブなターミナルセッションの数
  • システムリソース使用量(CPUとメモリ)
  • セッションマネージャーアイコン — クリックしてすべてのプロジェクトで実行中のターミナルセッションを確認

パネルでの作業

パネルを追加

任意のパネルのヘッダーで**+**ボタンをクリックしてパネルピッカーを開く。必要なパネルタイプを選択し、メインエリアの次の利用可能なスロットに表示。

メインエリア上部のツールバーも使用可能 — 各パネルタイプのクイック追加ボタンがあり、メニューをナビゲートせずに必要なものを開ける。

パネルのリサイズ

2つのパネル間の仕切りの上にカーソルをホバー。カーソルがリサイズハンドル(両方向矢印)に変化。クリック&ドラッグして必要なパネルにより多くのスペースを与える。

ヒント: 一時的に集中したい場合、Cmd+Shift+F(Mac)またはCtrl+Shift+F(Windows)を押してアクティブパネルをメインエリア全体に拡張。同じショートカットを再度押して以前のレイアウトに戻る。

パネルを閉じる

パネルのタブで**×をクリック、またはパネルにフォーカスしている間にCmd+W(Mac)/ Ctrl+W(Windows)を押す。パネルを閉じても内部で実行中のプロセスはキルされない**。ターミナルはバックグラウンドで実行を続け、ステータスバーのセッションマネージャーからいつでも再接続可能。

プロジェクト間の切り替え

左サイドバーの任意のアイコンをクリックしてプロジェクトを切り替え。1DevToolはコンテキストスイッチを瞬時に処理:

  • 新しいプロジェクトのパネルが最後に残したとおりに復元
  • 以前のプロジェクトのターミナルセッションはバックグラウンドで実行を継続
  • ステータスバーが新しくアクティブになったプロジェクトを反映して更新

MacでCmd+1Cmd+9、WindowsでCtrl+1Ctrl+9を押して、サイドバーの位置でプロジェクトに直接ジャンプ — マウス不要。

上部ツールバー

ツールバーはメインエリアの上部にあり、最も一般的なアクションへの高速アクセスを提供:

  • レイアウトスイッチャー — 2×2グリッド、カラムビュー、フルスクリーンを切り替え(レイアウトモードを参照)
  • パネル追加ボタン — 各パネルタイプごとの1ボタンで即座にアクセス
  • プロジェクト名表示 — 現在アクティブなプロジェクトのリマインダー