# ステップ

Fumadocs、Starlight、Prosefly の MDX で、順序付きの手順やステップガイドを編集します。

import ContentEditor from '@/components/editor/ContentEditor.astro';

Prosefly の MDX コンポーネントエディターで順序付きの手順を編集し、Fumadocs、Starlight、Prosefly の構文を保てます。

## 対応プロファイル

同じエディターで [Astro](/ja/frameworks/astro/)、[Starlight](/ja/frameworks/starlight/)、[Fumadocs](/ja/frameworks/fumadocs/)、[Prosefly](/ja/frameworks/lotus/) の各プロファイルを使えます。サイトに合うプロファイルを選ぶと、その連携で利用できる構文と編集コントロールを確認できます。

## ビジュアルモードで編集する

各ステップの内容をその場で編集します。グループの追加操作でステップを増やせます。項目ごとの操作で前後に移動したり、削除したりできます。並べ替えると、表示上の順序も更新されます。

通常の Markdown と一緒に編集する様子は、[ビジュアルエディターのデモ](/docs/ja/editor/visual-editor/)をご覧ください。

<ContentEditor content="steps" />

## ソースの例

{/* prettier-ignore */}
```mdx
import { Steps } from '@astrojs/starlight/components';

<Steps>

1. **リポジトリを接続**

   ドキュメントを含むリポジトリを認証します。

2. **確認して公開**

   公開前に本文とナビゲーションの変更を確認します。

</Steps>
```

## プロファイルによる違い

Starlight と Prosefly は Steps 内に番号付きの Markdown リストを入れます。Fumadocs は Steps 内に Step を個別に置き、通常はそれぞれに見出しを付けます。サイト側のコンポーネントと同じ形式を保ってください。

Steps は手順を説明するもので、実行や完了状況の追跡はしません。チェックボックスには[タスクリスト](/docs/ja/editor/markdown/task-list/)を使ってください。

## 関連する MDX ガイド

次に読む: [タブ](/docs/ja/editor/components/tabs/) · [カード](/docs/ja/editor/components/card/) · [コールアウト](/docs/ja/editor/components/callout/).