S3に画像をアップロードしてみる（2017/4）

なかなか仕事で触れる機会がないので、遊びでAWSを触り始めた。
S3をとりあえず使ってみた記録。
（2017/4/22時点のAWSの画面になります）

##大まかな流れはこんな感じ
 - バケットを作成
 - バケットに画像を放り込む
 - 公開設定にする

では実践。

##バケットの作成
まずはS3のトップ画面で左上の「バケットを作成する」を選択する。
![スクリーンショット 2017-04-22 8.36.55.png](https://qiita-image-store.s3.amazonaws.com/0/111517/2d35925f-3da3-bfc6-1e58-9612f72fda08.png)

すると下のような画面に切り替わるので、バケット名を入力。
リージョンは無難に東京で。
![スクリーンショット 2017-04-22 8.37.18.png](https://qiita-image-store.s3.amazonaws.com/0/111517/f280c6d6-bb13-0a85-224b-bf39cdc83032.png)

こんな感じ。
入力したら「次へ」。
![スクリーンショット 2017-04-22 12.29.55.png](https://qiita-image-store.s3.amazonaws.com/0/111517/55638710-d71a-4a03-4084-4a8243835e71.png)

ここはパス。特に何もしないで「次へ」。
（あとでちゃんと何の設定か調べないと）
![スクリーンショット 2017-04-22 12.30.51.png](https://qiita-image-store.s3.amazonaws.com/0/111517/7555e5fe-a8c4-3c05-8bbc-dee6cab906f0.png)

ここもあまり意味わからず「オブジェクトへのアクセス許可」だけを全員に「読み込み」で与えてみた。
![スクリーンショット 2017-04-22 12.31.37.png](https://qiita-image-store.s3.amazonaws.com/0/111517/25cd4791-c4b1-2bf6-97f5-cfa017ae8e4e.png)

確認して問題なければ「バケットを作成」。
![スクリーンショット 2017-04-22 12.31.52.png](https://qiita-image-store.s3.amazonaws.com/0/111517/59466e7e-2d32-a237-c2a2-f89abaadc6db.png)

##画像のアップロード
先ほど作成したバケットに画像ファイルをアップロードする。
酔っ払ったときにノリで書いたにわとりの画像。
（結局、年賀状に使われた）

バケットを選択する。
![スクリーンショット 2017-04-22 12.32.16.png](https://qiita-image-store.s3.amazonaws.com/0/111517/bf6ac8fa-f409-d5ad-4559-058cd35f46f8.png)

すると下のような画面になるので「アップロード」を選択する。
![スクリーンショット 2017-04-22 12.32.55.png](https://qiita-image-store.s3.amazonaws.com/0/111517/ef04f617-5897-5f8d-d8b7-738f13ef0250.png)

「ファイルを追加」を選択し、画像を選ぶ。
![スクリーンショット 2017-04-22 12.33.10.png](https://qiita-image-store.s3.amazonaws.com/0/111517/eca4a7d4-087f-31e6-a395-0986987703f7.png)

とりあえず今回は１画像を試しに上げるだけなので、「次へ」を選択。
![スクリーンショット 2017-04-22 12.33.32.png](https://qiita-image-store.s3.amazonaws.com/0/111517/4c578121-f69e-5366-299a-2da7a75ac239.png)

「パブリックアクセス許可を管理」を選択する。
![スクリーンショット 2017-04-22 12.36.29.png](https://qiita-image-store.s3.amazonaws.com/0/111517/ff14a8c9-6849-3c8c-adb3-3677cf9b42a1.png)

「オブジェクト」を全員に対して「読み込み」を許可。
※「オブジェクトへのアクセス許可」では画像のアクセスは拒否されました
![スクリーンショット 2017-04-22 12.36.45.png](https://qiita-image-store.s3.amazonaws.com/0/111517/ea6abd66-9336-f92b-4014-ab5b9e0e37a8.png)

こちらも特に変更なく「次へ」を選択。
![スクリーンショット 2017-04-22 12.37.08.png](https://qiita-image-store.s3.amazonaws.com/0/111517/bf9e1957-9473-c9d8-d189-044c7ec908bd.png)

確認して問題なければ「アップロード」を選択。
![スクリーンショット 2017-04-22 12.37.20.png](https://qiita-image-store.s3.amazonaws.com/0/111517/1b3fc701-cda3-fe8b-27ba-46813521fd65.png)

無事にアップロードされました。
![スクリーンショット 2017-04-22 12.37.33.png](https://qiita-image-store.s3.amazonaws.com/0/111517/44c1e5fb-9afd-0b64-c553-a2994b1a313e.png)

詳細を確認し、リンクにアクセス。
![スクリーンショット 2017-04-22 12.37.51.png](https://qiita-image-store.s3.amazonaws.com/0/111517/83e4331d-b059-128e-57cd-62d95dbe9135.png)

無事にブラウザから以下の画像を表示することができました。
![スクリーンショット 2017-04-22 12.39.14.png](https://qiita-image-store.s3.amazonaws.com/0/111517/358e128e-478c-07ab-e6eb-d97565620d92.png)

##バケットに上げた画像の削除
微妙にわかりにくいな、と思ったのでメモ。
バケットの中で画像を選択し、「さらに」を選ぶと「削除」が選択できます。
![スクリーンショット 2017-04-22 14.10.19.png](https://qiita-image-store.s3.amazonaws.com/0/111517/d86ec807-2ac5-4b51-04ef-58965a8c6dc7.png)

##その他
画像上げて誰かと共有したいだけなら、無料のストレージサービスで十分。
静的コンテンツを上げるだけで、ある程度サイトが作れちゃうっぽいので、それは使い道あるんだろうな、と思う。

この記事作ってて気づいたけど、Qiitaの画像もS3に保存してるんですね。