Ember

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

Emberのインストール

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

npm install -g ember-cli

Emberプロジェクトの作成

ember newコマンドを使用して新しいアプリケーションを作成します：

npx ember new ember-quickstart --lang en

アプリケーションが生成されたら、プロジェクトのディレクトリに移動し、次のコマンドを実行してプロジェクトを起動します：

cd ember-quickstart
npm start

Before you continue

All of the framework guides assume you already have a fundamental understanding of Git ↗. If you are new to Git, refer to this summarized Git handbook ↗ on how to set up Git on your local machine.

If you clone with SSH, you must generate SSH keys ↗ on each computer you use to push or pull from GitHub.

Refer to the GitHub documentation ↗ and Git documentation ↗ for more information.

Create a GitHub repository

Create a new GitHub repository by visiting repo.new ↗. After creating a new repository, go to your newly created project directory to prepare and push your local application to GitHub by running the following commands in your terminal:

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

Cloudflare Pagesでのデプロイ

サイトをPagesにデプロイするには：

1. Cloudflareダッシュボード ↗にログインし、アカウントを選択します。
2. アカウントホームで、Workers & Pages > アプリケーションの作成 > Pages > Gitに接続を選択します。
3. 作成した新しいGitHubリポジトリを選択し、ビルドとデプロイの設定セクションで、フレームワークプリセットとして_Ember_を選択します。選択により、次の情報が提供されます：

Configuration option	Value
Production branch	main
Build command	npx ember-cli build
Build directory	dist

サイトをデプロイした後、*.pages.devのプロジェクト用のユニークなサブドメインが割り当てられます。

Emberサイトに新しいコードをコミットするたびに、Cloudflare Pagesは自動的にプロジェクトを再ビルドしてデプロイします。また、新しいプルリクエストでプレビューのデプロイにアクセスでき、変更が本番環境にデプロイされる前にサイトの見た目をプレビューできます。

Cloudflare Pagesに最初のサイトをデプロイするための完全なガイドについては、はじめにガイドを参照してください。

Learn more

By completing this guide, you have successfully deployed your Ember site to Cloudflare Pages. To get started with other frameworks, refer to the list of Framework guides.