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
110
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
第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
130
第180回 雲勉 Abuse report の調査・確認方法について
iret
0
130
第179回 雲勉 AI を活用したサポートデスク業務の改善
iret
0
170
第178回 雲勉 Amazon EKSをオンプレで! Amazon EKS Anywhere 実践構築ガイド
iret
1
150
第177回 雲勉 IdP 移行を楽に!Amazon Cognito でアプリへの影響をゼロにするアイデア
iret
0
140
第176回 雲勉 VPC 間サービス接続を考える!Private Service Connect 入門
iret
0
130
第175回 雲勉 Amazon ECS入門:コンテナ実行の基本を学ぶ
iret
0
170
第174回 雲勉 Google Agentspace × ADK Vertex AI Agent Engineにデプロイしたエージェントを呼び出す
iret
0
200
第173回 雲勉 ノーコードで生成 AI アプリを構築!Google Cloud AI Applications(旧 Vertex AI Agent Builder)入門
iret
0
180
Other Decks in Technology
See All in Technology
いま、生成AIにKaggleをどこまで 任せられるか — ROGIIコンペでの進め方とTips
k951286
2
1.3k
GuardDuty 検知対応を DevOps Agent で効率化しようとしている話 / GuardDuty Investigations with DevOps Agent
masahirokawahara
1
280
Bet AI Day 2026丨Agentは、「金融」という巨大産業の何を変えられるのか
layerx
PRO
0
700
設計の世代交代を乗り越える、14年続くAndroidアプリの開発戦略
sansantech
PRO
1
110
こんなアーキテクチャ図は嫌だ BEYOND THE TIME: 半年後の自分へ贈る15のメッセージ / 15 of Anti-pattern in AWS Architecture Diagrams
naospon
3
220
「重なり」は迎える側がつくる ― 人もAIエージェントも歓迎するプロダクトエンジニアリング ―
go0517go
PRO
0
220
多摩川(.dev)ランニング入門 / Tamagawa.dev#3
fujiwara3
3
320
Kiro Crewしか勝たん!?
miu_crescent
PRO
0
170
Jetpack Compose で挑む新聞紙面UI ─ 複合ジェスチャー・ポリゴン記事領域・適応的ページ構成という3つの壁/droidkaigi2026
nikkei_engineer_recruiting
0
170
Point Cloud as a Foreign Language for Multi-modal Large Language Model
takmin
0
370
PdMをやめて、 "プロダクトビルダー"という 働き方に変えました / PdM to Product Builder
shikichee
2
680
Genie Code ワークショップ 応用編 / Genie-Code-Workshop-advanced
databricksjapan
PRO
0
300
Featured
See All Featured
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
aleyda
1
2.1k
Designing Powerful Visuals for Engaging Learning
tmiket
1
530
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.8k
Getting science done with accelerated Python computing platforms
jacobtomlinson
2
470
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
akademiya2063
PRO
1
340
Reality Check: Gamification 10 Years Later
codingconduct
0
2.3k
Unlocking the hidden potential of vector embeddings in international SEO
frankvandijk
0
920
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
570
Building the Perfect Custom Keyboard
takai
2
860
Context Engineering - Making Every Token Count
addyosmani
9
1.1k
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
400
For a Future-Friendly Web
brad_frost
183
10k
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