transition: all 0.3s ease;
}

.progress-step .step-icon i {
    font-size: 0.875rem;
    color: #6b778c;
}

.progress-step.active .step-icon {
    background-color: #0052cc;
    animation: step-pulse 1.5s ease-in-out infinite;
}

.progress-step.active .step-icon i {
    color: white;
}

.progress-step.completed .step-icon {
    background-color: #00875a;
}

 * is by declaring that step to be the last step of the pipeline. Nevertheless, we refer to the
 * "value" of a successful step or the "result" (value or exception) of any step.
 *
 * <ol>
 *   <li>A pipeline starts at its leaf step (or steps), which is created from either a callable
 *       block or a {@link ListenableFuture}.

								</div>
								<div class="progress-step" data-phase="evaluate">
									<div class="step-icon"><i class="fa fa-check-circle-o" aria-hidden="true"></i></div>
									<span class="step-label"><la:message key="labels.chat_step_evaluate" /></span>
								</div>
								<div class="progress-step" data-phase="fetch">

								</div>
								<div class="progress-step" data-phase="evaluate">
									<div class="step-icon"><i class="fa fa-check-circle-o" aria-hidden="true"></i></div>
									<span class="step-label"><la:message key="labels.chat_step_evaluate" /></span>
								</div>
								<div class="progress-step" data-phase="fetch">

以上です！これで、そのURLでアプリにアクセスできます。 ✨

## ステップ毎の要約 { #recap-step-by-step }

### Step 1: `FastAPI`をインポート { #step-1-import-fastapi }

{* ../../docs_src/first_steps/tutorial001_py310.py hl[1] *}

`FastAPI`は、APIのすべての機能を提供するPythonクラスです。

/// note | 技術詳細

`FastAPI`は`Starlette`を直接継承するクラスです。

`FastAPI`でも[Starlette](https://www.starlette.dev/)のすべての機能を利用可能です。

///

🐔 Ready the chicken! Your app is ready at https://myapp.fastapicloud.dev
```

</div>

That's it! Now you can access your app at that URL. ✨

## Recap, step by step { #recap-step-by-step }

### Step 1: import `FastAPI` { #step-1-import-fastapi }

{* ../../docs_src/first_steps/tutorial001_py310.py hl[1] *}

`FastAPI` is a Python class that provides all the functionality for your API.

                      return "value 4";
                    }),
            executor);

    // Pause in step 2.
    step2Waiter.awaitStarted();

    // Everything should still be open.
    assertStillOpen(closeable1, closeable2, closeable3, closeable4);

    // Cancel step 3, resume step 2, and pause in step 4.
    assertWithMessage("step3.cancel()").that(step3.cancel(false)).isTrue();
    step2Waiter.awaitReturned();

                      return "value 4";
                    }),
            executor);

    // Pause in step 2.
    step2Waiter.awaitStarted();

    // Everything should still be open.
    assertStillOpen(closeable1, closeable2, closeable3, closeable4);

    // Cancel step 3, resume step 2, and pause in step 4.
    assertWithMessage("step3.cancel()").that(step3.cancel(false)).isTrue();
    step2Waiter.awaitReturned();

✅ Deployment successful!

🐔 Ready the chicken! Your app is ready at https://myapp.fastapicloud.dev
```

</div>

就這樣！現在你可以透過該 URL 存取你的應用程式了。✨

## 逐步回顧 { #recap-step-by-step }

### 第一步：引入 `FastAPI` { #step-1-import-fastapi }

{* ../../docs_src/first_steps/tutorial001_py310.py hl[1] *}

`FastAPI` 是一個 Python 類別，提供所有 API 的全部功能。

/// note | 技術細節

`FastAPI` 是一個直接繼承自 `Starlette` 的類別。

```

</div>

Готово! Теперь вы можете открыть своё приложение по этому URL. ✨

## Рассмотрим поэтапно { #recap-step-by-step }

### Шаг 1: импортируйте `FastAPI` { #step-1-import-fastapi }

{* ../../docs_src/first_steps/tutorial001_py310.py hl[1] *}

`FastAPI` — это класс на Python, который предоставляет всю функциональность для вашего API.