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

# ノートブックを編集する

このページでは、セルの追加、編集、並べ替え、削除をはじめ、インタラクティブなコントロールの使用やコンテンツの表示など、ノートブックでよく行う操作について説明します。

<div id="edit-modes">
  ## 編集モード
</div>

編集モードは 2 種類あります。

* **コマンドモード**: セルの追加、削除、移動などの操作を行います。`Esc` を押すとコマンドモードに切り替わります。
* **編集モード**: 選択したセルの内容を変更します。`Enter` を押すと編集モードに切り替わります。

<div id="add-a-cell">
  ## セルを追加する
</div>

ノートブックは [Python](#python-cell)、[Markdown](#markdown-cell)、[SQL](#sql-cell) のセルをサポートしています。セルは、ノートブックの UI またはキーボードショートカットで追加できます。

<Tabs>
  <Tab title="UI">
    ノートブック内で `PYTHON`、`MARKDOWN`、`SQL` のいずれかのボタンを選択すると、そのタイプのセルが作成されます。
  </Tab>

  <Tab title="キーボードショートカット">
    `Esc` を押してコマンドモードに切り替え、次のいずれかのショートカットを使用します。

    | アクション              | ショートカット                 |
    | ------------------ | ----------------------- |
    | 現在のセルの上に新しいセルを作成する | **Command + Shift + O** |
    | 現在のセルの下に新しいセルを作成する | **Command + Shift + P** |

    利用可能なショートカットの一覧については、[キーボードショートカット](https://docs.marimo.io/guides/editor_features/overview/?h=keyboar#keyboard-shortcuts) を参照してください。
  </Tab>
</Tabs>

<div id="change-cell-order">
  ## セルの順序を変更する
</div>

ドラッグハンドルまたはキーボードショートカットを使用して、ノートブック内のセルの順序を変更します。

<Tabs>
  <Tab title="UI">
    セルの右側にあるドラッグハンドル (<Icon icon="grip-dots-vertical" iconType="solid" />) を選択し、目的の位置までドラッグします。
  </Tab>

  <Tab title="キーボードショートカット">
    `Esc` を押してコマンドモードに入ります。次に、以下のいずれかのショートカットを使用します。

    | アクション   | ショートカット                 |
    | ------- | ----------------------- |
    | セルを上へ移動 | **Command + Shift + 9** |
    | セルを下へ移動 | **Command + Shift + 0** |
  </Tab>
</Tabs>

<div id="delete-a-cell">
  ## セルを削除する
</div>

UI またはキーボードショートカットでセルを削除します。

<Tabs>
  <Tab title="UI">
    次のいずれかの方法を使用します。

    1. セルを右クリックし、コンテキストメニューから **Delete** を選択します。
    2. セルの横にあるゴミ箱アイコンを選択します。
  </Tab>

  <Tab title="キーボードショートカット">
    次のキーボードショートカットでセルを削除します。

    1. `Esc` を押してコマンドモードに入ります。
    2. **Command + Shift + Backspace** を押して現在のセルを削除します。
  </Tab>
</Tabs>

<div id="add-interactive-controls">
  ## インタラクティブなコントロールを追加する
</div>

スライダー、ドロップダウン、ボタンなどのインタラクティブな要素をノートブックのセルに追加できます。要素を操作すると、その値に依存するセルがノートブックによって更新されます。

たとえば、次のコードをセルにコピーすると、基本的なインタラクティブなスライダーを作成できます。

```python theme={null}
import marimo as mo

slider = mo.ui.slider(1, 10)
mo.md(f"Choose a value: {slider}")
```

詳細は、marimo ドキュメントの [Interactive elements](https://docs.marimo.io/guides/interactivity/) を参照してください。