cloud9 とは

## 勉強前イメージ

イメージ的には
ブラウザでプログラムかけるやつって感じ

## 調査

### cloud9 とは

ブラウザ上で使えるIDE(統合開発環境)で、実行からデバッグまで可能です。
様々な言語の開発環境がパッケージ化されているため新たに開発環境を構築する必要がありません。

### cloud9 のメリット

- ブラウザのみでコードが記述可能

local環境を自分で1から作らなくても
ブラウザがあれば、少し設定を行えばすぐに使用することが出来ます。

- 追加費用がかからない

cloud9は、EC2を使用するので、EC2の費用だけで
cloud9の費用はかかりません。

- リアルタイムに共同に編集ができる

リアルタイムに反映されるので、ペアプロをすることが出来ます。
また、チャット機能もあります。

- ターミナルでの作業も可能

IDEの機能にターミナルが組み込まれていてsudoも使用できます。

### cloud9を使ってみる

- 環境の作成を始める

cloud9のサービスに行って環境を作成します。

![1Welcome to AWS Cloud9 - Google Chrome 2021-06-22 2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129517/7a420e6d-dd27-bf51-7e5a-7a03dc9a3679.png)


- 環境に名前を設定

環境の名前と説明を記載します。

![2Create a new environment - Google Chrome 2021-06-2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129517/ae79d319-306f-43cf-42df-0aa835a39e80.png)


- 設定

ここでは設定を決めていきます
日本語訳されないので、分かりづらい場合はgoogle翻訳を使用してください

環境のタイプはEC2を作成して接続します。
インスタンスタイプは最小のt2.microにします。

![3Create a new environment - Google Chrome 2021-06-2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129517/599ce389-3fc1-a6fd-c1ff-fd5eae39ee2b.png)


OSはAmazonLinuxで
休止は30分触らなかったらというデフォルトの設定にしています。

![4Create a new environment - Google Chrome 2021-06-2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129517/7144d2fa-8d92-9c17-32e9-ea8112dbecef.png)


- 最終確認

最終確認をして問題なければ作成します。

![5Create a new environment - Google Chrome 2021-06-2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129517/e912938e-42c1-bf06-f5d2-438528245664.png)


- 待ち

少し時間がかかります

![6test-environment - AWS Cloud9 - Google Chrome 2021.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129517/d011730f-16ef-2a5d-beb6-618aa47b1ed2.png)


- 完成

環境ができました

![7test-environment - AWS Cloud9 - Google Chrome 2021.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129517/3570303b-24d8-5062-e306-f6c3c67e943d.png)


- EC2も確認

EC2インスタンスも作成されています。

![11インスタンス _ EC2 Management Console - Google Chrome 20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129517/c241d708-8a9f-63bf-cfd6-75a86218dff8.png)


- 触ってみる

test.shを作成して実行してみました。
下のコマンドにも表示されました。

![8test-environment - AWS Cloud9 - Google Chrome 2021.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129517/ed3f96a6-7de1-d6a8-13e4-599f96ab1582.png)


### 環境の削除

作ったら消さないといけません。

- ダッシュボードに移動

![9test-environment - AWS Cloud9 - Google Chrome 2021.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129517/d6e26d71-6c81-6682-f587-994ab0660b0b.png)

- 削除

![10Your environments - Google Chrome 2021-06-22 21.08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129517/f414f97d-6a59-76d2-68a6-68d54584696e.png)

- 確認

本当に消すの？消すんだったらDeleteって打ってねって言われるので、打ちます。
進むと削除されます。

![12Your environments - Google Chrome 2021-06-22 21.09.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129517/b12e977f-0622-a449-fe4a-da695c26a038.png)


- EC2インスタンスも自動的に終了

EC2インスタンスもcloud9を消せば自動的に消えてくれます。
時間が経てばインスタンス一覧からも消えます。
これで削除も終了です。(漏れてたら教えて下さい)

![13インスタンス _ EC2 Management Console - Google Chrome 20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129517/03e99ce4-fded-0733-6641-015ee7a5c9e6.png)


## 勉強後イメージ

キーバインドとかテーマも変えれて色々できるらしい・・・！
日本語対応してたらなぁ...英語読めるようになろう

## 参考

- [AWS Cloud9 の特徴](https://aws.amazon.com/jp/cloud9/details/)
- [AWS Cloud9で開発しよう！AWS Cloudを使う8つのメリット](https://www.fenet.jp/aws/column/aws-beginner/254/)