Shifter でサイトを立ち上げるには、アカウントを作る必要があります。
アカウントを作れば、すぐにサイトを立ち上げることができますよー!
ではやってみましょう!!!
新規アカウントを作る
サインアップの画面にアクセスします。
https://go.getshifter.io/signup
始めましょうの画面から、メールアドレスを入力します。
![](https://cdn.getshifter.co/b93324016cdb7403e44f80e1cb9655723441e728/uploads/2023/05/img0502-01.png)
次に、ユーザー名を入力します。
![](https://cdn.getshifter.co/b93324016cdb7403e44f80e1cb9655723441e728/uploads/2023/05/img0502-03.png)
次は、パスワードを入力します。
![](https://cdn.getshifter.co/b93324016cdb7403e44f80e1cb9655723441e728/uploads/2023/05/img0502-04.png)
メール認証の画面が表示されます。
![](https://cdn.getshifter.co/b93324016cdb7403e44f80e1cb9655723441e728/uploads/2023/05/img0502-05.png)
ここに入力するコードは、先ほど入力したメール宛に「Activation mail for Shifter」というタイトルで送信されていますので、メールボックスをチェック!!
![](https://cdn.getshifter.co/b93324016cdb7403e44f80e1cb9655723441e728/uploads/2023/05/img0502-06.png)
認証の画面が表示されました!!
![](https://cdn.getshifter.co/b93324016cdb7403e44f80e1cb9655723441e728/uploads/2023/05/img0502-08-1024x491.png)
新規サイトを作る
アカウントが有効化された後は、自動的にログインのページに遷移します。
ユーザー名とパスワードでログインをしましょう。
![](https://cdn.getshifter.co/b93324016cdb7403e44f80e1cb9655723441e728/uploads/2023/05/img0502-09-1024x563.png)
最初だけログイン後に簡単なアンケートが表示されますので、選択しましょう。
![](https://cdn.getshifter.co/b93324016cdb7403e44f80e1cb9655723441e728/uploads/2023/05/img0502-10-1024x559.png)
次は、サイト名を入力します。
今回は、コーヒーショップサイトを作りたいので、「よちごりーカフェ」としました。
![](https://cdn.getshifter.co/b93324016cdb7403e44f80e1cb9655723441e728/uploads/2023/05/img0502-11-1024x449.png)
Shifter は、Shifter スタティックと Shifter ヘッドレスの2種類のサービスを展開しています。
今回は、通常のサイトを作りたいので「Shifter スタティック」を選択します。
![](https://cdn.getshifter.co/b93324016cdb7403e44f80e1cb9655723441e728/uploads/2023/05/img0502-12-1024x563.png)
プランを選びます。
今回はちょっとお試しができる「Free Tier」を選択します。
![](https://cdn.getshifter.co/b93324016cdb7403e44f80e1cb9655723441e728/uploads/2023/05/img0502-13-1024x972.png)
追加オプションとして、サブディレクトリの設定もできますが、今回は設定せずにこのまま進みます。
![](https://cdn.getshifter.co/b93324016cdb7403e44f80e1cb9655723441e728/uploads/2023/05/img0502-14-1024x313.png)
カード情報入力の画面が表示されます。
今回は、「Free Tier」を選んだので、カード情報の登録は必要ありません。
![](https://cdn.getshifter.co/b93324016cdb7403e44f80e1cb9655723441e728/uploads/2023/05/img0502-15.png)
カード情報を入力していないと、7日間でフリーサイトは削除されてしまいますので、もうちょっと検証してみたいとかもうちょっといろいろお試しでやってみたいって方は、カード情報を入れておくと、フリープランのまま使い続けることができます。
サイトの作成が始まります。
![](https://cdn.getshifter.co/b93324016cdb7403e44f80e1cb9655723441e728/uploads/2023/05/img0502-16-1024x387.png)
サイトが作成されましたー!「新サイトに移動」をクリックしましょう!
![](https://cdn.getshifter.co/b93324016cdb7403e44f80e1cb9655723441e728/uploads/2023/05/img0502-17-1024x500.png)
サイトの管理画面が表示されました!!
![](https://cdn.getshifter.co/b93324016cdb7403e44f80e1cb9655723441e728/uploads/2023/05/img0502-18-988x1024.png)
これで、アカウント新規作成とサイトの立ち上げは終わりました。
つぎに、このサイトにテーマを入れて公開していきましょうー!
「初めての Shifter:サイトを公開しよう」 に続きます。