静的な HTML/CSS ウェブサイトをホスティング

​

始める前に

• HTML と CSS ファイルを編集するテキストエディタ。たとえば Visual Studio Code。
• Square Cloud のアカウント。メールアドレスまたは GitHub で登録できます。
• 有効なプラン。プランを確認し、プロジェクトに合うものを選んでください。

​

静的サイトとサーバーでレンダリングするアプリ

​

Square Cloud の設定

MAIN=index.html
MEMORY=512
VERSION=recommended
DISPLAY_NAME=My website
SUBDOMAIN=mywebsite

​

静的ランタイムがファイルを配信する仕組み

• ZIP のルートがサイトのルートになります。about.html は /about.html で、blog/index.html は /blog/ で配信されます。
• / には、vite.html があればそれを、なければ index.html を返します。
• パスに一致するファイルがない場合、vite.html があればそれを返します。これにより、フレームワークを問わず、シングルページアプリのクライアントサイドのルートを再読み込みしても動作します。ビルドの index.html を vite.html にリネームしてください。
• vite.html がない場合、存在しないパスには 404.html を返し、それもなければデフォルトの 404 ページを返します。
• ファイルは配信時に圧縮され、squarecloud.app ファイルが配信されることはありません。

​

プロジェクトの準備

• index.html。シングルページアプリの場合は vite.html。
• CSS、JavaScript、画像、フォント。フォルダ構成は自由です。
• 404.html (任意): 存在しないパス用のページ。

​

フレームワークガイド

​

トラブルシューティング

​

デプロイ

​

ダッシュボード経由

1

アップロードページにアクセス

アップロードページにアクセスし、プロジェクトの zip ファイルをアップロードします。

2

環境を設定

zip をアップロードした後、プロジェクトの名前、メインファイルまたはランタイム環境、その他の設定を構成する必要があります。
ウェブプロジェクトをアップロードする場合は、必ず「Web Publication」を選択し、プロジェクトにサブドメインを設定してください。

3

プロジェクトをデプロイ

最後に「Deploy」ボタンをクリックして、プロジェクトを Square Cloud にホストします。
デプロイ後、ダッシュボードからプロジェクトのステータスとログを監視できます。

4

アプリが稼働していることを確認

最初のデプロイは、通常 1 分もかからずに完了します。ダッシュボードでアプリケーションのステータスが running になるのを待ち、起動時のエラーがないかログを確認してください。
ウェブサイトや API をデプロイした場合は、ブラウザで https://<your-subdomain>.squareweb.app を開き、アプリケーションが応答することを確認してください。ボットをデプロイした場合は、コマンドを送信してオンラインになっていることを確認してください。

アプリが起動しませんか？よくある原因と修正方法はトラブルシューティングガイドを参照してください。

​

CLI 経由

curl -fsSL https://cli.squarecloud.app/install | bash

npm install -g @squarecloud/cli@latest

squarecloud auth login

squarecloud upload

squarecloud upload --file <path/to/zip>

squarecloud app status
squarecloud app logs

​

次のステップ

​

お問い合わせ