Cloud9 の準備

Amplify 環境を扱うために AWS 上でオンラインで動くエディタ Cloud9 を準備します。

自分の名前を半角英数字で決めておきます

このあと、つどつど自分の環境を分かりやすく作成します。

自分の名前を使うので半角英数字で決めておきます。

たとえば Tanaka Seigo の場合は tanaka-seigo です。

AWS にログインしましょう

レッツログイン！

まず検索して Cloud9 にアクセス

Cloud9 で検索します。

アクセスできました。

リージョンを東京に合わせます。

東京になっていることを確認します。

Create environment ボタンをクリックします。

Name Environment

Name Environment ページに移動します。以下のように設定を行います。

• Name
  • aws-amplify-firststep-handson-<自分の名前>-202208
  • 例 : aws-amplify-firststep-handson-tanaka-seigo-202208
• Description
  • 任意

Next step ボタンをクリックします。

Configure settings

Configure settings ページに移動します。

以下のように設定を行います。

• Environment type
  • そのまま
• Instance type
  • m5.large
• Platform
  • そのまま（Amazon Linux 2）

Next step をクリックします。

Review

Review ページに移動します。

設定を確認して Create environment ボタンをクリックします。

2～3分待つと Cloud9 の画面が表示されます。

できあがりました。

上部のメニューを確認します

上部のメニューを確認します。

うっかりメニューを閉じてしまった人は、上部のこれくらいのスキマがクリックできるのでメニューを表示します。

Dashboard

Cloud9 アイコンをクリックして、 Go To Your Dashboard をクリックします。

別ウィンドウで Dashboard が開きます。

詳細設定へ

今回作成した Cloud9 の名前のチェックボックスをクリックして選択します。

選択した状態で上部の View details をクリックします。

Environment details ページに移動します。

EC2 の設定調整

Environment details ページで EC2 Instance の項目の Go To Instance ボタンをクリックします。

今回 Cloud9 で使っている EC2 Instance で絞り込まれています。

aws-cloud9-... の項目のチェックボックスをクリックして選択します。

下部にインスタンスの詳細が出てきます。

ストレージの欄をクリックします。

ボリューム ID をクリックします。

今回のボリューム ID で絞り込まれています。

チェックボックスをクリックして選択します。

上部のアクションボタンをクリックして、ボリュームの変更をクリックします。

ボリュームの詳細ページが表示されます。もともとのサイズが 10 GiB になっていることを確認します。

30 に変更して、変更ボタンをクリックします。（コツとしては 10 のときに 1 を選択して 3 と打ち込んで 30 とするのがおすすめです。）

アラートが出ますが、ここは変更するので、変更ボタンをクリックします。

インスタンスの再起動

右のメニューからインスタンスをクリックして、インスタンスに戻ります。

今回のインスタンスがステータスチェックが緑で完了していることを確認しておきましょう。

今回 Cloud9 で使っている EC2 Instance を選択します。

選択した上で、インスタンスの状態からインスタンスを再起動ボタンをクリックします。

確認画面が出るので、今回 Cloud9 で使っている EC2 Instance かどうかを確認して再起動ボタンをクリックします。

正常に再起動しましたとメッセージが出て、再起動できたことを確認します。

Cloud9 に戻ります

今回使う Cloud9 に戻ります。再起動されたので、一度ブラウザを再読み込みしましょう。

ターミナルで容量確認

下部のターミナルでコマンドを入力します。

df -H

このコマンドを入力して Enter キーを押します。

すると、以下のように結果が出ます。

Filesystem      Size  Used Avail Use% Mounted on
devtmpfs        4.1G     0  4.1G   0% /dev
tmpfs           4.1G     0  4.1G   0% /dev/shm
tmpfs           4.1G  472k  4.1G   1% /run
tmpfs           4.1G     0  4.1G   0% /sys/fs/cgroup
/dev/nvme0n1p1   33G  8.9G   24G  28% /
tmpfs           806M     0  806M   0% /run/user/1000

/dev/nvme0n1p1 の Size が 33G のボリュームになっていることを確認します。

Credentials を OFF

Credentials が ON のままだと作業時に影響があるようなので OFFにします。→ 参考

Cloud9 アイコンをクリックして、 Preferences をクリックします。

AWS Settings をクリックします。

AWS managed temporary credentials の項目を確認します。 ON になっているはずです。

これをスイッチをクリックして OFF にします。操作をしたと同時に設定が反映されます。

これで Cloud9 の準備は完了です。