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
Hugo + Firebaseなboilerplate作ったらGWが潰れた話
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
T. Fujiba
June 08, 2024
Programming
0
89
Hugo + Firebaseなboilerplate作ったらGWが潰れた話
T. Fujiba
June 08, 2024
Tweet
Share
More Decks by T. Fujiba
See All by T. Fujiba
KlarSky開発譚センサーダストとのAI開発戦記
fujiba
0
57
独自ドメインからのメール送信でDMARCエラーに悩まされた話
fujiba
0
56
Other Decks in Programming
See All in Programming
今こそ知るべき耐量子計算機暗号(PQC)入門 / PQC: What You Need to Know Now
mackey0225
3
390
dchart: charts from deck markup
ajstarks
3
1k
CSC307 Lecture 04
javiergs
PRO
0
660
Claude Codeと2つの巻き戻し戦略 / Two Rewind Strategies with Claude Code
fruitriin
0
150
余白を設計しフロントエンド開発を 加速させる
tsukuha
7
2.1k
CSC307 Lecture 09
javiergs
PRO
1
840
開発者から情シスまで - 多様なユーザー層に届けるAPI提供戦略 / Postman API Night Okinawa 2026 Winter
tasshi
0
210
カスタマーサクセス業務を変革したヘルススコアの実現と学び
_hummer0724
0
750
プロダクトオーナーから見たSOC2 _SOC2ゆるミートアップ#2
kekekenta
0
230
例外処理とどう使い分ける?Result型を使ったエラー設計 #burikaigi
kajitack
16
6.1k
「ブロックテーマでは再現できない」は本当か?
inc2734
0
1.1k
15年続くIoTサービスのSREエンジニアが挑む分散トレーシング導入
melonps
2
230
Featured
See All Featured
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
uxyall
0
400
Mobile First: as difficult as doing things right
swwweet
225
10k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
122
21k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
67
We Analyzed 250 Million AI Search Results: Here's What I Found
joshbly
1
750
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
akashhashmi
0
270
Designing for Performance
lara
610
70k
ラッコキーワード サービス紹介資料
rakko
1
2.3M
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
helenjbeal
1
130
The Curious Case for Waylosing
cassininazir
0
240
Code Review Best Practice
trishagee
74
20k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
66
37k
Transcript
Hugo + Firebaseͳboilerplate࡞ͬͨΒGW͕௵Εͨ 2024.06.08 T.Fujiba
Ϟνϕʔγϣϯ ϑΥτίϯςετͷӡӦ૬ஊͰ ʮϓϦϯτԠืେมͳͷͰిࢠԠืʹ͍ͨ͠ʯ ͱݴΘΕɺϑΥτίϯӡӦܥͷαʔϏε͕݁ߏ͍͍ஈͱΔ͠ɺεϙοτ ར༻ʹΠϚΠν͔ͳ͍ͳ͋ɾɾɾ →ͳ͍ͳΒ࡞Δ͔ɾɾɾ ݸਓతʹϑΥτίϯϓϦϯτԠืਪ͠ɾɾɾ
ϑΥτίϯԠืαΠτͱͯ͠͏ͷ Ԡืϖʔδ ϑΥʔϜܥαʔϏεΛεϙοτར༻ ϥϯσΟϯάϖʔδ ϥϯσΟϯάϖʔδ͚ͩ͡Όͳ͓͘Βͤͱ͔͜͜ͰΔ͔ جຊతʹίετ͔͔Βͳ͍ͭͰ࡞Δ͔ ࠓͷ͓͜͜Λ ࡞ͬͨͰ͢
ϑΥτίϯ༻αΠτཁ݅ ӡ༻͢Δͷfujiba ͜Ε·Ͱͷӡ༻Ͱࠂจ໘ͳͲશ෦ࣗͰͬͯͨͷͰࣗͰ͍͍ ެ։લ֬ೝओ࠵ऀʹ֬ೝͯ͠Β͏ BASICೝূ͘Β͍͚ͭΔ ԠืϖʔδΛiframeͰૠೖͰ͖Δ ϑΥʔϜαʔϏεͰ࡞ͬͨͷΛ͍͍ײ͡ʹຒΊࠐΈ͢Δ
ϑΥτίϯαΠτجຊߏ WebαΠτϗεςΟϯά → fi rebase ຊ൪: fi rebase hosting ϓϨຊ൪ʢ֬ೝ༻ʣ:
fi rebase functions (BASICೝূͷͨΊ) WebαΠτੜ → Hugo + Hugo Blox WebαΠτσϓϩΠ → GitHub actions Hugo + fi rebase hosting fujiba.netͰ࠾༻ࡁΈ (σϓϩΠgitlab ci)
ͱɺ͜͜·Ͱߟ͍͑ͯͨΒɾɾɾ
ଞ͔Βಉ༷εϖοΫͰͷϑΥτί ϯӡӦҊ͕݅ग़ͦ͏ʂ
͜ΕߏஙؚΊָͯ͠ͳ͍ͱʂ
ϑΥτίϯαΠτجຊߏ(Updated) WebαΠτϗεςΟϯά → fi rebase ຊ൪: fi rebase hosting ϓϨຊ൪ʢ֬ೝ༻ʣ:
fi rebase functions (BASICೝূͷͨΊ) WebαΠτੜ → Hugo + Hugo Blox WebαΠτσϓϩΠ → GitHub actions IaC → Terraform ͜ΕΛςϯϓϨʹͯ͠αΫοͱ WebαΠτ্ཱͪ͛Ͱ͖Δͱ͍ ͍ΑͶ
Hosting Cloud Functions ߏ .BSLEPXOهࡌ -PDBMͰ֬ೝ Push deploy(main) deploy(develop) Access
w/BASIC AUTH Staff User Access without BASIC AUTH 5FSSBGPSN Create infrastructure
boilerplateʹ͠·ͨ͠ https://github.com/fujiba/hugo- fi rebase-boilerplate ͍͍ͩͨ̏Ґ͔͔Γ·ͨ͠
جຊతͳ͍ํ ຊϓϩδΣΫτΛςϯϓϨʔτʹϓϩδΣΫτΛ࡞Δ ઃఆϑΝΠϧ(yaml)Λߋ৽͢Δ terraform࣮ߦͯ͠ fi rebaseϓϩδΣΫτɺαΠτΛ࡞Δ HugoͷηοτΞοϓ(͜͜΄΅ख࡞ۀorz) fi rebaseϓϩδΣΫτઃఆ(ϔϧύʔεΫϦϓτΛ༻ҙ) σϓϩΠ(GitHub
ActionsͰίϛοτ࣌ʹσϓϩΠ͞ΕΔ) هࣄΛMarkdownͰॻ͍ͯίϛοτ͢ΕOK
࡞ͬͯΈͯͷؾ͖ͮ
TerraformͰ fi rebase google-betaϓϩόΠμͰαϙʔτ͞ΕͯΔ betaͳͷͰͦͷ͏ͪมΘΔΜͩΖ͏ͳ͋ɾɾɾ GitHub actions༻ͷαʔϏεΞΧϯτ࡞ΕΔ ࢀߟ: TerraformͰ fi
rebase deploy༻ͷαʔϏεΞΧϯτΛ࡞Δ GitHubͷϓϩόΠμ͋ΔͷͰOIDCͷઃఆterraformͰ݁Ͱ͖ΔΒ͠ ͍ʢͷͰɺͦͷ͏ͪΖ͏ɾɾɾʣ
fi rebaseͰBASICೝূ fi rebaseͷ߹ɺfunctionsʹαΠτσʔλશ෦ೖΕͨܗͰ࡞Βͳ͍ͱ͍ ͚ͳ͍ AWSͳΒCloudFront FunctionͰϗεςΟϯάͷجຊߏม͑ͣʹ͍͚ ΔΜ͕ͩ ίϯςϯπ͚ͩࠩ͠ସ͑ͨͯ͘functionsͷσϓϩΠʹͳͬͯ·͏ Πέͯͳ͍
Hugo Blox (ͪ͜ΒϓϩδΣΫτʹؚΊͯ·ͤΜ) fujiba.netͰ͍࢝ΊͨࠒHugo Academicͩͬͨ Wowchemyͱ໊લΛม͑ɺഁյతมߋ͕͋ͬͨͷͰfujiba.netͰΘͳ͍ ··ɺHugo Bloxͱ໊લΛม͑ɺ·ͨഁյతมߋʢস
ϑΥτίϯҊ݅ͦͷޙ ਐΜͰ·ͤΜorz
Thanks!