スターレンタルサーバー＋AppBeadsで業務アプリ

# はじめに
AppBeadsはノーコードで業務アプリをつくれるオープンソースフレームワークです。
[AppBeads公式HP](https://appbeads.com/index.html)
[AppBeadsのノーコードツール](https://appbeads.com/top_tinyapp.html?page=tinyapp_1_1.html)

この記事では AppBeads をスターレンタルサーバーの無料プランで動かす手順を示します。
[スターレンタルサーバー公式HP](https://www.star.ne.jp/)

# 手順の流れ
- **アカウント登録**
スターレンタルサーバーを申し込むためにアカウントを作成します。
アカウントの登録には電話認証が必要です。
- **レンタルサーバーの申し込み**
スターレンタルサーバーを準備します。
１つのアカウントで申し込める無料プランサーバーは１つです。
- **AppBeadsの導入**
AppBeadsをインストールします。

# アカウント登録

[スターレンタルサーバーのトップページ](https://www.star.ne.jp/) を開きます。
[お申し込み] をクリックして「お申し込みフォーム」を開きます。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4112475/7080d2b9-13bf-4745-9bfd-4a313fd1d075.png" width="70%">

[すぐにスタート！新規お申込み] をクリックします。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4112475/c264d676-980f-48fb-8e19-fac8c3585df3.png" width="70%">

必要事項を入力したら、画面下部にある [次へ進む] をクリックします。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4112475/9bc3cdd9-d532-4456-9a85-5978cd7d8506.png" width="70%">

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4112475/8d1d27ba-a2ec-46cb-adaa-ddb0b9c3a236.png" width="70%">

入力したメールアドレス宛に届いた認証コードを入力して、[次へ進む] をクリックします。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4112475/cbc033e8-8072-443f-88ea-1022ea0ac095.png" width="70%">

内容を確認してから、画面下部にある [電話認証へ進む] をクリックします。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4112475/fc0ca713-a418-44c4-ad23-bd0ad6ae1700.png" width="70%">
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4112475/12d7f158-6285-4abf-837f-ee951e03e793.png" width="70%">

登録した電話番号が表示されますが、電話認証は別の番号にすることもできます。
手元に電話を用意してから [認証コードを取得する] をクリックします。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4112475/63181fe6-f93a-48d1-b8fb-613d00f511c8.png" width="70%">

認証コードを入力して [認証してサーバー申し込みに進む] をクリックします。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4112475/402229fc-e0b8-4d74-a829-250856979c16.png" width="70%">

# レンタルサーバーの申し込み

アカウントの登録に引き続いてレンタルサーバーの申し込みを行います。
もし、ログアウトしていたら [スターアカウントログイン](https://secure.netowl.jp/starapanel/login/starserver/) からログインします。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4112475/0a808d71-157a-4b69-a42b-5cda90e288eb.png" width="70%">

サーバーIDがサブドメインになります。
例えばサーバーIDが ss527729 ならホームページのURLは「ss527729.stars.ne.jp」になります。
デフォルトのままでも良いのですが、ここでは [自分で決める] をクリックします。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4112475/41c465a3-f466-4fb7-8d2b-c41e7b88bded.png" width="70%">

サーバーIDを半角英数字3文字以上12文字以下で入力します。
無料にするならプランは「フリー」を選択します。
[・・・同意する] にチェックしてから [お申し込み内容を確認する] をクリックします。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4112475/92ed568b-5558-40b1-a2fc-717c9eebc876.png" width="70%">

[申し込む] をクリックします。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4112475/da723359-29a1-4526-8292-8a7ed39bd35d.png" width="70%">

サーバーアカウント設定完了のお知らせがメールで届きます。
このメールには、サーバーパスワードとFTP情報が記載されています。

> 
> ▼サーバーアカウント情報
> 
> 　サーバーID　　　　　： appbeads2025
> 　サーバーパスワード　： <font color="silver">※自動生成されたパスワード</font>
> 
> 　プラン　　　　　　　： フリープラン
> 　サーバー番号　　　　： sv11007.star.ne.jp サーバー
> 　初期ドメイン　　　　： appbeads2025.stars.ne.jp

> 　■FTP情報
> 　--------------------------------------------------------
> 　FTPホスト名（FTPサーバー名）　　： sv11007.star.ne.jp
> 　FTPユーザー名（FTPアカウント名）： appbeads2025
> 　FTPパスワード　　　　　　　　　 ： <font color="silver">※サーバーパスワード</font>
> 　--------------------------------------------------------

[スターレンタルサーバー契約管理トップへ] をクリックすると管理画面が開きます。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4112475/8756e1ea-b41a-42cb-9d89-d63113181435.png" width="70%">
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4112475/b7492a92-0af3-4789-82b2-18f016c291e6.png" width="70%">

この記事ではサーバーIDが appbeads2025 なのでホームページは appbeads2025.stars.ne.jp になります。但し、申し込み直後はホームページを開くことができません。
試しにブラウザで開いてみると次のように表示されます。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4112475/adb29eb6-38ca-448d-94d8-0382318184eb.png" width="60%">

１~２時間後にブラウザで開いたら、次のように表示されました。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4112475/38e62879-91a3-4f39-ad74-a01f502c8516.png" width="70%">

これでサーバーの準備は完了です。

# AppBeadsの導入

この記事ではAppBeadsをWindows11にダウンロードしてからサーバーへアップロードします。

[AppBeadsの導入と設定](http://appbeads.com/top_settings.html?page=settings_1_1.html) を開きます。
<font color="deepskyblue">appbeads_full.zip</font> をクリックしてダウンロードします。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4112475/e67e8e4d-4d30-4ab3-8b7c-53e8b2486c7a.png" width="70%">

ダウンロードしたzipファイルを展開します。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4112475/00125ab6-79ee-4d02-9825-b3f0ceb1df33.png" width="70%">
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4112475/9c282bf4-6d01-4106-996a-67042d2d490f.png" width="70%">

サーバーアカウント設定完了のお知らせメールに記載されたFTP情報でftpでサーバーに接続します。
<font color="silver">（下の画面は FileZilla ですが、WinSCP や FFFTP など、使い慣れたftpソフトを使用してください。）</font>
展開した appbeads_full フォルダの直下にある appbeads フォルダをサーバーの public_html の直下にアップロードします。
<font color="silver">（public_html がドキュメントルートです。）</font>

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4112475/6b121398-619b-4990-8cff-c77721242bb5.png" width="70%">

ブラウザで「<font color="blue">http\://<font color="deepskyblue">サーバーID</font>.stars.ne.jp/appbeads</font>」を開きます。
この記事の場合は <font color="blue">http\://appbeads2025.stars.ne.jp/appbeads</font> です。


[ログイン] をクリックします。
<font color="orange">AppBeads導入直後はユーザーがいないのでユーザー名とパスワードは入力不要です。</font>

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4112475/2ebf58c5-4756-4b25-b1d6-86988565a99f.png" width="70%">

スターレンタルサーバーに導入した AppBeads を使い、ノーコードで業務アプリをつくれます。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4112475/e933826e-1acc-47b8-afdf-732182aa6c2d.png" width="70%">