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
原嶋晃生
March 26, 2025
0
7
CloudFront Functionsの 実践的な使いどころを考えてみた!
原嶋晃生
March 26, 2025
Tweet
Share
More Decks by 原嶋晃生
See All by 原嶋晃生
ANGEL Dojo2024 TOKAI-スカイアーチ-DWSチーム 「E-Trailのご紹介」
harashy0912
0
3
Amazon SESのアップデート内容を ビジネスにどう生かせるか考えてみた!
harashy0912
0
240
メール警察!?Amazon SESが守るメール世界の治安 ※諸説あり
harashy0912
0
290
Featured
See All Featured
How to Think Like a Performance Engineer
csswizardry
25
1.8k
Visualization
eitanlees
146
16k
How STYLIGHT went responsive
nonsquared
100
5.7k
For a Future-Friendly Web
brad_frost
179
9.8k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
47
9.6k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.5k
Testing 201, or: Great Expectations
jmmastey
43
7.6k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Docker and Python
trallard
45
3.5k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
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