Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
第181回 雲勉 WEB制作者のちょっとした面倒をAWSで解決!Amazon S3とAWS L...
Search
iret.kumoben
December 25, 2025
Technology
65
0
Share
第181回 雲勉 WEB制作者のちょっとした面倒をAWSで解決!Amazon S3とAWS Lambda活用術
下記、勉強会での資料です。
https://youtu.be/-3Uz7EeSmMQ
iret.kumoben
December 25, 2025
More Decks by iret.kumoben
See All by iret.kumoben
第182回 雲勉 【Gemini 3.0 Pro】AI ベンチマーク徹底比較!他モデルに比べ優れている点まとめ
iret
0
78
第180回 雲勉 Abuse report の調査・確認方法について
iret
0
94
第179回 雲勉 AI を活用したサポートデスク業務の改善
iret
0
120
第178回 雲勉 Amazon EKSをオンプレで! Amazon EKS Anywhere 実践構築ガイド
iret
1
95
第177回 雲勉 IdP 移行を楽に!Amazon Cognito でアプリへの影響をゼロにするアイデア
iret
0
100
第176回 雲勉 VPC 間サービス接続を考える!Private Service Connect 入門
iret
0
82
第175回 雲勉 Amazon ECS入門:コンテナ実行の基本を学ぶ
iret
0
120
第174回 雲勉 Google Agentspace × ADK Vertex AI Agent Engineにデプロイしたエージェントを呼び出す
iret
0
160
第173回 雲勉 ノーコードで生成 AI アプリを構築!Google Cloud AI Applications(旧 Vertex AI Agent Builder)入門
iret
0
140
Other Decks in Technology
See All in Technology
「責任あるAIエージェント」こそ自社で開発しよう!
minorun365
10
2.6k
Choose your own adventure in agentic design patterns
glaforge
0
160
これからの「データマネジメント」の話をしよう
sansantech
PRO
0
170
Practical TypeProf: Lessons from Analyzing Optcarrot
mame
1
1.4k
「SaaSの次の時代」に重要性を増すステークホルダーマネジメントの要諦 ~解像度を圧倒的に高めPdMの価値を最大化させる方法~
kakehashi
PRO
3
3.2k
AIはハッカーを減らすのか、増やすのか?──現役ホワイトハッカーから見るAI時代のリアル【MEGU-Meet】
cscengineer
PRO
0
240
UIライブラリに依存しすぎないReact Native設計を目指して
grandbig
0
160
AIが盛んな時代に 技術記事を書き始めて起きた私の中での小さな変化
peintangos
0
320
AI時代における技術的負債への取り組み
codenote
1
1.9k
アクセシビリティはすべての人のもの
tomokusaba
0
150
AIコーディング時代における、ソフトウェアサプライチェーン攻撃に対する防衛術(簡易版)
soysoysoyb
0
190
コミュニティ・勉強会を作るのは目的じゃない
ohmori_yusuke
0
280
Featured
See All Featured
What’s in a name? Adding method to the madness
productmarketing
PRO
24
4k
New Earth Scene 8
popppiees
3
2.1k
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
380
The World Runs on Bad Software
bkeepers
PRO
72
12k
Darren the Foodie - Storyboard
khoart
PRO
3
3.3k
Technical Leadership for Architectural Decision Making
baasie
3
340
BBQ
matthewcrist
89
10k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
davidcarrasco
3
120
Mind Mapping
helmedeiros
PRO
1
170
Sam Torres - BigQuery for SEOs
techseoconnect
PRO
0
250
The Language of Interfaces
destraynor
162
26k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.5k
Transcript
第181回 雲勉 WEB制作者のちょっとした面倒をAWSで解決! Amazon S3とAWS Lambda活用術
講師自己紹介 2 ◼ 鈴木 • クラウドインテグレーション事業部 MSP セクション テクニカルサポート •
アイレット歴:5ヶ月 • 前職では事業部のWEBデザイナーとして働く • 2025年7月に、IT未経験でアイレットに入社
アジェンダ 3 1. はじめに 2. AWSで工夫① 〜画像リサイズ処理の自動化〜 3. AWSで工夫② 〜手動削除と保守負担の撲滅〜
4. 最後に
1. はじめに 4
1.はじめに 5 クラウド WEB制作
1.はじめに 6 ▪WEB制作の現場に潜む「ちょっとした」面倒 ・画像のリサイズ作業が地味に手間 ・デスクトップに溜まり続ける不要ファイルの手動削除も地味に負担 ・「もっと自動化できるんじゃない?」という発想 ▪対象者 ・初心者 ・WEB制作にもAWSにも興味がある人 今回ご紹介するのは「Amazon
S3とAWS Lambda 活用術」 ※以降、S3、Lambdaと記載
2.画像リサイズ処理の自動化 7 AWSで工夫①
2.AWSで工夫① 画像リサイズ処理の自動化 8 ▪デモ準備 1.ローカルPCで「Pillowライブラリ」のZIPを作る 2. Lambdaレイヤーを登録する 3. S3バケットを2つ用意する 4.
IAMポリシーを作成する 5. IAMロールを作成する 6.Lambda関数を作る 7.S3トリガーの設定
2.AWSで工夫① 画像リサイズ処理の自動化 9 ▪ 1. ローカルPCで「Pillowライブラリ」のZIPを作る Pillowのダウンロードページ(https://pypi.org/project/Pillow/12.0.0/#files)
2.AWSで工夫① 画像リサイズ処理の自動化 10 ▪ 2. Lambdaレイヤーを登録する
2.AWSで工夫① 画像リサイズ処理の自動化 11 ▪ 3. S3バケットを2つ用意する ▪ 4. IAMポリシーを作成する
2.AWSで工夫① 画像リサイズ処理の自動化 12 「ポリシーエディタ」 で「JSON」 に切り替える 特定のバケットへの読み書きのみ許可する カスタムポリシーを作成
2.AWSで工夫① 画像リサイズ処理の自動化 13 ▪ 5. IAMロールを作成する
2.AWSで工夫① 画像リサイズ処理の自動化 14 ・「許可を追加」画面で、2つのポリシーにチェックを入れる 先ほど作成した カスタムポリシー Amazon CloudWatch Logs への書き込み権限
・ロール名に名前を入力したら、「ロールを作成」をクリック
2.AWSで工夫① 画像リサイズ処理の自動化 15 ▪ 6. Lambda関数を作る 実行ロールは 「既存のロールを使用する」を選択し、 先ほど作成したロールを選択する
2.AWSで工夫① 画像リサイズ処理の自動化 16 ・Pythonコードを貼り付けてDeployする。 ・[コード]タブの下部にある[レイヤー]セクションで、「レイヤーの追加」をクリックします。 ・「カスタムレイヤー」を選択し、先ほど作成した レイヤーを選んで「追加」します。 ・[設定]タブ > [一般設定]
> [編集] をクリックします。 メモリ: 128MB → 512MB に変更(スライドの記述に合わせる。Pillowはメモリを消費します) タイムアウト: 3秒 → 30秒 に変更(スライドの記述に合わせる。重い画像の処理対策) • 「保存」をクリックします。
2.AWSで工夫① 画像リサイズ処理の自動化 17 ▪ 7. S3トリガーの設定 ・ソース: 「S3」を選択 ・バケット: アップロード元のS3バケットを選択
2.AWSで工夫① 画像リサイズ処理の自動化 18 実践!!!!!!!!
2.AWSで工夫① 画像リサイズ処理の自動化 19 感想
3.手動削除と保守負担の撲滅 20 AWSで工夫②
21 3.AWSで工夫② 手動削除と保守負担の撲滅 いちいちファイル 削除するのめんど くさいなぁ あっという間に溜まる不要な画像…
3.AWSで工夫② 手動削除と保守負担の撲滅 22 ▪S3 ライフサイクルルールの設定 1.対象のソースバケットを開く 2.「管理」タブを開く 3.ライフサイクルルールを作成する 4.ルールを決める 5.アクション(何をするか)を決める
6.日数を設定する
3.AWSで工夫② 手動削除と保守負担の撲滅 23 ▪ 「管理」タブを開く 「ライフサイクルルールを作成する」を選択
3.AWSで工夫② 手動削除と保守負担の撲滅 24 ▪ルールを決める ライフサイクルルール名、 ルールスコープ、 アクションを決める
3.AWSで工夫② 手動削除と保守負担の撲滅 25 ▪ 日数を設定する 一番下の「ルールの作成」ボタンを押して完了!
3.AWSで工夫② 手動削除と保守負担の撲滅 26 50TBまでなら1ヶ月1GBあたり約4円!
27 感想 3.AWSで工夫② 手動削除と保守負担の撲滅
4.最後に 28
29 4.最後に cloudpack は 2,500社を超えるクラウドの導入実績があり、各分野へ幅広くサービスをご提供しています! 導入事例:https://cloudpack.jp/casestudy/
30 クラウド 生活 4.最後に
ご清聴ありがとうございました 31