> ## Documentation Index
> Fetch the complete documentation index at: https://docs.qoder.com/llms.txt
> Use this file to discover all available pages before exploring further.

# インターフェースガイド

> QoderWork の画面レイアウトを理解し、必要な機能をすばやく見つけましょう

QoderWork を初めて開いたとき、各エリアの役割がわからないかもしれません。このページでは、メイン画面の全体構成と各エリアの主要なコントロールをご紹介します。

## 全体レイアウト

QoderWork のメイン画面は **サイドバー** と **中央エリア** の 2 つで構成されています。タスクの実行中は、右側に **タスクモニター** パネルが表示されます。

<Frame>
  <img src="https://mintcdn.com/qoder/s6dTwci-_mbx57qw/images/qoderwork-task-result-en.png?fit=max&auto=format&n=s6dTwci-_mbx57qw&q=85&s=fa750e0be958e44611b9b6df2dc75baa" alt="QoderWork メイン画面：左のサイドバー、中央の会話、下部の入力欄、右側のタスクモニターパネルという 4 つのエリアが同時に見える状態" width="2000" height="1212" data-path="images/qoderwork-task-result-en.png" />
</Frame>

<CardGroup cols={3}>
  <Card title="サイドバー" icon="sidebar">
    新規タスク、拡張メニュー、タスク一覧、アカウントと設定
  </Card>

  <Card title="中央エリア" icon="message">
    空の状態の案内と会話フロー、下部の入力欄で指示の入力・ワークスペース/モデルの切り替え・添付と送信に対応
  </Card>

  <Card title="タスクモニター" icon="chart-line">
    タスク実行時に右側に現れ、進行状況を追跡
  </Card>
</CardGroup>

## サイドバー

サイドバーはウィンドウの左側にあり、**折りたたんで** 中央エリアを広げることができます。

<Frame>
  <img src="https://mintcdn.com/qoder/s6dTwci-_mbx57qw/images/qoderwork-sidebar-entry-en.png?fit=max&auto=format&n=s6dTwci-_mbx57qw&q=85&s=794bf7c7ff42b5cd2cdf686ece20e70e" alt="QoderWork メインウィンドウと、上から下まで完全に見えている左サイドバー" width="2000" height="1212" data-path="images/qoderwork-sidebar-entry-en.png" />
</Frame>

### 上部

* **新規タスク** — 新しい会話タスクを作成します。

### 拡張グループ

**拡張** をクリックすると、以下の 3 つのサブ項目が展開します：

* **エキスパートキット**：業界の知識やワークフローをパッケージ化した「ドメイン専門家」（法務契約レビュー、資産運用、PM の PRD など）。ワンクリックで AI にその役割の専門能力を持たせられます。詳しくは [エキスパートキット](/ja/qoderwork/expert-kits)。
* **技能**：繰り返し発生するタスク（週次レポート、ドキュメント整理、インフォグラフィック作成など）のための事前作成プレイブック。AI が毎回あなたの基準どおりに納品します。詳しくは [技能](/ja/qoderwork/skills)。
* **コネクター**：AI がブラウザ、macOS のネイティブアプリ（カレンダー／リマインダー／メモ／メール／連絡先）、Microsoft 365（Outlook メール／カレンダー／To Do／連絡先／OneNote／OneDrive）を直接操作。さらに統合マーケットから DingTalk、Notion、Linear、Slack、Figma、Google Calendar などの SaaS にも接続可能。詳しくは [コネクター](/ja/qoderwork/connectors)。

### 定時タスク

拡張とは別の独立したサイドバー項目です。時刻トリガーで自動実行されるタスク。指定時刻に新しい会話を開いて事前に決めた指示を実行（毎朝のデータ取得、週次レポート、月末集計など）。詳しくは [定時タスク](/ja/qoderwork/scheduled-tasks)。

### IM チャンネル

拡張とは別の独立したサイドバー項目です。QoderWork を IM アプリ（DingTalk、Feishu、Lark、WeChat、WeCom）に接続。チャットでボットを @ するだけでタスクを実行でき、結果は同じチャットに返ってきます。詳しくは [IM チャンネル](/ja/qoderwork/im-channels)。

### タスク一覧

サイドバー下半分は履歴エリアです。**タスク / チャンネル** 切り替えでタスク履歴とチャンネル履歴の表示を切り替えられ、切り替えの下には検索ボックス（プレースホルダー「タスクタイトルまたは会話内容を検索...」）で現在のリストを絞り込めます。その下に **最近** で並ぶ履歴項目があり、任意の項目をクリックすると前回の続きから作業を再開できます。

### 下部

アカウントのアバターをクリックすると、次のクイックメニューが開きます。

* **Plan Expiration**：現在のプランの更新／終了タイミング。
* **Settings**：モデル、言語、テーマなど、すべての設定。
* **Preferences**：言語など UI 周りの設定への近道。
* **Upgrade Plan**：ブラウザでプラン管理ページを開く。
* **Documentation** / **Changelog** / **About Us**：ヘルプおよびプロダクト情報。
* **Log out**：アカウントを切り替えるとき。

<Frame>
  <img src="https://mintcdn.com/qoder/qAItzt4405Ybl3sq/images/qoderwork-account-menu-en.png?fit=max&auto=format&n=qAItzt4405Ybl3sq&q=85&s=3a9f7d101c5d449ed7840598cb7ce3ce" alt="アカウントのアバターをクリックして開くポップアップメニュー。Plan Expiration、Settings、Preferences、Upgrade Plan、Documentation、Changelog、About Us、Log out が並ぶ" width="2000" height="1393" data-path="images/qoderwork-account-menu-en.png" />
</Frame>

メニューの **Settings** をクリックすると設定ページが開き、モデル・言語・テーマ・音声入力・ショートカット・ワークスペースなど、すべての環境設定を一カ所で管理できます。

<Frame>
  <img src="https://mintcdn.com/qoder/hjCzjGvcnHE5UJIx/images/qoderwork-explore-settings-menu-en.png?fit=max&auto=format&n=hjCzjGvcnHE5UJIx&q=85&s=597cce06aad9d1e965cae38f7a6cd7c6" alt="QoderWork 設定ページ：左ナビゲーションは General / Extensions & integrations / Advanced の 3 グループに分かれ、右側の Preferences パネルには Language、Theme brightness、Interface style、Chat typeface、Conversation text size、Conversation width、Preview Mode、Prompt Suggestions、Expand tool calls by default、Show tool execution steps in IM channels などの項目が並ぶ" width="2000" height="1641" data-path="images/qoderwork-explore-settings-menu-en.png" />
</Frame>

<Info>
  設定項目の詳細は [設定](/ja/qoderwork/settings) をご覧ください。
</Info>

## 入力欄

入力欄は中央エリアの下部にあり、指示を送る中心的な場所です。

<Frame>
  <img src="https://mintcdn.com/qoder/s6dTwci-_mbx57qw/images/qoderwork-sidebar-entry-en.png?fit=max&auto=format&n=s6dTwci-_mbx57qw&q=85&s=794bf7c7ff42b5cd2cdf686ece20e70e" alt="QoderWork メインウィンドウ。中央エリアの最下部にある入力欄に +、ワークスペースピッカー、モデルピッカー、音声入力、送信ボタンが並んでいる" width="2000" height="1212" data-path="images/qoderwork-sidebar-entry-en.png" />
</Frame>

| コントロール                    | 位置    | 役割                                    |
| :------------------------ | :---- | :------------------------------------ |
| **+** ボタン                 | 左下    | 添付ファイル・コンテキストの追加                      |
| **Workspace** ピッカー        | 左下    | タスクが走るワークスペースを切り替え。デフォルトは **General** |
| **Model** ピッカー            | 右下    | タスクを動かすモデルを切り替え                       |
| 音声入力ボタン                   | 右下    | 音声で指示を入力                              |
| 送信ボタン                     | 右端    | メッセージの送信                              |
| 作業ディレクトリの選択               | 入力欄の下 | タスクの作業ディレクトリを指定                       |
| <Icon icon="gauge" /> ボタン | 画面右上  | 現在のアカウントの Credits 消費状況を確認             |

<Info>
  入力欄の詳しい使い方や、ワークスペース・モデルの選び方は [タスク会話](/ja/qoderwork/chat-basics) をご覧ください。
</Info>

## タスク会話エリア

中央エリアは QoderWork とやり取りする中核です。

### 空の状態

会話を始める前は、中央に次が表示されます：

* メインタイトル：**チャットを超えて、すべてを片付ける**
* サブタイトル：ローカル実行・自律計画・安全管理可能な AI ワークパートナー

<Frame>
  <img src="https://mintcdn.com/qoder/s6dTwci-_mbx57qw/images/qoderwork-sidebar-entry-en.png?fit=max&auto=format&n=s6dTwci-_mbx57qw&q=85&s=794bf7c7ff42b5cd2cdf686ece20e70e" alt="QoderWork の空の状態メインウィンドウ。中央にメインタイトルとサブタイトルが並び、下の入力欄で最初の指示を待っている" width="2000" height="1212" data-path="images/qoderwork-sidebar-entry-en.png" />
</Frame>

### 会話フロー

タスクを送信すると、あなたの入力と QoderWork の返信が会話フローとして表示されます。

<Frame>
  <img src="https://mintcdn.com/qoder/s6dTwci-_mbx57qw/images/qoderwork-task-monitor-en.png?fit=max&auto=format&n=s6dTwci-_mbx57qw&q=85&s=44904bb2173ba9255c0629e61825e4ae" alt="実行中のタスク。中央エリアに会話フローがストリーミング表示され、右側にタスクモニターパネルがドッキングしている" width="2000" height="1212" data-path="images/qoderwork-task-monitor-en.png" />
</Frame>

### タスクモニター

タスクの実行中は、右側に **タスクモニター** パネルが表示され、進行状況を追跡できます。

<Frame>
  <img src="https://mintcdn.com/qoder/s6dTwci-_mbx57qw/images/qoderwork-task-result-en.png?fit=max&auto=format&n=s6dTwci-_mbx57qw&q=85&s=fa750e0be958e44611b9b6df2dc75baa" alt="完了したタスクの会話エリア。比較サマリーと AI-Desktop-Assistants-Comparison.xlsx の成果物カード、参考リンク、右側のタスクモニターパネルが見える" width="2000" height="1212" data-path="images/qoderwork-task-result-en.png" />
</Frame>

## 次のステップ

<CardGroup cols={3}>
  <Card title="タスク会話" icon="comments" href="/ja/qoderwork/chat-basics">
    QoderWork と効率的に対話する方法
  </Card>

  <Card title="タスク管理" icon="list-check" href="/ja/qoderwork/task-management">
    複数タスクの管理、履歴、進捗追跡
  </Card>

  <Card title="新規タスク" icon="plus" href="/ja/qoderwork/new-task">
    新規タスクのモデル・ワークスペース・拡張の選び方
  </Card>
</CardGroup>
