9
9

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

さくらインターネットのHacobuneを触ってみる

Last updated at Posted at 2021-08-13

概要

ドキュメント

公開する Web アプリケーションを用意

手順

さくらインターネット会員登録

こちらから会員登録。各種個人情報を入力。
https://secure.sakura.ad.jp/signup3/member-register/input.html

さくらのクラウドページに移動する

初回アクセス時はいろいろ聞かれる
https://secure.sakura.ad.jp/cloud/

Hacobune を選択

image.png

プロジェクトを新規作成する

  • 上部メニューからプロジェクトを選択
  • 新規作成ボタンをクリック
  • プロジェクト名を入力して作成ボタンをクリック
    image.png

アプリケーションを新規作成する

  • 作成したプロジェクトをクリック
  • 新規作成ボタンをクリック
  • アプリケーション名を入力
  • デプロイ方法で Github を選択
    • github の認証と連携を行う
  • 用意しておいたリポジトリとブランチを選択
  • 公開で外部公開を有効にする
  • サブドメイン名を入力して c1.hacobuneapp.com を選択
  • 下までスクロールして作成ボタンをクリック

確認

  • アプリケーション一覧に戻るのでビルドが完了して稼働したら URL をクリック
    image.png

所感

  • コンテナだけ用意すれば良いというシンプルさが分かりやすい
  • Nuxt.js, Next.js などでサイトを生成するケースを試したい
    • Github Actions などでビルドして Docker HUB や Github Packages にデプロイ?
    • ローカルでビルドしたファイルをソースコード管理する?
      • Dockerfile で dist をコピー
    • Dockerfile 内でアプリケーションをビルドできる?
  • SPA を実装する場合にバックエンドも用意できる?
9
9
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
9
9

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?