> ## 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.

# 開発者のためのクラウドホスティング | 数秒でデプロイ

> 開発者のための高性能クラウドホスティングプラットフォーム。ボット、ウェブサイト、API、データベース（Redis、MongoDB、PostgreSQL）を自動スケーラビリティで数秒でデプロイ。堅牢でシンプルなインフラストラクチャ。

<div className="relative">
  <div className="px-4 py-20 lg:py-28 max-w-5xl mx-auto text-center">
    <h1 className="text-4xl sm:text-5xl lg:text-6xl font-bold text-gray-900 dark:text-zinc-50 tracking-tight">
      現代の開発者のための
      <span className="block" style={{ background: "linear-gradient(to right, #2563eb, #9333ea)", WebkitBackgroundClip: "text", backgroundClip: "text", WebkitTextFillColor: "transparent" }}>即時デプロイ</span>
    </h1>

    <p className="max-w-3xl mx-auto mt-6 text-lg md:text-xl text-gray-600 dark:text-zinc-400">
      Square Cloud はあなたのボット、ウェブサイト、API、データベース、バックグラウンドワーカーをホストします。あなたはコードと小さな設定ファイルを用意するだけ。インフラは私たちが担うので、数秒でデプロイでき、ワンクリックでスケールできます。
    </p>

    <div className="flex flex-col sm:flex-row gap-4 justify-center items-center mt-10">
      <a href="/ja/getting-started/quick-start" className="w-full sm:w-auto bg-blue-600 hover:bg-blue-700 text-white px-8 py-3 rounded-lg font-semibold transition-colors duration-200 text-base">
        今すぐ構築を始める
      </a>

      <a href="/ja/getting-started/config-file" className="w-full sm:w-auto border border-gray-300 dark:border-zinc-800 hover:bg-gray-100 dark:hover:bg-zinc-800 px-8 py-3 rounded-lg font-semibold transition-colors duration-200 text-base">
        設定ファイル
      </a>
    </div>
  </div>

  <div className="px-4 max-w-6xl mx-auto pb-24">
    <div className="mb-16">
      <h2 className="text-2xl md:text-3xl font-bold text-gray-900 dark:text-zinc-50 mb-2">はじめに</h2>
      <p className="text-gray-600 dark:text-zinc-400 mb-6">最初のデプロイに必要なものすべて。</p>

      <div className="grid sm:grid-cols-2 lg:grid-cols-3 gap-6">
        <Card title="クイックスタート" icon="rocket" href="/ja/getting-started/quick-start" color="#10B981">
          5 分以内に最初のデプロイを行いましょう。
        </Card>

        <Card title="設定ファイル" icon="gear" href="/ja/getting-started/config-file" color="#3B82F6">
          `squarecloud.app` ファイル: MAIN、START、MEMORY、RUNTIME など。
        </Card>

        <Card title="Runtimes" icon="layer-group" href="/ja/runtimes/introduction" color="#8B5CF6">
          サポートされている言語、バージョン、そしてアプリがどのように検出され実行されるか。
        </Card>
      </div>
    </div>

    <div className="mb-16">
      <h2 className="text-2xl md:text-3xl font-bold text-gray-900 dark:text-zinc-50 mb-6">あなたのツールで構築する</h2>

      <div className="grid sm:grid-cols-2 lg:grid-cols-4 gap-6">
        <Card title="REST API" icon="code" href="/ja/api-reference/authentication" color="#3B82F6">
          完全な REST API ですべてを自動化。
        </Card>

        <Card title="CLI" icon="terminal" href="/ja/cli-reference/installation" color="#95979b">
          ターミナルからアプリを管理。
        </Card>

        <Card title="SDKs" icon="cubes" href="/ja/sdks/introduction" color="#F59E0B">
          公式の JavaScript および Python SDK。
        </Card>

        <Card title="Blob Storage" icon="cloud" href="/ja/blob-reference/authentication" color="#06B6D4">
          サーバーレスのオブジェクトストレージ API。
        </Card>
      </div>
    </div>

    <div className="mb-16">
      <h2 className="text-2xl md:text-3xl font-bold text-gray-900 dark:text-zinc-50 mb-2">始める前に</h2>
      <p className="text-gray-600 dark:text-zinc-400 mb-6">Square Cloud アカウントを作成し、あなたに合った<a href="https://squarecloud.app/ja/pricing" className="text-blue-600 hover:text-blue-700">プランを選択</a>しましょう。</p>

      <div className="grid sm:grid-cols-2 gap-6">
        <Card title="サインアップ" icon="user-plus" href="https://squarecloud.app/ja/signup" color="#95979b">
          Square は初めてですか？アカウントを作成して始めましょう。
        </Card>

        <Card title="サインイン" icon="right-to-bracket" href="https://squarecloud.app/ja/signin" color="#95979b">
          すでにアカウントをお持ちですか？サインインしましょう。
        </Card>
      </div>
    </div>

    <div>
      <h2 className="text-2xl md:text-3xl font-bold text-gray-900 dark:text-zinc-50 mb-6">さらに詳しく</h2>

      <div className="grid sm:grid-cols-2 gap-6">
        <Card title="チュートリアル" icon="graduation-cap" href="/ja/tutorials/how-to-deploy-your-website" color="#8B5CF6">
          実際のプロジェクトをステップバイステップでデプロイ。
        </Card>

        <Card title="Discord コミュニティ" icon="discord" href="https://go.squarecloud.app/discord" color="#5865F2">
          80,000 人以上の開発者に参加して、疑問を解決しましょう。
        </Card>
      </div>
    </div>
  </div>
</div>