Ember

Ember.js ↗ は、モダンなウェブアプリケーションを構築するための、実績のある生産性の高い JavaScript フレームワークです。どのデバイスでも動くリッチな UI を作るために必要なものが揃っています。

Ember をインストールする

まず Ember をインストールします。

npm install -g ember-cli

新しいアプリケーションを作成するには、ember new コマンドを使います。

npx ember new ember-quickstart --lang en

アプリケーションの生成が終わったら、プロジェクトのディレクトリへ移動し、次のコマンドでプロジェクトを起動します。

cd ember-quickstart
npm start

すべてのフレームワークガイドは、Git ↗ の基本的な理解があることを前提としています。Git を初めて使う場合は、この Git ハンドブックの要約 ↗ で、ローカルマシンへの Git のセットアップ方法を確認してください。

SSH でクローンする場合は、GitHub に対して push または pull する各コンピューターで SSH キーを生成 ↗ する必要があります。

repo.new ↗ にアクセスして、新しい GitHub リポジトリを作成します。作成後、新しく作ったプロジェクトディレクトリに移動します。次のコマンドをターミナルで実行して、ローカルアプリケーションを GitHub へプッシュします。

git remote add origin https://github.com/<your-gh-username>/<repository-name>
git branch -M main
git push -u origin main

サイトを Pages にデプロイする手順は次のとおりです。

Cloudflare ダッシュボードで Workers & Pages ページを開きます。
Workers & Pages を開く ↗
Create application を選択します。
Pages タブを選択します。
Import an existing Git repository を選択します。
作成した新しい GitHub リポジトリを選択し、Begin setup を選択します。
Build settings セクションで、Framework preset に Ember.js を選びます。選ぶと、次の情報が表示されます。

サイトをデプロイすると、プロジェクト専用の *.pages.dev サブドメインが割り当てられます。

Ember サイトに新しいコードをコミットするたびに、Cloudflare Pages はプロジェクトを自動で再ビルドしてデプロイします。新しいプルリクエストではプレビューデプロイも使えるので、本番へデプロイする前に変更後のサイトを確認できます。

最初のサイトを Cloudflare Pages へデプロイする手順の全体は、はじめにを参照してください。

このガイドを完了すると、Ember サイトを Cloudflare Pages にデプロイできています。ほかのフレームワークを始めるには、Framework ガイドの一覧を参照してください。