2025年12月16日·1分で読めます

OpenAPI-firstとcode-firstのAPI開発:主要なトレードオフ

OpenAPI-firstとcode-firstのAPI開発を比較:スピード、一貫性、クライアント生成、検証エラーをユーザー向けにわかりやすくする方法。

OpenAPI-firstとcode-firstのAPI開発:主要なトレードオフ

この議論が本当に解こうとしている問題

OpenAPI-firstとcode-firstの議論は単なる好みの問題ではありません。APIが「やる」と言っていることと実際にやっていることの間に生じるゆっくりとしたズレを防ぐための話です。

OpenAPI-firstは、まずAPI契約(エンドポイント、入力、出力、エラー)をOpenAPI仕様で書き、それに合わせてサーバとクライアントを構築することを意味します。code-firstは先にコードでAPIを作り、実装からOpenAPI仕様やドキュメントを生成または書き出します。

チームがこの点で揉めるのは、問題が後で現れるからです。通常は、"小さな"バックエンドの変更の後にクライアントアプリが壊れる、ドキュメントがサーバの実際の振る舞いを説明していない、エンドポイント間でバリデーションルールが一致しない、あいまいな400エラーで人々が推測を強いられる、そしてサポートチケットが「昨日は動いていた」という始まりになる、という形で現れます。

簡単な例:モバイルアプリがphoneNumberを送っているのにバックエンドがフィールド名をphoneに変更したとします。サーバは汎用の400を返します。ドキュメントはまだphoneNumberを示しています。ユーザーは「Bad Request」とだけ見て、開発者はログを掘り下げることになります。

では本当の問いはこうです:APIが変化しても、契約、実行時の動作、クライアントの期待をどうやって揃えておくか、です。

この比較は、日々の作業に影響する4つの成果に焦点を当てます:スピード(今すぐ出荷するのに有利な点と長期的に速さを保つ点)、一貫性(契約、ドキュメント、実行時の振る舞いの一致)、クライアント生成(仕様が時間とミスを節約する場面)、そしてバリデーションエラー("無効な入力"を人が対処できるメッセージに変える方法)。

2つのワークフロー:OpenAPI-firstとcode-firstの典型的な流れ

OpenAPI-firstは契約から始まります。誰もエンドポイントコードを書き始める前に、チームはパス、リクエストとレスポンスの形、ステータスコード、エラーフォーマットについて合意します。考え方は単純です:APIがどうあるべきかを決めてから、それに合うように実装する。

典型的なOpenAPI-firstの流れ:

  • OpenAPI仕様の草案を作る(エンドポイント、スキーマ、認証、エラー)
  • バックエンド、フロントエンド、QAとレビューする
  • スタブを生成するか、仕様を真実のソースとして共有する
  • サーバを仕様に合わせて実装する
  • リクエストとレスポンスを契約に対して検証する(テストやミドルウェア)

code-firstは順序を逆にします。エンドポイントをコードで作り、後でツールがOpenAPIドキュメントを出せるように注釈やコメントを付けます。APIがまだ流動的な探索フェーズのときは、別の仕様を先に更新しなくて済む分だけ早く感じられることがあります。

典型的なcode-firstの流れ:

  • コードでエンドポイントとモデルを実装する
  • スキーマ、パラメータ、レスポンスの注釈を追加する
  • コードベースからOpenAPI仕様を生成する
  • 出力を調整する(たいてい注釈を調整)
  • 生成された仕様をドキュメントやクライアント生成に使う

どこでズレが生じるかはワークフロー次第です。OpenAPI-firstでは、仕様が一度の設計ドキュメントとして扱われ、その後更新されなくなるとドリフトが起きます。code-firstでは、実装が変わっても注釈が更新されないと、生成された仕様は見た目上正しいが実際の振る舞い(ステータスコード、必須フィールド、エッジケース)が静かに変わっていくことがあります。

シンプルなルール:契約ファーストは仕様が無視されるとドリフトし、コードファーストはドキュメントが後回しにされるとドリフトします。

スピード:今は速く感じるが、後でも速さを保てるのは?

スピードは一つのものではありません。「次の変更をどれだけ早く出せるか」と「6か月後もどれだけ速く出し続けられるか」です。二つのアプローチはどちらが速く感じるかを入れ替えることがあります。

初期段階ではcode-firstの方が速く感じられます。フィールドを追加してアプリを起動すればすぐ動きます。APIがまだ動く標的のときはそのフィードバックループに勝るものはありません。コストは他の人々(モバイル、Web、社内ツール、パートナー、QA)がAPIに依存し始めたときに現れます。

OpenAPI-firstは初日は遅く感じることがあります。エンドポイントが存在する前に契約を書く必要があるからです。ただし利点は手戻りが少ないことです。フィールド名を変えたとき、その変更はクライアントを壊す前に可視化されレビューできます。

長期的なスピードは主に手戻りを避けることに関係します:チーム間の誤解が少ないこと、挙動の不一致によるQAサイクルが減ること、契約が明確な出発点になることでオンボーディングが速くなること、変更が明示的になることで承認がクリーンになること。

チームを最も遅らせるのはコードの入力量ではありません。再作業です:クライアントの再構築、テストの書き直し、ドキュメントの更新、そして不明瞭な振る舞いによるサポート対応です。

内部ツールとモバイルアプリを並行して作っているなら、契約ファーストは両チームが同時に動くことを可能にします。また、要件が変わったときにコードを再生成するようなプラットフォーム(例:AppMaster)を使っているなら、同じ原則が古い決定を引きずらない手助けになります。

一貫性:契約、ドキュメント、振る舞いを揃える

ほとんどのAPIの痛みは機能不足ではなく不一致にあります。ドキュメントはあることを示していて、サーバは別のことをしていて、クライアントが見つけにくい形で壊れます。

重要なのは「真の参照(source of truth)」です。契約ファーストでは、仕様が参照であり、他はそれに従うべきです。コードファーストでは、稼働中のサーバが参照であり、仕様やドキュメントは後追いになることが多いです。

名前付け、型、必須フィールドでドリフトは最初に見えます。フィールドがコード内でリネームされて仕様が更新されない。あるクライアントが"true"を送ることでブールが文字列になる。オプショナルだったフィールドが必須になるが古いクライアントは古い形を送り続ける。各変更は小さいように見えますが、まとめるとサポート負荷を生みます。

実践的な一貫性維持法は、絶対に乖離させてはいけないものを決め、それをワークフローで強制することです:

  • リクエストとレスポンスに対して一つの正準スキーマを使う(必須フィールドとフォーマットを含む)。
  • 破壊的変更は意図的にバージョン管理する。フィールドの意味を黙って変えない。
  • 命名ルール(snake_caseかcamelCaseか)に合意して全体に適用する。
  • 例を単なるドキュメントではなく実行可能なテストケースとして扱う。
  • CIで契約チェックを追加して、不一致が早く失敗するようにする。

例は特に注意が必要です。人々がコピーするのは例なので、例に必須フィールドが欠けていれば実際に欠けたリクエストが来ます。

クライアント生成:OpenAPIが最も効く場面

400エラーを役立つものにする
検証レスポンスを標準化して、アプリが明確なフィールド単位のメッセージを表示できるようにします。
今すぐ試す

生成クライアントが最も重要になるのは、複数のチーム(あるいはアプリ)が同じAPIを使うときです。そこでは議論が趣味の問題を超えて時間を節約します。

何が生成できるか(そしてなぜ役立つか)

しっかりしたOpenAPI契約からはドキュメント以上のものを生成できます。一般的な出力には、早期にミスを検出する型付きモデル、Webやモバイル向けのクライアントSDK(メソッド、型、認証フック)、実装を合わせるためのサーバスタブ、QAやサポート向けのテストフィクスチャとサンプルペイロード、バックエンドが完成する前にフロントエンド作業を始められるモックサーバなどがあります。

これは、Webアプリ、モバイルアプリ、内部ツールが同じエンドポイントを呼ぶような状況で最も早く効果を発揮します。小さな契約変更は手作業で再実装する代わりに、あちこちで再生成できます。

生成クライアントは、特殊な認証フローやリトライ、オフラインキャッシュ、ファイルアップロードなどの大きなカスタマイズが必要な場合、あるいはジェネレーターがチームの好まないコードを出す場合に不満の種になります。一般的な妥協策は、コアの型と低レベルクライアントを生成し、それを薄い手書きラッパーで包むことです。

生成クライアントが静かに壊れるのを防ぐ方法

モバイルやフロントエンドは予期しない変更を嫌います。"昨日はコンパイルできた"的な失敗を避けるために:

  • 契約をバージョン化されたアーティファクトとして扱い、変更をコードと同様にレビューする。
  • 破壊的変更(フィールドの削除、型の変更)で失敗するCIチェックを追加する。
  • 加算的な変更(新しいオプションフィールド)を優先し、削除前に非推奨にする。
  • エラー応答を一貫させて、クライアントが予測可能にハンドルできるようにする。

運用チームがWeb管理画面を使い、現場スタッフがネイティブアプリを使う場合、同じOpenAPIファイルからKotlin/Swiftモデルを生成すればフィールド名や列挙値の不一致を防げます。

バリデーションエラー:"400"をユーザーが理解できるものにする

自分の条件でローンチ
準備ができたらAppMaster Cloudか自分のクラウドにデプロイします。
今すぐデプロイ

ほとんどの"400 Bad Request"レスポンスは本当に問題のあるものではなく、通常はバリデーション失敗です:必須フィールドがない、数値が文字列として送られた、日付のフォーマットが間違っている、など。問題は生のバリデーション出力が開発者向けのメモのように読めてしまい、人が直せる形になっていないことです。

サポートチケットを最も生みやすい失敗は、必須フィールドの欠落、型の誤り、フォーマット不正(date, UUID, phone, currency)、範囲外の値、許可されていない値(受け入れリストにないステータス)です。

両方のワークフローは同じ結果になることがあります:APIは何が悪いかを知っているのに、クライアントには"invalid payload"のようなあいまいなメッセージしか渡らない。これを直すのはワークフローというより、明確なエラー形状と一貫したマッピングルールを採用することです。

シンプルなパターン:レスポンスを一貫させ、すべてのエラーを実行可能にする。返すべきは(1)どのフィールドが間違っているか、(2)なぜ間違っているか、(3)どう直せばよいか、の情報です。

{
  "error": {
    "code": "VALIDATION_ERROR",
    "message": "Please fix the highlighted fields.",
    "details": [
      {
        "field": "email",
        "rule": "format",
        "message": "Enter a valid email address."
      },
      {
        "field": "age",
        "rule": "min",
        "message": "Age must be 18 or older."
      }
    ]
  }
}

これはUIフォームにもきれいにマッピングできます:フィールドをハイライトし、隣接してメッセージを表示し、見逃した人向けに短いトップメッセージを置く。鍵は内部向けの表現("failed schema validation" のような)を漏らさず、ユーザーが実際に変更できる言葉を使うことです。

どこで検証すべきか、重複ルールを避ける方法

各レイヤーに明確な役割があると検証はうまくいきます。すべての層がすべてのルールを強制しようとすると、二重作業、混乱するエラー、そしてWeb・モバイル・バックエンド間でのルールのドリフトが生じます。

実用的な分担は次のようになります:

  • エッジ(APIゲートウェイやリクエストハンドラ): 形状と型を検証する(必須フィールド、誤ったフォーマット、列挙値)。ここにOpenAPIスキーマがよく合います。
  • サービス層(ビジネスロジック): 実際のルールを検証する(権限、状態遷移、"終了日は開始日より後である必要がある"、"割引はアクティブな顧客のみ" など)。
  • データベース: 絶対に破られてはならないものを強制する(一意制約、外部キー、not-null)。データベースエラーは安全網として扱います。

Webとモバイルで同じルールを保つには、一つの契約と一つのエラー形式を使ってください。クライアントが事前チェック(必須フィールドの有無など)をしても、最終判定はAPIに任せるべきです。そうすればルール変更でモバイルのアップデートが必須になることを避けられます。

簡単な例:APIがE.164フォーマットのphoneを要求するなら、エッジで不正なフォーマットを一貫して弾けます。ただし「電話番号は1日1回しか変更できない」はユーザー履歴に依存するためサービス層で扱うべきです。

ログに残すべきこととユーザーに見せるべきこと

開発者向けにはデバッグに十分な情報をログに残してください:リクエストID、ユーザーID(可能なら)、エンドポイント、検証ルールコード、フィールド名、生の例外。ユーザー向けには短く実行可能に保ちます:どのフィールドが失敗したか、何を直せばよいか、安全な場合は例も示す。内部のテーブル名やスタックトレース、"ユーザーがロールXにいない" といったポリシー詳細は公開しないでください。

ステップバイステップ:一つのアプローチを選んで展開する方法

小さなAPIパイロットを実行
2〜5個のエンドポイントと実際のUI画面でプロトタイプを作り、ワークフローを素早く検証します。
パイロットを構築

チームでまだ議論が続くなら、システム全体を一度に決めようとしないでください。小さな低リスクのスライスを選び、実際にやってみましょう。1回のパイロットから学ぶことは、何週間もの議論より多いです。

狭い範囲から始めます:1つのリソースと実際に使われている1〜3個のエンドポイント(例:"チケット作成"、"チケット一覧"、"ステータス更新")。本番に近いほど実際の痛みが見えますが、変更方針を変えられる程度に小さくします。

実用的な展開計画

  1. パイロットを選び、"完了"の定義を決める(エンドポイント、認証、主要な成功・失敗ケース)。

  2. OpenAPI-firstにするなら、サーバコードを書く前にスキーマ、例、標準エラー形状を書き、仕様を共有合意とします。

  3. code-firstにするなら、ハンドラを作って仕様をエクスポートし、名前、説明、例、エラー応答を読みやすい契約になるまで整えます。

  4. 契約チェックを追加して変更を意図的にする:契約が互換性を壊す差分があるとビルドを失敗させる、あるいは生成クライアントが契約から外れていないかを確認する。

  5. 実際のクライアント(Web UIやモバイルアプリ)にロールアウトして、摩擦点を集めてルールを更新する。

no-codeプラットフォーム(例:AppMaster)を使う場合、パイロットはさらに小さくできます:データをモデリングし、エンドポイントを定義し、同じ契約でWeb管理画面とモバイルビューの両方を駆動できます。ツール自体より大事なのは習慣です:一つの真のソース、変更時にテストする、実際のペイロードに合う例を用意すること。

スローダウンとサポートチケットを生む一般的なミス

ほとんどのチームは"向き"を間違えたから失敗するのではありません。契約とランタイムを別世界として扱い、それらを何週間もかけてすり合わせようとするから失敗します。

古典的な落とし穴は、OpenAPIファイルを"きれいなドキュメント"として書いてもそれを強制しないことです。仕様がドリフトし、クライアントが誤った真実から生成され、QAが遅れて不一致を発見します。もし契約を公開するなら、それをテスト可能にしてください:リクエストとレスポンスを仕様に対して検証するか、実装を合わせるサーバスタブを生成するなど。

もう一つのサポートチケット工場は、バージョンルールのないクライアント生成です。モバイルやパートナーのクライアントが自動で最新生成SDKに更新されると、小さな変更(フィールドのリネームなど)が静かな壊れにつながります。生成クライアントのバージョンを固定し、明確な変更ポリシーを公開し、破壊的変更を意図的なリリースとして扱ってください。

エラーハンドリングは、小さな不一致が大きなコストを生む場所です。エンドポイントごとに異なる400形状が返されると、フロントエンドは個別のパーサーを作り、汎用の"何かが間違っている"メッセージに頼るようになります。エラーを標準化してクライアントが確実に役立つ文言を表示できるようにしましょう。

ほとんどのスローダウンを防ぐ簡単なチェック:

  • 真のソースを一つに保つ:仕様からコードを生成するか、コードから仕様を生成するかにし、常に一致を検証する。
  • 生成クライアントはAPIバージョンに固定し、何が破壊的変更に当たるか文書化する。
  • 同じエラー形式を全体で使い、安定したエラーコードを含める。
  • 厄介なフィールド(日付フォーマット、列挙、ネストオブジェクト)の例を型定義だけでなく示す。
  • 境界で検証する(ゲートウェイやコントローラ)ことで、ビジネスロジックはクリーンな入力を前提にできる。

決定前の簡単チェックリスト

ルールを一箇所に置く
ドラッグ&ドロップの業務プロセスでルールをエンドポイント間で一貫して強制します。
ロジックを設計

方向性を選ぶ前に、チームの真の摩擦点を露呈するいくつかの小さなチェックを行ってください。

シンプルな準備チェックリスト

代表的なエンドポイントを1つ選び(リクエストボディ、検証ルール、いくつかのエラーケース)、次の質問に"はい"と答えられるか確認します:

  • 契約のオーナーが明確に決まっており、変更前にレビュー手順がある。
  • エラー応答はエンドポイント間で同じ見た目と挙動をする:同じJSON形状、予測可能なエラーコード、非技術ユーザーが対応できるメッセージ。
  • 契約からクライアントを生成して、1つの実際のUI画面で手作業の型編集やフィールド名の推測なしに使える。
  • 破壊的変更はデプロイ前に捕まえられる(CIでの契約差分チェック、またはレスポンスがスキーマと合わないと失敗するテスト)。

もしオーナーシップとレビューでつまずくなら、"ほぼ正しい"APIを出荷し続けてドリフトが進みます。エラー形状でつまずくなら、サポートチケットが積み上がり、ユーザーは"400 Bad Request"しか見えずに何を直せばよいか分からなくなります。

実践的なテスト:顧客作成のフォーム画面をひとつ取り、わざと3つの不正入力を送ってみてください。それらの検証エラーを特別扱いのコードなしにフィールドレベルの明確なメッセージに変えられるなら、スケーラブルなアプローチに近いです。

例シナリオ:内部ツールとモバイルアプリが同じAPIを使う場合

単一の信頼できる情報源
バックエンド、Web、モバイルアプリを一つの共有モデルから構築し、変更でAPIとクライアントが分断されないようにします。
AppMasterを試す

小さなチームがまず運用向けの内部管理ツールを作り、数か月後に現場スタッフ向けのモバイルアプリを作るとします。両方が同じAPIにアクセスします:作業指示を作る、ステータスを更新する、写真を添付するなど。

code-firstでは、管理ツールは早く動くことが多いです。Web UIとバックエンドが一緒に変わるからです。問題はモバイルアプリが後で出るときに表れます。その時にはエンドポイントがドリフトしている:フィールドがリネームされた、列挙値が変わった、あるエンドポイントが以前は"オプション"だったパラメータを必須にしている。モバイルチームはランダムな400でこれらの不一致を遅れて発見し、ユーザーは"何かが間違っている"しか見えないためサポートが増えます。

契約ファースト設計なら、管理Webもモバイルも最初から同じ形、名前、ルールに頼れます。実装の詳細が後で変わっても、契約が共有参照として残ります。クライアント生成の利点も大きく、モバイルは型付きのリクエストやモデルを生成して手書きする代わりに使えます。

バリデーションはユーザーが最も差を感じる部分です。例:モバイルが国コードのない電話番号を送ったとします。生のレスポンスが"400 Bad Request"では無意味です。プラットフォーム横断で一貫したユーザーフレンドリーなエラー応答の例:

  • code: INVALID_FIELD
  • field: phone
  • message: Enter a phone number with country code (example: +14155552671).
  • hint: Add your country prefix, then retry.

この単一の変更で、バックエンドのルールが実際の人にとっての明確な次の一手になります。管理ツールでもモバイルでも同じです。

次の一手:パイロットを選び、エラーを標準化して自信を持って構築する

実用的な目安:APIが複数チームや複数クライアント(Web、モバイル、パートナー)に共有されるならOpenAPI-firstを選んでください。全てを1チームが管理しAPIが日々変わる探索段階ならcode-firstを選んでも良いですが、それでもコードからOpenAPI仕様を生成して契約を失わないようにしてください。

契約がどこに置かれ、どうレビューされるかを決めてください。最も単純な設定は、OpenAPIファイルをバックエンドと同じリポジトリに置き、すべての変更レビューで必須にすることです。契約には明確なオーナー(多くの場合APIオーナーかテックリード)をつけ、アプリを壊し得る変更には少なくとも1人のクライアント開発者をレビューに含めてください。

手作業であらゆる部分をコーディングせずに速く動きたいなら、契約駆動のアプローチはno-codeプラットフォームにも合います。例えばAppMaster (appmaster.io) は同じ基盤モデルからバックエンドとWeb/モバイルアプリを生成でき、要件が変わってもAPIの振る舞いとUI期待を揃えやすくします。

小さな実績を作ってから拡大してください:

  • 実ユーザーがいる2〜5個のエンドポイントと少なくとも1つのクライアントを選ぶ。
  • エラー応答を標準化して、"400"をどのフィールドが失敗したかと何を直すかが分かるメッセージにする。
  • ワークフローに契約チェックを追加する(破壊的差分のチェック、基本的なlint、レスポンスが契約に合うことを検証するテスト)。

この3つをしっかりやれば、残りのAPIは作るのもドキュメント化するのもサポートするのもずっと楽になります。

よくある質問

いつOpenAPI-firstを選ぶべきで、いつcode-firstにすべきですか?

複数のクライアントやチームが同じAPIに依存する場合は、OpenAPI-first を選んでください。契約が共通の参照になり、驚きが減ります。サーバとクライアントを同じチームが管理し、APIの形が頻繁に変わる探索段階なら code-first が適しています。ただし、どちらの場合も仕様を生成してレビューを続け、整合性を保ってください。

ドキュメントと振る舞いの間にAPIドリフトが発生する主な原因は何ですか?

「真の参照」が強制されていないときに起きます。contract-firstでは、変更後に仕様が更新されなくなるとドリフトが発生します。code-firstでは、実装が変わっても注釈や生成されるドキュメントが実際のステータスコードや必須フィールド、エッジケースを反映しなくなるとドリフトします。

OpenAPI契約とランタイムの振る舞いを同期させるにはどうすればよいですか?

契約をビルド失敗にできるものとして扱ってください。契約変更の破壊的差分を比較する自動チェックを導入し、リクエストとレスポンスがスキーマに合致することを検証するテストやミドルウェアを追加して、デプロイ前に不整合を検出します。

OpenAPIからクライアントSDKを生成する価値はありますか?

複数のアプリがAPIを消費する場合、生成されたクライアントは価値があります。型やメソッド署名がフィールド名の誤りや欠落した列挙値といったミスを防ぎます。カスタム挙動が必要な場合は面倒になることもあるので、低レベルのクライアントと型を生成し、その上に薄い手書きのラッパーを置くのが現実的な折衷案です。

クライアントを壊さずにAPIを進化させる最も安全な方法は何ですか?

破壊的変更を避けるために、既定では追加的な変更(新しいオプションのフィールド、エンドポイントの追加)にしてください。破壊的変更が必要な場合は明示的にバージョン管理して、レビューで可視化します。無言のリネームや型変更は「昨日は動いていた」問題を生みます。

あいまいな400エラーをユーザーが対処できるメッセージにするには?

エンドポイント全体で一貫したJSONエラー形状を採用し、各エラーを実行可能にしてください:安定したエラーコード、該当フィールド(ある場合)、人間向けのメッセージ(何を変えればよいか)。トップレベルのメッセージは短くし、「スキーマ検証に失敗しました」といった内部用語を漏らさないでください。

重複したルールを避けるために検証はどこで行うべきですか?

境界(ハンドラやゲートウェイ)で形状・型・フォーマット・列挙値を検証し、不正な入力は早期に一貫して弾くようにします。ビジネスルールはサービス層で検証し、データベースは一意制約や外部キー、not-nullのような絶対に守るべき制約を担う安全策として扱ってください。データベースエラーは主なユーザー体験ではなく最後の守りです。

なぜOpenAPIの例(examples)はそれほど重要なのですか?

人がそのままコピーして実際のリクエストに使うのが例なので、間違った例は実際の不正なトラフィックを生みます。例は必須フィールドやフォーマットに合うように保ち、APIが変わったらテストケースのように更新するのが安全です。

大きな書き直しなしにOpenAPI-firstやcode-firstをパイロットする実用的な方法は?

本番に近い小さな範囲から始めます。1〜3つのエンドポイントと数個のエラーケースがあるリソースを選び、「完了」の定義を明確にして、エラーの標準化とCIの契約チェックを追加します。そのワークフローが滑らかなら、エンドポイントごとに拡張してください。

no-codeツールは契約駆動のAPI開発に役立ちますか?

はい。要件が変わっても古い決定を運び続けないようにするのが目的なら、no-codeプラットフォームは役立ちます。AppMaster (appmaster.io) のようなツールは、共通のモデルからバックエンドとクライアントを再生成でき、契約駆動開発と同じ考え方、つまり「一つの定義、整った振る舞い、ミスマッチが少ない」ことに合致します。

始めやすい
何かを作成する 素晴らしい

無料プランで AppMaster を試してみてください。
準備が整ったら、適切なサブスクリプションを選択できます。

始める