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
CloudFront Functionsの 実践的な使いどころを考えてみた!
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
原嶋晃生
March 26, 2025
0
10
CloudFront Functionsの 実践的な使いどころを考えてみた!
原嶋晃生
March 26, 2025
Tweet
Share
More Decks by 原嶋晃生
See All by 原嶋晃生
AmbientSecurityAgent
harashy0912
0
4
Triage_Agent_Intelligent_Insight.pdf
harashy0912
0
15
コンテキストエンジニアリングについて
harashy0912
0
8
ANGEL Dojo2024 TOKAI-スカイアーチ-DWSチーム 「E-Trailのご紹介」
harashy0912
0
5
Amazon SESのアップデート内容を ビジネスにどう生かせるか考えてみた!
harashy0912
0
260
メール警察!?Amazon SESが守るメール世界の治安 ※諸説あり
harashy0912
0
310
Featured
See All Featured
What the history of the web can teach us about the future of AI
inesmontani
PRO
1
440
Build The Right Thing And Hit Your Dates
maggiecrowley
39
3k
Introduction to Domain-Driven Design and Collaborative software design
baasie
1
590
Bash Introduction
62gerente
615
210k
Practical Orchestrator
shlominoach
191
11k
Visualization
eitanlees
150
17k
Art, The Web, and Tiny UX
lynnandtonic
304
21k
Ruling the World: When Life Gets Gamed
codingconduct
0
150
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
uxyall
0
400
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
inesmontani
PRO
0
230
How to Ace a Technical Interview
jacobian
281
24k
Marketing to machines
jonoalderson
1
4.7k
Transcript
CloudFront Functionsの 実践的な使いどころを考えてみた! 2025年3月11日 株式会社スカイアーチネットワークス ITサービス本部 システムアーキテクト部 インテグレーション課 原嶋晃生
©Copyright 2024 SKYARCH, an IBM Company 2 Agenda 1. 自己紹介
1. CloudFront Functionsって知ってますか? 1. ユースケース 1. 課題/課題の整理 1. どう生かせるのか 1. まとめ
©Copyright 2024 SKYARCH, an IBM Company 自己紹介 3
©Copyright 2024 SKYARCH, an IBM Company 4 自己紹介 • 名前
◦ 原嶋晃生(はらしまこうせい) • 所属 ◦ 株式会社スカイアーチネットワークス • 社会人歴 ◦ 3年目(去年ギリギリANGELDojo出れました) • 好きなサービス/技術 ◦ Amazon SES ◦ 最近はWEB系の技術に入門中 • 保有資格/経歴 ◦ NW-JAWS 、つながりテック 運営 ◦ 2024 AWS All Certifications Engineers ◦ AWS資格15冠、LPIC レベル2、CompTIA network+、等…
©Copyright 2024 SKYARCH, an IBM Company CloudFront Functionsって知ってますか? 5
©Copyright 2024 SKYARCH, an IBM Company 6 CloudFront Functionsって知ってますか? CloudFront
Functionsとは • AWSのエッジ環境で実行することが可能 • リクエスト/レスポンスを高速に処理する軽量なJavaScript関数 ◦ Lambda@Edgeよりも軽量かつ高速な処理が可能 ◦ 外部ネットワークやファイルシステムへアクセスができない等の制限あり • 主なユースケース ◦ URLの正規化/リダイレクト ◦ HTTPヘッダー操作 ◦ キャッシュキー正規化 ◦ 簡易認証/認可
©Copyright 2024 SKYARCH, an IBM Company ユースケース 7
©Copyright 2024 SKYARCH, an IBM Company 8 ユースケース • 木山さん
◦ 27歳 / 男性 / 情報系の学部卒 ◦ 元々は記者だったが、新設された情報系の 部署へ今年の10月より異動 • 「空橋新聞社(Journalism of Skyarch)」勤務 ◦ 群馬県のニュースを扱う地方紙 ◦ ネット記事配信に際して、紙や物理機器で 保存中の情報のクラウド移行を決定 • IT人材が足りず、エンジニアの採用を強化中 ◦ 既存の採用ページの刷新が決定 ◦ 木山さんは明日までに簡単なモック作成を 依頼されている
©Copyright 2024 SKYARCH, an IBM Company 9 ユースケース 【構成図とディレクトリ構成】 S3に静的データを保存し
CloudFrontにて配信する構成
©Copyright 2024 SKYARCH, an IBM Company 10 ユースケース
©Copyright 2024 SKYARCH, an IBM Company 課題/課題の整理 11
©Copyright 2024 SKYARCH, an IBM Company 12 課題/課題の整理 ディレクトリインデックス機能が有効化されていない •
「example.com」へのアクセス→配下のindex.htmlファイルの中身が表示 • 「example.com/about」へのアクセス→配下のindex.htmlファイルが表示されない ◦ 「example.com/about/index.html」まで記述する必要があり、使い勝手が悪い ◦ 中途半端な採用ページは、採用ターゲットのエンジニアに悪印象を与えてしまう
©Copyright 2024 SKYARCH, an IBM Company 13 課題/課題の整理 • S3ウェブサイトホスティング
◦ ディレクトリインデックス機能〇 • CloudFront+S3の構成 ◦ 接続形式 ▪ S3 REST APIエンドポイント ▪ サブディレクトリにおける ディレクトリインデックス機能×
©Copyright 2024 SKYARCH, an IBM Company 14 課題の整理/改善提案 AND ディレクトリインデックス機能
CloudFront+S3の構成
©Copyright 2024 SKYARCH, an IBM Company 15 課題の整理/改善提案 CloudFront CloudFront
Functions
©Copyright 2024 SKYARCH, an IBM Company どう生かせるのか 16
©Copyright 2024 SKYARCH, an IBM Company 17 どう生かせるのか CloudFront内部でのURI書き換う関数をデプロイ
©Copyright 2024 SKYARCH, an IBM Company 18 CloudFront Functionsによって... 構成を変更することなく、コンテンツを配信
ユーザー側の負担による機会損失の軽減 が実現...! どう生かせるのか
©Copyright 2024 SKYARCH, an IBM Company まとめ 19
©Copyright 2024 SKYARCH, an IBM Company 20 まとめ インフラエンジニア アプリ、ビジネス観点
AIにも負けないエンジニア
©Copyright 2024 SKYARCH, an IBM Company 参考文献 • AWS公式ドキュメント ◦
Specify a default root object - Amazon CloudFront ◦ Use various origins with CloudFront distributions • WEBに入門した際の教科書 ◦ [改訂新版]プロになるためのWeb技術入門 ◦ 独習JavaScript 新版 ◦ 【JS】ガチで学びたい人のためのJavaScriptメカニズム | Udemy 21
©Copyright 2024 SKYARCH, an IBM Company 22