Storage Browser for Amazon S3

Slide 1

Slide 1 text

#STORAGEJAWS Storage Browser for Amazon S3 20 Dec, 2024 AWS RE:INVENT 2024 RE:CAP 大会！

Slide 2

Slide 2 text

#STORAGEJAWS re:Invent 2024 自身３回目の現地参加 Amazon's World Famous Chicken Wing Eating Contest 初めて Gameday に参加してみたり、セッションもほどほどにしてキーノート後の感想戦を長めにやってみたり、割とゆとりのあるスケジュールにしたつもりだったんだけど、全然ゆとりなくってへとへとになっちゃった。初日くらいに喉が死んだけど、それ以外はずっと健康だったのでよかったかつて「Tatonka」と呼ばれていたバッファローチキンの早食い大会。15分で何本食べれるか。というルール。１皿１０本のチキンが乗ってて、皿ごとにおかわりする形。私は 13本食べました。予選１位のスティーブは42本食べてました。みなさんもぜひ参加してみてください。私はもう二度と参加しません。

Slide 3

Slide 3 text

#STORAGEJAWS Hawaii

Slide 4

Slide 4 text

株式会社ヘプタゴンクラウドアーキテクト AWS Step Functions 北海道札幌市 JAWS-UG 札幌 Media-JAWS AWS Community Hero 会社ロール好きな AWSサービス居住地コミュニティ三浦一樹自己紹介 re:Invent 3回目 #kwntravel #STORAGEJAWS

Slide 5

Slide 5 text

#STORAGEJAWS Storage Browser for Amazon S3 2024年 9月 5日にアルファ版がリリース https://aws.amazon.com/jp/about-aws/whats-new/2024/09/storage-browser-amazon-s3-alpha-release/

Slide 6

Slide 6 text

#STORAGEJAWS Storage Browser for Amazon S3 2024年 12月 1日に GA https://aws.amazon.com/jp/about-aws/whats-new/2024/12/storage-browser-amazon-s3/

Slide 7

Slide 7 text

#STORAGEJAWS Storage Browser for Amazon S3 Amplify で React 使う時に簡単に使えるらしい https://aws.amazon.com/jp/about-aws/whats-new/2024/12/storage-browser-amazon-s3/ +

Slide 8

Slide 8 text

#STORAGEJAWS AWS Amplify Gen 2 2024年 5月 6日に Gen 2 が GA https://aws.amazon.com/jp/builders-flash/202411/awsgeek-aws-amplify-gen2/#

Slide 9

Slide 9 text

#STORAGEJAWS Amplify UI React npm install @aws-amplify/ui-react aws-amplify

Slide 10

Slide 10 text

#STORAGEJAWS Amplify UI React npm install @aws-amplify/ui-react aws-amplify Amplify のクイックスタートに７行追加するたけでサインインサインアウトが作れる

Slide 11

Slide 11 text

#STORAGEJAWS Storage Image npm install @aws-amplify/ui-react-storage aws-amplify

Slide 12

Slide 12 text

#STORAGEJAWS File Uploader npm install @aws-amplify/ui-react-storage aws-amplify

Slide 13

Slide 13 text

#STORAGEJAWS Storage Browser for Amazon S3 1 Dec, 2024

Slide 14

Slide 14 text

#STORAGEJAWS Storage Browser for Amazon S3 npm install @aws-amplify/ui-react-storage aws-amplify

Slide 15

Slide 15 text

#STORAGEJAWS Storage Browser for Amazon S3 React 書いて、実際に動かしてみた Amplify のクイックスタートから簡単に作れる。アドカレにて12/23(月)に出します。（ソースコード多め）

Slide 16

Slide 16 text

#STORAGEJAWS Authentication ３種類ある Amplify auth Amazon Cognito と IAM ポリシーを使った制御個々のユーザーが自身のデータにアクセスする場合に最適 AWS IAM Identity Center and S3 Access Grants IAM Identity Center 経由で全てのログが AWS CloudTrail に残る企業内で従業員が組織のデータにアクセスする場合に最適 Customer managed auth すでに持っている認証認可のサービスを使用るすことも可能 STSのトークンを都度fetchする仕組みを自分で用意する必要がある

Slide 17

Slide 17 text

#STORAGEJAWS Amplify auth Amazon Cognito と IAM ポリシーを使った制御個々のユーザーが自身のデータにアクセスする場合に最適 AWS IAM Identity Center and S3 Access Grants IAM Identity Center 経由で全てのログが AWS CloudTrail に残る企業内で従業員が組織のデータにアクセスする場合に最適 Customer managed auth すでに持っている認証認可のサービスを使用るすことも可能 STSのトークンを都度fetchする仕組みを自分で用意する必要がある Authentication ３種類ある

Slide 18

Slide 18 text

#STORAGEJAWS access rules amplify で backend を定義して、その時にアクセスルールを定義できる Amplify auth の場合の書き方

Slide 19

Slide 19 text

#STORAGEJAWS Storage Browser for Amazon S3 実際何が嬉しいの？ FTPクライアント使用時のペインポイントが解決できそうフォルダごとにアクセス制御ができる Amplify コンソールからのファイル制御も可能実装簡単 React 普段触ってない人でもなんと書けそう AWS Transfer Family Web App との使い分け簡単にセットアップできるのはTransfer Family IAM Identity Center 使わなくていいので、社外の人に出す時はStorage Browser の方が気楽？