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

# Dynamic Workspace の概要

> 各レッスンに適応するインテリジェントなブラウザ IDE。

xkat のレッスン画面は**動画プレーヤーではありません** — レッスンの文脈に合わせて姿
を変えるインテリジェントなブラウザ IDE、**Dynamic Workspace** です。

## 文脈に応じたレイアウト

Workspace は、練習している内容に基づいて形を変えます。

<CardGroup cols={2}>
  <Card title="エディタ + ターミナル" icon="terminal" href="/ja/learn/workspace/editor-terminal">
    バックエンド・CLI レッスン向け — コードを書き、本物のリモートコンパイラで実行
    し、ライブターミナルに出力を表示します。
  </Card>

  <Card title="エディタ + ライブプレビュー" icon="window" href="/ja/learn/workspace/editor-preview">
    フロントエンドレッスン向け — 変更がブラウザ内プレビューで即座に描画されます。
  </Card>
</CardGroup>

## 何が強力なのか

<CardGroup cols={3}>
  <Card title="リモートコンパイル" icon="server">
    コードは限定的なおもちゃのサンドボックスではなく、本物のクラウドサーバーで実行
    されます。
  </Card>

  <Card title="GitHub 同期" icon="github" href="/ja/learn/workspace/github-sync">
    作業を個人リポジトリに安全に同期します。
  </Card>

  <Card title="AI Tutor" icon="robot" href="/ja/learn/ai-tutor">
    行き詰まったときに助けてくれる、文脈を理解したアシスタント。
  </Card>
</CardGroup>

## セットアップ不要

インストールは不要です。レッスンを開いた瞬間、ブラウザが完全な開発・実行環境になり
ます。[セットアップ不要の環境](/ja/learn/workspace/zero-setup)を参照してください。

## 語らず、見せる

コードを入力して、ターミナルやプレビューが即座に反応するのを見てください — Workspace
は、ただ読むのではなく結果を*体験*できるよう設計されています。