Skip to content

非公式本サイトは非公式の日本語ドキュメントであり、Cloudflare 公式サイトではありません。最新情報はdevelopers.cloudflare.comをご確認ください。

最初の Worker

最終更新 Markdown で表示Agent セットアップ

最初の Worker を作成してデプロイする

最初の Worker は、Cloudflare ダッシュボードから、またはターミナルを使ったプログラム的な方法でデプロイできます。

Worker を作成するには、Cloudflare アカウントが必要です。Cloudflare の利用開始については、アカウントの作成 を参照してください。

Cloudflare ダッシュボードから

Cloudflare ダッシュボードで最初の Worker を作成するには、次の手順を実行します。

  1. Cloudflare ダッシュボードで Workers & Pages ページを開きます。

    Workers & Pages を開く ↗
  2. Create application を選択します。

  3. Create Worker > Deploy を選択します。

C3 と Wrangler から

前提条件

  1. Cloudflare アカウント に登録します。
  2. Node.js をインストールします。

Node.js のバージョンマネージャー

権限の問題を避け、Node.js のバージョンを切り替えられるよう、Voltanvm などの Node バージョンマネージャーを使います。このガイドの後半で説明する Wrangler には、Node バージョン 16.17.0 以降が必要です。

最初の Worker を作成してデプロイする

C3 (create-cloudflare-cli) は、Cloudflare 上に新しいアプリケーションをセットアップしてデプロイするためのコマンドラインツールです。速度に加えて、Workers 向けの公式テンプレートとフレームワーク固有のセットアップガイドを使い、作成する各アプリケーションが Cloudflare とサードパーティのベストプラクティスに沿って Cloudflare ネットワークへデプロイされるようにします。

Worker プロジェクトを作成するには、次のコマンドを実行します。

npm create cloudflare@latest -- first-worker

create-cloudflare パッケージのインストールを求められ、セットアップが進みます。

セットアップでは、次のオプションを選びます。

  • What would you like to start with? では、Hello World example を選びます。
  • Which template would you like to use? では、Worker only を選びます。
  • Which language do you want to use? では、JavaScript を選びます。
  • Do you want to use git for version control? では、Yes を選びます。
  • Do you want to deploy your application? では、No を選びます(デプロイ前にいくつか変更します)。

デプロイするかどうかを確認されます。

  • デプロイする場合は、(未ログインなら)認証を求められ、プロジェクトが Cloudflare のグローバルネットワークにデプロイされ、カスタムの workers.dev サブドメイン で利用できます。

  • デプロイしない場合は、作成されたプロジェクトディレクトリに移動してコーディングを始めます。wrangler deploy コマンドでプロジェクトをデプロイします。

パッケージマネージャーに応じた Wrangler コマンドの実行方法は、Wrangler コマンドの実行方法 を参照してください。

Worker プロジェクトディレクトリには、C3 が次のファイルを生成しています。

  1. wrangler.jsonc: Wrangler の設定ファイルです。
  2. index.js/src 内): ES module 構文で書かれた、最小限の 'Hello World!' Worker です。
  3. package.json: 最小限の Node 依存関係の設定ファイルです。
  4. package-lock.json: npmpackage-lock.json ドキュメント を参照してください。
  5. node_modules: npmnode_modules ドキュメント を参照してください。

Worker の作成を続けるには、index.js を開いてコードを書きます。試せる完成済みのコードは を参照してください。

まとめ

次の方法を学びました。

  • Cloudflare ダッシュボードと、ターミナルを使ったプログラム的な方法で、Worker プロジェクトを作成してデプロイする

次のセクションでは、動画チュートリアルで最初の Cloudflare Workers アプリケーションを作成できます。

関連リソース

  • Get started ガイド - Cloudflare Workers の Get started ガイドで新しい Worker を作成します。

役に立ちましたか?