興味本位でAWSを触ってみた

この記事は [株式会社Y's アドベントカレンダー](https://qiita.com/advent-calendar/2017/ysinc) 20日目の記事です。
#ご挨拶
どうも、[@T_igarashi](https://qiita.com/T_igarashi)です。
さて[初めての投稿](https://qiita.com/T_igarashi/items/24ec8b95d42d5c85427e)の記憶も新しいうちに2度目の投稿になります。
今後はまだ見たことないものをどんどん触っていければと思います。
#何を話すのか
今回は、よく名前は聞くのですが、触ったことのないAWSを触ってみようかと思います。
話を聞く限りよくわからない印象でしたが、無料期間を生かしてやってみようと思います。
#AWSとは
 `Amazon Web Services`の略称で、ウェブサービスという形態で提供しているインフラストラクチャプラットフォーム、らしい
(詳しくは[こちら](https://aws.amazon.com/jp/about-aws/))
#利用開始
##アカウント作成
AWSのアカウントを持っていない場合は作成します。
![キャプチャ.PNG](https://qiita-image-store.s3.amazonaws.com/0/76320/4480a10c-081e-3f65-906a-a6d77da16e35.png)
(詳しくは[こちら](https://aws.amazon.com/jp/register-flow/)を参照)
##利用開始
作成したアカウントでログインするとこんな画面に行けます、おそらくここがダッシュボードのようなものかな…？
![キャプチャ２.png](https://qiita-image-store.s3.amazonaws.com/0/76320/b221f412-14f4-971b-29f7-ef1223fc2a5e.png)
##構築の学習を試す
まずは使ってみなければ話が始まらないので進めて行きます。
とりあえずは「ウェブサイト」から行ってみましょう
![キャプチャ3.png](https://qiita-image-store.s3.amazonaws.com/0/76320/40a3dd71-5541-54b4-8278-55b1670a8daa.png)
##ウェブサイトを構築する
進むと色々なプロジェクトの操作ガイドが出てきました。
構築に必要なステップ数も出てきてわかりやすいですね、ひとまず「静的ウェブサイトをホスティングする」をやってみましょう
![キャプチャ4.png](https://qiita-image-store.s3.amazonaws.com/0/76320/0eebace9-397f-0b9d-6f60-2e30b062d3ce.png)
##静的ウェブサイトをホスティングする
開くとこんなページ、実装ガイドがあるみたいなので、読んで進めてみましょう
「実装ガイドを使用して今すぐ始める」をクリック！
![キャプチャ5.png](https://qiita-image-store.s3.amazonaws.com/0/76320/731220c3-7cb4-31a3-70c3-d027ca4a7a5a.png)
##予期していた絶望
![キャプチャ6.png](https://qiita-image-store.s3.amazonaws.com/0/76320/5e8d395a-bcb1-fe2c-2a16-17619537a014.png)
とうとう来てしまいました…「英語ドキュメント」です
私は英語がそんな得意ではないので見た瞬間に諦めてしまいたい衝動に駆られますが、今回はちょっと頑張って進めてみましょう
##救いの手
実は一つ前のページに戻ると、どういう内容を実行するか書いてあるんですね
(以下のような内容を実行する」というところです)
それによると

1. [Amazon S3](https://aws.amazon.com/jp/s3/)を使用して**静的ウェブサイトをデプロイする**
1. [Amazon Route53](https://aws.amazon.com/jp/route53/)を使用して**ドメイン名をウェブサイトに関連付ける**
1. [Amazon CloudFront](https://aws.amazon.com/jp/cloudfront/)を使用して**ウェブサイトの読み込みを高速化する**

の３つのことを行う必要があるみたいですね
##Amazon S3を使ってみる
まずはAmazon S3を使ってみましょう
その前に、出てくる用語を少し説明(※個人の認識です)

| 用語名 | 説明 |
|:-:|:-:|
| オブジェクト | ファイルのこと |
| バケット | オブジェクトが置かれる場所、ディレクトリのようなもの |

![キャプチャ7.png](https://qiita-image-store.s3.amazonaws.com/0/76320/36934238-b09c-36c1-f4f1-2d628b7ad794.png)

とりあえずバケットが何もないので作成
![キャプチャ8.png](https://qiita-image-store.s3.amazonaws.com/0/76320/20aaa370-a5cd-2aea-3858-0810ea299103.png)
こんな感じで作成致します。
「プロパティの設定」「アクセス許可の設定」「確認」は特に設定をいじらずに進めました。

![キャプチャ9.png](https://qiita-image-store.s3.amazonaws.com/0/76320/1a045cc3-07fe-56c8-26c2-ad09b19d8d11.png)
無事に作成できたみたいです。

それではファイルをアップデートしてみましょう
バケットを選択すると別画面に遷移致します。
![キャプチャ10.png](https://qiita-image-store.s3.amazonaws.com/0/76320/7e66c8e5-db6e-6668-b496-47a536ae16a0.png)
見てのとおりまだ空なので「アップロード」からファイルをアップロードしてみます。

とりあえず「Hello World」的なhtmlファイルをアップロードしてみます。
![キャプチャ11.png](https://qiita-image-store.s3.amazonaws.com/0/76320/4eb3d278-b429-afa9-3961-c6b576d16fea.png)

無事にアップロードできました。
![キャプチャ12.png](https://qiita-image-store.s3.amazonaws.com/0/76320/2ee440ca-5eaa-dae0-3ef3-0d1dc9dd63f3.png)

ひとまずAmazon S3はこれで終了です。
##Amazon Route53を使ってみる
さて次はAmazon Route53を使っていきましょう

まず接続すると初めて使うのでホーム画面？が表示されます。
「DNS Management」を押して進めていきましょう
![キャプチャ13.png](https://qiita-image-store.s3.amazonaws.com/0/76320/d59c9c1c-aeb6-f1b4-56b8-be4a4d0e0943.png)

まだ何も登録がないので、「Create Hosted Zone」に進みます。
![キャプチャ14.png](https://qiita-image-store.s3.amazonaws.com/0/76320/73edf33a-c02c-09c6-78cf-34c3ef68c085.png)

##最大の誤算
なんとここに来て最大の誤算「うっかり忘れ」
ドメインを取得するのを忘れていました…
これ以降はドメインを取得後に進めさせて頂きます。

#終わりに
初めてAWSを触ってみて、やはり想像以上にちゃんと理解していないと十全に利用できないのかなと思いました、ただやはり新しいものに触れるのは楽しいことなのでAWSに限らず色々と触っていければと思います。

今回はここまでですが、無料期間が**１年**ありますので、静的ウェブサイト以外の機能もどんどん使っていきます！

次は、21日目[@T_igarashi](https://qiita.com/T_igarashi)さんの記事になります。
そう、実は次回も私です。