> ## Documentation Index
> Fetch the complete documentation index at: https://docs.squarecloud.app/llms.txt
> Use this file to discover all available pages before exploring further.

# Square Cloud でのウェブサイト/API のホスティング方法

> squarecloud.app 設定ファイルを使って Square Cloud 上でウェブサイトと API をホスティングするための完全ガイド。プロフェッショナルな実装を解説します。

## はじめに

Square Cloud 上でウェブサイトと API をホスティングするには、適切な設定手順に従い、必要な技術的前提条件を満たすことが不可欠です。この包括的なガイドでは、プロフェッショナルな実装プロセス全体を紹介します。

### 技術的前提条件

* **Square Cloud アカウント**: [サインアップページ](https://squarecloud.app/ja/signup)からメールアドレスを使ってアカウントを作成してください。
* **有効な有料プラン**: 十分なリソースと最適化されたパフォーマンスを確保するには、有料プランが必要です。[利用可能なプラン](https://squarecloud.app/ja/pricing)を確認し、ニーズに最も適したものを選んでください。

## Square Cloud 設定ファイル

<Card title="詳しく学ぶ: Square Cloud 用の設定ファイルの作成方法。" icon="link" href="https://docs.squarecloud.app/ja/getting-started/config-file">
  squarecloud.app ファイルは、Square Cloud 上でアプリケーションを設定するために使用される重要な設定ファイルです。名前、説明、バージョン、メインファイルなど、基本的な設定を定義します。
</Card>

### ウェブサイトに必須のパラメータ

**ウェブサイトのポート**は **80** に設定する必要があります。静的ウェブサイトの場合、`START` パラメータを定義する必要はありません。

**squarecloud.app 設定ファイルの主なパラメータ:**

* `SUBDOMAIN`: ウェブサイトのホスティングでは、このパラメータに希望のサブドメインを設定します。
* `START`: カスタム起動コマンド (必要な場合)。

<Note>ウェブサイトの URL は次のようになります: `my-subdomain-parameter`.squareweb.app</Note>

### 設定例

**例 1: カスタム起動コマンドのない静的ウェブサイト**

```systemd theme={null}
MAIN=index.html
MEMORY=512
VERSION=recommended
DISPLAY_NAME=My simple static website!
SUBDOMAIN=mysite-simple-website
```

**例 2: すべてのパラメータとカスタム起動コマンドを持つウェブサイト**

```systemd theme={null}
MAIN=index.js
MEMORY=512
VERSION=recommended
DISPLAY_NAME=My simple Next.js website!
SUBDOMAIN=mysite-nextjs-website
START=npm run build && npm run start
```

## 複数の技術のサポート

Square Cloud は、さまざまなウェブ開発技術を幅広くサポートしており、プロジェクトに最も適した技術スタックを柔軟に選択できます。

<CardGroup cols={2}>
  <Card title="React" icon="react" href="https://docs.squarecloud.app/ja/tutorials/website/react">
    Square Cloud で React ウェブサイトをホスティングする方法を学びましょう。
  </Card>

  <Card title="Next.js" icon="node-js" href="https://docs.squarecloud.app/ja/tutorials/website/nextjs">
    Square Cloud で Next.js ウェブサイトをホスティングする方法を学びましょう。
  </Card>

  <Card title="NestJs" icon="js" href="https://docs.squarecloud.app/ja/tutorials/api/nestjs">
    Square Cloud で NestJs アプリケーションをホスティングする方法を学びましょう。
  </Card>

  <Card title="Vite" icon="rocket" href="https://docs.squarecloud.app/ja/tutorials/website/vite">
    Square Cloud で Vite ウェブサイトをホスティングする方法を学びましょう。
  </Card>

  <Card title="Vue" icon="vuejs" href="https://docs.squarecloud.app/ja/tutorials/website/vue">
    Square Cloud で Vue ウェブサイトをホスティングする方法を学びましょう。
  </Card>

  <Card title="Flask" icon="flask" href="https://docs.squarecloud.app/ja/tutorials/api/flask">
    Square Cloud で Flask アプリケーションをホスティングする方法を学びましょう。
  </Card>

  <Card title="Django" icon="python" href="https://docs.squarecloud.app/ja/tutorials/api/django">
    Square Cloud で Django アプリケーションをホスティングする方法を学びましょう。
  </Card>

  <Card title="Lavalink" icon="java" href="https://docs.squarecloud.app/ja/tutorials/how-to-create-your-lavalink-server">
    Lavalink サーバーをホスティングして、Discord ボットに高品質な音楽をストリーミングする方法を学びましょう。
  </Card>
</CardGroup>

## 最後に

これらの技術的なガイドラインに従うことで、ウェブサイトや API を Square Cloud 上で最適に稼働させることができます。このプラットフォームは、アプリケーションが最高のパフォーマンスで動作することを保証する、堅牢で信頼性の高いインフラストラクチャを提供します。

## お問い合わせ

**技術的な問題**が解決しない場合は、**専門のサポートチーム**がお手伝いします。[**お問い合わせ**](https://squarecloud.app/ja/support)いただければ、どのような問題でも喜んで解決をサポートいたします。