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
100
0
Share
Hugo + Firebaseなboilerplate作ったらGWが潰れた話
T. Fujiba
June 08, 2024
More Decks by T. Fujiba
See All by T. Fujiba
Geminiをパートナーに神社DXシステムを個人開発した話(いなめぐDX 開発振り返り)
fujiba
0
140
KlarSky開発譚センサーダストとのAI開発戦記
fujiba
0
70
独自ドメインからのメール送信でDMARCエラーに悩まされた話
fujiba
0
86
Other Decks in Programming
See All in Programming
UIの境界線をデザインする | React Tokyo #15 メイントーク
sasagar
2
360
(Re)make Regexp in Ruby: Democratizing internals for the JIT
makenowjust
2
180
検索設計から 推論設計への重心移動と Recall-First Retrieval
po3rin
0
140
アーキテクチャモダナイゼーションとは何か
nwiizo
19
5.3k
Claude Code × Gemini × Ebitengine ゲーム制作素人WebエンジニアがGoでゲームを作った話
webzawa
0
140
Vibe하게 만드는 Flutter GenUI App With ADK , 박제창, BWAI Incheon 2026
itsmedreamwalker
0
550
実践CRDT
tamadeveloper
0
570
Going Multiplatform with Your Android App (Android Makers 2026)
zsmb
2
430
事業会社でのセキュリティ長期インターンについて
masachikaura
0
250
今こそ押さえておきたい アマゾンウェブサービス(AWS)の データベースの基礎 おもクラ #6版
satoshi256kbyte
1
250
Liberating Ruby's Parser from Lexer Hacks
ydah
2
1.3k
〜バイブコーディングを超えて〜 チームで実験し続けたAI駆動開発
tigertora7571
0
110
Featured
See All Featured
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.4k
A Guide to Academic Writing Using Generative AI - A Workshop
ks91
PRO
1
270
Everyday Curiosity
cassininazir
0
200
Design in an AI World
tapps
1
200
A Modern Web Designer's Workflow
chriscoyier
698
190k
エンジニアに許された特別な時間の終わり
watany
106
240k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
tmiket
0
320
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
61k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.7k
Efficient Content Optimization with Google Search Console & Apps Script
katarinadahlin
PRO
1
500
Getting science done with accelerated Python computing platforms
jacobtomlinson
2
180
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
122
21k
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!