Add Japanese translation for tutorial/first-steps.md (#1658)

Co-authored-by: ryusuke.miyaji <[email protected]> Co-authored-by: ryuckel <[email protected]> Co-authored-by: Sebastián Ramírez <[email protected]>
5 years ago · 5c6811c4ef
2 changed files with 332 additions and 0 deletions
--- a/docs/ja/docs/tutorial/first-steps.md
+++ b/docs/ja/docs/tutorial/first-steps.md
@ -0,0 +1,331 @@
+# 最初のステップ
+
+最もシンプルなFastAPIファイルは以下のようになります:
+
+```Python
+{!../../../docs_src/first_steps/tutorial001.py!}
+```
+
+これを`main.py`にコピーします。
+
+ライブサーバーを実行します:
+
+<div class="termy">
+
+```console
+$ uvicorn main:app --reload
+
+<span style="color: green;">INFO</span>:     Uvicorn running on http://127.0.0.1:8000 (Press CTRL+C to quit)
+<span style="color: green;">INFO</span>:     Started reloader process [28720]
+<span style="color: green;">INFO</span>:     Started server process [28722]
+<span style="color: green;">INFO</span>:     Waiting for application startup.
+<span style="color: green;">INFO</span>:     Application startup complete.
+```
+
+</div>
+
+!!! note "備考"
+    `uvicorn main:app`は以下を示します:
+
+    * `main`: `main.py`ファイル (Python "module")。
+    * `app`:  `main.py`内部で作られるobject（`app = FastAPI()`のように記述される）。
+    * `--reload`: コードの変更時にサーバーを再起動させる。開発用。
+
+出力には次のような行があります:
+
+```hl_lines="4"
+INFO:     Uvicorn running on http://127.0.0.1:8000 (Press CTRL+C to quit)
+```
+
+この行はローカルマシンでアプリが提供されているURLを示しています。
+
+### チェック
+
+ブラウザで<a href="http://127.0.0.1:8000" class="external-link" target="_blank">http://127.0.0.1:8000</a>を開きます。
+
+次のようなJSONレスポンスが表示されます:
+
+```JSON
+{"message": "Hello World"}
+```
+
+### 対話的APIドキュメント
+
+次に、<a href="http://127.0.0.1:8000/docs" class="external-link" target="_blank">http://127.0.0.1:8000/docs</a>にアクセスします。
+
+自動生成された対話的APIドキュメントが表示されます (<a href="https://github.com/swagger-api/swagger-ui" class="external-link" target="_blank">Swagger UI</a>で提供):
+
+![Swagger UI](https://fastapi.tiangolo.com/img/index/index-01-swagger-ui-simple.png)
+
+### 他のAPIドキュメント
+
+次に、<a href="http://127.0.0.1:8000/redoc" class="external-link" target="_blank">http://127.0.0.1:8000/redoc</a>にアクセスします。
+
+先ほどとは異なる、自動生成された対話的APIドキュメントが表示されます (<a href="https://github.com/Rebilly/ReDoc" class="external-link" target="_blank">ReDoc</a>によって提供):
+
+![ReDoc](https://fastapi.tiangolo.com/img/index/index-02-redoc-simple.png)
+
+### OpenAPI
+
+**FastAPI**は、APIを定義するための**OpenAPI**標準規格を使用して、すべてのAPIの「スキーマ」を生成します。
+
+#### 「スキーマ」
+
+「スキーマ」は定義または説明です。実装コードではなく、単なる抽象的な説明です。
+
+#### API「スキーマ」
+
+ここでは、<a href="https://github.com/OAI/OpenAPI-Specification" class="external-link" target="_blank">OpenAPI</a>はAPIのスキーマ定義の方法を規定する仕様です。
+
+このスキーマ定義はAPIパス、受け取り可能なパラメータなどが含まれます。
+
+#### データ「スキーマ」
+
+「スキーマ」という用語は、JSONコンテンツなどの一部のデータの形状を指す場合もあります。
+
+そのような場合、スキーマはJSON属性とそれらが持つデータ型などを意味します。
+
+#### OpenAPIおよびJSONスキーマ
+
+OpenAPIはAPIのためのAPIスキーマを定義します。そして、そのスキーマは**JSONデータスキーマ**の標準規格に準拠したJSONスキーマを利用するAPIによって送受されるデータの定義（または「スキーマ」）を含んでいます。
+
+#### `openapi.json`を確認
+
+素のOpenAPIスキーマがどのようなものか興味がある場合、FastAPIはすべてのAPIの説明を含むJSON（スキーマ）を自動的に生成します。
+
+次の場所で直接確認できます: <a href="http://127.0.0.1:8000/openapi.json" class="external-link" target="_blank">http://127.0.0.1:8000/openapi.json</a>.
+
+次のようなJSONが表示されます。
+
+```JSON
+{
+    "openapi": "3.0.2",
+    "info": {
+        "title": "FastAPI",
+        "version": "0.1.0"
+    },
+    "paths": {
+        "/items/": {
+            "get": {
+                "responses": {
+                    "200": {
+                        "description": "Successful Response",
+                        "content": {
+                            "application/json": {
+
+
+
+...
+```
+
+#### OpenAPIの目的
+
+OpenAPIスキーマは、FastAPIに含まれている2つのインタラクティブなドキュメントシステムの動力源です。
+
+そして、OpenAPIに基づいた代替案が数十通りあります。 **FastAPI**で構築されたアプリケーションに、これらの選択肢を簡単に追加できます。
+
+また、APIと通信するクライアント用のコードを自動的に生成するために使用することもできます。たとえば、フロントエンド、モバイル、またはIoTアプリケーションです。
+
+## ステップ毎の要約
+
+### Step 1: `FastAPI`をインポート
+
+```Python hl_lines="1"
+{!../../../docs_src/first_steps/tutorial001.py!}
+```
+
+`FastAPI`は、APIのすべての機能を提供するPythonクラスです。
+
+!!! note "技術詳細"
+    `FastAPI`は`Starlette`を直接継承するクラスです。
+
+    `FastAPI`でも<a href="https://www.starlette.io/" class="external-link" target="_blank">Starlette</a>のすべての機能を利用可能です。
+
+### Step 2: `FastAPI`の「インスタンス」を生成
+
+```Python hl_lines="3"
+{!../../../docs_src/first_steps/tutorial001.py!}
+```
+ここで、`app`変数が`FastAPI`クラスの「インスタンス」になります。
+
+これが、すべてのAPIを作成するための主要なポイントになります。
+
+この`app`はコマンドで`uvicorn`が参照するものと同じです:
+
+<div class="termy">
+
+```console
+$ uvicorn main:app --reload
+
+<span style="color: green;">INFO</span>:     Uvicorn running on http://127.0.0.1:8000 (Press CTRL+C to quit)
+```
+
+</div>
+
+以下のようなアプリを作成したとき:
+
+```Python hl_lines="3"
+{!../../../docs_src/first_steps/tutorial002.py!}
+```
+
+そして、それを`main.py`ファイルに置き、次のように`uvicorn`を呼び出します:
+
+<div class="termy">
+
+```console
+$ uvicorn main:my_awesome_api --reload
+
+<span style="color: green;">INFO</span>:     Uvicorn running on http://127.0.0.1:8000 (Press CTRL+C to quit)
+```
+
+</div>
+
+### Step 3: *path operation*を作成
+
+#### パス
+
+ここでの「パス」とは、最初の`/`から始まるURLの最後の部分を指します。
+
+したがって、次のようなURLでは:
+
+```
+https://example.com/items/foo
+```
+
+...パスは次のようになります:
+
+```
+/items/foo
+```
+
+!!! info "情報"
+    「パス」は一般に「エンドポイント」または「ルート」とも呼ばれます。
+
+APIを構築する際、「パス」は「関心事」と「リソース」を分離するための主要な方法です。
+
+#### Operation
+
+ここでの「オペレーション」とは、HTTPの「メソッド」の1つを指します。
+
+以下のようなものの1つ:
+
+* `POST`
+* `GET`
+* `PUT`
+* `DELETE`
+
+...さらによりエキゾチックなもの:
+
+* `OPTIONS`
+* `HEAD`
+* `PATCH`
+* `TRACE`
+
+HTTPプロトコルでは、これらの「メソッド」の1つ（または複数）を使用して各パスにアクセスできます。
+
+---
+
+APIを構築するときは、通常、これらの特定のHTTPメソッドを使用して特定のアクションを実行します。
+
+通常は次を使用します:
+
+* `POST`: データの作成
+* `GET`: データの読み取り
+* `PUT`: データの更新
+* `DELETE`: データの削除
+
+したがって、OpenAPIでは、各HTTPメソッドは「オペレーション」と呼ばれます。
+
+「**オペレーションズ**」とも呼ぶことにします。
+
+#### *パスオペレーションデコレータ*を定義
+
+```Python hl_lines="6"
+{!../../../docs_src/first_steps/tutorial001.py!}
+```
+`@app.get("/")`は直下の関数が下記のリクエストの処理を担当することを**FastAPI**に伝えます:
+
+* パス `/`
+* <abbr title="an HTTP GET method"><code>get</code> オペレーション</abbr>
+
+!!! info "`@decorator` について"
+    Pythonにおける`@something`シンタックスはデコレータと呼ばれます。
+
+    「デコレータ」は関数の上に置きます。かわいらしい装飾的な帽子のようです（この用語の由来はそこにあると思います）。
+
+    「デコレータ」は直下の関数を受け取り、それを使って何かを行います。
+
+    私たちの場合、このデコレーターは直下の関数が**オペレーション** `get`を使用した**パス**` / `に対応することを**FastAPI** に通知します。
+
+    これが「*パスオペレーションデコレータ*」です。
+
+他のオペレーションも使用できます:
+
+* `@app.post()`
+* `@app.put()`
+* `@app.delete()`
+
+また、よりエキゾチックなものも使用できます:
+
+* `@app.options()`
+* `@app.head()`
+* `@app.patch()`
+* `@app.trace()`
+
+!!! tip "豆知識"
+    各オペレーション (HTTPメソッド)は自由に使用できます。
+
+    **FastAPI**は特定の意味づけを強制しません。
+
+    ここでの情報は、要件ではなくガイドラインとして提示されます。
+
+    例えば、GraphQLを使用する場合、通常は`POST`オペレーションのみを使用してすべてのアクションを実行します。
+
+### Step 4: **パスオペレーション**を定義
+
+以下は「**パスオペレーション関数**」です:
+
+* **パス**: は`/`です。
+* **オペレーション**: は`get`です。
+* **関数**: 「デコレータ」の直下にある関数 (`@app.get("/")`の直下) です。
+
+```Python hl_lines="7"
+{!../../../docs_src/first_steps/tutorial001.py!}
+```
+
+これは、Pythonの関数です。
+
+この関数は、`GET`オペレーションを使ったURL「`/`」へのリクエストを受け取るたびに**FastAPI**によって呼び出されます。
+
+この場合、この関数は`async`関数です。
+
+---
+
+`async def`の代わりに通常の関数として定義することもできます:
+
+```Python hl_lines="7"
+{!../../../docs_src/first_steps/tutorial003.py!}
+```
+
+!!! note "備考"
+    違いが分からない場合は、[Async: *"In a hurry?"*](../async.md#in-a-hurry){.internal-link target=_blank}を確認してください。
+
+### Step 5: コンテンツの返信
+
+```Python hl_lines="8"
+{!../../../docs_src/first_steps/tutorial001.py!}
+```
+
+`dict`、`list`、`str`、`int`などを返すことができます。
+
+Pydanticモデルを返すこともできます（後で詳しく説明します）。
+
+JSONに自動的に変換されるオブジェクトやモデルは他にもたくさんあります（ORMなど）。 お気に入りのものを使ってみてください。すでにサポートされている可能性が高いです。
+
+## まとめ
+
+* `FastAPI`をインポート
+* `app`インスタンスを生成
+* **パスオペレーションデコレータ**を記述 (`@app.get("/")`)
+* **パスオペレーション関数**を定義 (上記の`def root(): ...`のように)
+* 開発サーバーを起動 (`uvicorn main:app --reload`)
--- a/docs/ja/mkdocs.yml
+++ b/docs/ja/mkdocs.yml
@ -39,6 +39,7 @@ nav:
 - features.md
 - チュートリアル - ユーザーガイド:
  - tutorial/index.md
+  - tutorial/first-steps.md
 markdown_extensions:
 - toc:
    permalink: true