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
Nuxtのプロダクション事例
Search
tameto
August 06, 2018
Technology
2
3.2k
Nuxtのプロダクション事例
tameto
August 06, 2018
Tweet
Share
More Decks by tameto
See All by tameto
NuxtでのJAMstackな開発とポイント
tameto
1
3.9k
Other Decks in Technology
See All in Technology
[SRE NEXT 2025] すみずみまで暖かく照らすあなたの太陽でありたい
carnappopper
2
470
AI エージェントと考え直すデータ基盤
na0
20
7.9k
Copilot coding agentにベットしたいCTOが開発組織で取り組んだこと / GitHub Copilot coding agent in Team
tnir
0
190
振り返りTransit Gateway ~VPCをいい感じでつなげるために~
masakiokuda
3
210
名刺メーカーDevグループ 紹介資料
sansan33
PRO
0
820
AWS 怖い話 WAF編 @fillz_noh #AWSStartup #AWSStartup_Kansai
fillznoh
0
130
セキュアなAI活用のためのLiteLLMの可能性
tk3fftk
1
330
スタックチャン家庭用アシスタントへの道
kanekoh
0
120
How to Quickly Call American Airlines®️ U.S. Customer Care : Full Guide
flyaahelpguide
0
240
Delegating the chores of authenticating users to Keycloak
ahus1
0
190
【あのMCPって、どんな処理してるの?】 AWS CDKでの開発で便利なAWS MCP Servers特集
yoshimi0227
6
950
Digitization部 紹介資料
sansan33
PRO
1
4.5k
Featured
See All Featured
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.4k
Navigating Team Friction
lara
187
15k
GitHub's CSS Performance
jonrohan
1031
460k
RailsConf 2023
tenderlove
30
1.1k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.5k
Producing Creativity
orderedlist
PRO
346
40k
Code Reviewing Like a Champion
maltzj
524
40k
How to train your dragon (web standard)
notwaldorf
96
6.1k
A Tale of Four Properties
chriscoyier
160
23k
A Modern Web Designer's Workflow
chriscoyier
695
190k
For a Future-Friendly Web
brad_frost
179
9.8k
Transcript
/VYUͷϓϩμΫγϣϯࣄྫ /VYU.FFUVQ <.0/>ҝ౻ΞΩϥ
࣍ ‣ ࣗݾհ ‣ Ͳ͏ͯ͠/VYUΛ͏ͷ͔ʁ ‣ /VYUͷσϝϦοτ ‣ /VYUͷϓϩμΫγϣϯࣄྫհ ‣
࣮ࡍʹؔΘͬͨؔΘ͍ͬͯΔ੍࡞ࣄྫΛ͝հ͠·͢ɻ ‣ ·ͱΊ
ࣗݾհ ‣ ॴଐ ‣ גࣜձࣾ30-0 ‣ 69ʴ։ൃΛத৺ʹडୗͰγεςϜ։ൃΛͭͭࣗࣾ͠αʔϏε։ൃɻ ‣ ࣄ༰ ‣
ຊ৬"84େ͖ͳ1)1 -BSBWFM ͷόοΫΤϯυΤϯδχΞ ‣ αʔό 1)1PS(P ϑϩϯτ 3FBDU /FYU PS7VF /VYU ΞϓϦ ‣ ΞΧϯτ ‣ 5XJUUFSɿ!"LJSB5BNFUP ҝ౻ ΞΩϥ
Ͳ͏ͯ͠/VYUΛ͏ͷ͔ʁ ‣ ֶशίετ͕͍ ‣ 3FBDUKT /FYU Λࠓ·Ͱ༻͍ͯ͠·ֶ͕ͨ͠शίετ͕ߴ͍ɻͦΕʹରͯ͠7VFKT ͯ͘ϚʔΫΞοϓνʔϜΛר͖ࠐΈ͍͢ɻ ‣ ߋʹ/VYUʹؔͯ͠WVFKTपΓͷઃఆ৭ʑͱͬͯ͘ΕΔҝɺศརɻ
‣ /FYUΑΓշదɻ ‣ ໘Ͱͦ͏Ͱ͕͢ɺ։ൃ໘Ͱշదʹߦ͏ࣄ͕ग़དྷΔɻ ‣ σΟϨΫτϦߏγϯϓϧͰ͢͠ɺׂͱେ͖ΊͷγεςϜͰରԠ͢Δࣄ͕ग़དྷ·͢ɻ ‣ ίϛϡχςΟϕʔεͰ׆ൃʹ։ൃ͞Ε͍ͯΔɻ ‣ /VYUొ͢ΔͷͰߋʹظɻ
/VYUͷσϝϦοτ ‣ ಛʹ͋Γ·ͤΜɻ ‣ ͍͍ͯ͠͏ͷͰ͋Εɺ/VYUҎ֎Θͳ͘ͳͬͯ͠·ͬͯ3FBDUΛΕ͔ ͚͍ͯΔ͙Β͍ɻKTYͱ͔ݟΔͱͪΐͬͱϏϏΓ·͢ɻ ‣ ·ͩ·ͩใ͕গͳ͍෦͋Δͷͱɺ7VFKTͷϑϨʔϜϫʔΫͱ͍͏ࣄ Ͱศརʹ͍ͯ͠Δɺएׯॻ͖ํ͕ҧͬͨΓ͕ඞཁͰ͕͢ɺແ͠ʂ
/VYUͷϓϩμΫγϣϯࣄྫհ ͝ґཔᶃ ΦγϟϨͰ41"ͳհαΠτΛ࡞Γ͍ͨɻ
ґཔᶃ/VYU /FUMJGZ ‣ /VYUͳΒ௨ৗͷ)5.- K2VFSZ͚ͩͰදݱ͢Δࣄ͕͍͠ɺঢ়ଶཧͰͷ$44Ξχϝʔ γϣϯʹΑΔɺάϥϑΟΧϧͳΞχϝʔγϣϯΛ࣮͢Δࣄ͕ग़དྷΔɻ ‣ ·ͨɺ/VYUOQNSVOHFOFSBUFͰڥʹґଘ͠ͳ͍੩తϑΝΠϧੜͰ͖ɺ /FUMJGZΛ༻͢Ε$*ͰࣗಈੜࣗಈσϓϩΠϗεςΟϯά͕εϚʔτʹग़དྷ·͢ɻ ‣
ϥΠϒϥϦͷΠϯετʔϧෆཁɻ ʷ /VYU /FUMJGZͰհαΠτΛ࡞͠·ͨ͠ɻ
ґཔᶃ/VYU /FUMJGZ
/VYUͷϓϩμΫγϣϯࣄྫհ ͝ґཔᶄ /VYUͰXPSEQSFTTͷ༷ͳϒϩάΛ࡞Γ͍ͨ
ґཔᶄ/VYU $POUFOUGVM ‣ )FBESFTT$.4ͷ$POUFOUGVMΛ͑؆୯ʹ$.4Λ࡞͢Δࣄ͕ग़དྷ·͢ɻ ‣ /FUMJGZ $POUFOUGVMͷXFCIPPLΛ༻͢ΔࣄʹΑΓɺ"1*Ͱͳ͘શͯ੩తϑΝΠϧ Ͱ࣮ݱ͢ΔࣄՄೳͰ͢ɻ ‣ ྉۚ$POUFOUGVMʹؔͯ͠΄΅΄΅ແྉͰ͏ࣄ͕ग़དྷ·͢ɻ
‣ ϥΠϒϥϦ$POUFOUGVMͷ4%,ɺWVFNBSLEPXOΛΠϯετʔϧ͢Δඞཁ͕͋Γ·͢ɻ ʷ /VYU $POUFOUGVMͰ#MPHΛ࡞͠·ͨ͠ɻ ʷ
ґཔᶄ/VYU $POUFOUGVM
ґཔᶄ/VYU $POUFOUGVM $.4͕࡞ΕΔͷΘ͔ͬͨʂ Ͱϝʔϧૹ৴Ͳ͏͢Ε͍͍ͷʁ
ґཔᶄ/VYU $POUFOUGVM 4FOE(SJE ͦ͏͍͏࣌ɾɾɾ4FOE(SJE ‣ 4FOE(SJEΛ͑"1*ܗࣜͰϝʔϧΛૹ৴͢Δࣄ͕ग़དྷ·͢ʂ ‣ ͪ͜Β ௨݄·ͰແྉͰ༻͢Δࣄ͕ग़དྷ·͢ɻྉۚ $POUFOUGVMʹؔͯ͠΄΅΄΅ແྉͰ͏ࣄ͕ग़དྷ·͢ɻ
/VYUͷϓϩμΫγϣϯࣄྫհ ͝ґཔᶅ ٸᬎΠϕϯτΞϓϦ͕ඞཁʹɻνϟοτ͖ͷΞ ϓϦ࡞ͬͯʂ
ґཔᶅ/VYU 'JSFCBTF 18" ‣ /VYUͳΒ18"Λ؆୯ʹ࣮ݱ͢Δࣄ͕ՄೳͰ͢ɻόοΫ'JSFCBTFͷΈͰαʔόϨεͰͱ ͯεϚʔτͳߏʹͳ͍ͬͯ·͢ɻ ‣ 'JSFCBTFͷ'JSFTUPSFΛ͏ࣄʹΑΓշదʹνϟοτ͕Ͱ͖ɺը૾'JSF4UPSBHFɺ)PTUJOH 'JSFCBTF)PTUJOHɺϩάΠϯपΓ'JSFCBTF"VUIFOUJDBUJPOͰ࣮ݱ͍ͯ͠·͢ɻ ‣
18" 'JSFCBTFͰϓογϡ௨࣮ݱग़དྷ·͢ɻͪ͜Β݄ʹϦϦʔε༧ఆͰ͢ɻ ʷ /VYU 'JSFCBTF 18"Ͱνϟοτ8&#ΞϓϦΛ࡞Γ ·ͨ͠ɻ ˞ΞϓϦͱ΄΅΄΅มΘΓ·ͤΜɻ ʷ
ґཔᶅ/VYU 'JSFCBTF 18"
/VYUͷϓϩμΫγϣϯࣄྫհ ͝ґཔᶆ (PPHMF4MJEFͷ༷ʹฤू͕ग़དྷΔɺ ϏδωεϞσϧਤ࡞πʔϧΛ࡞Γ͍ͨʂ
ґཔᶆ/VYU 443 'JSFCBTF HP HJO ($1 ‣ ͪ͜Β࠷ۙͷϏδωεϞσϧਤղͷ8&#πʔϧΛݱࡏ։ൃ͓ͯ͠Γ·͢ɻ
‣ ߏͱͯ͠'JSFCBTFͷ'JSF4UPSFΛ/P42-ͱͯ͠ѻ͍ɺ࡞ͨ͠47(σʔλΛ อଘ͢Δҝʹ༻͍ͯ͠·͢ɻ ‣ Ϣʔβʔσʔλجຊతʹ($1ͷ3%#Λ༻ͯ͠ɺHPͰ3&45"1*Ͱ࣮ͯ͠ ͍·͢ɻͪ͜ΒϦϦʔε༧ఆͰ͢ɻ ʷ /VYU 'JSFCBTF HP HJO ($1Ͱ࡞தɻ ʷ ʷ
ґཔᶆ/VYU 443 'JSFCBTF HP HJO ($1
/VYUͷϓϩμΫγϣϯࣄྫհ ͝ґཔᶇ շదͳٻਓγεςϜΛ࡞Γ͍ͨʂ
ґཔᶇ/VYU 443 HP HJO ($1 "QPMMPDMJFOU ‣ ͪ͜Β·ͩެදग़དྷ·ͤΜ͕ɺࠓճ'JSFCBTFΘͣϑϩϯτ/VYUɺόο
ΫHPMBOH HJO Ͱ࡞͍ͯ͠·͢ɻ ‣ ·ͨɺ࠷ۙ͞Ε͍ͯΔ(SBQI2-ͷઃܭʹͳ͍ͬͯ·͢ɻ/VYU "QPMMP $MJFOUͷΈ߹Θͤ3FBDUΑΓΓ͍͢Ͱ͢ɻ ‣ ͪ͜Βདྷ݄ลΓʹϕʔλ൛Ͱެ։༧ఆͰ͢ɻ ʷ /VYU HP HJO ($1 "QPMMPDMJFOU࡞தɻ ʷ ʷ
ґཔᶇ/VYU 443 HP HJO ($1 "QPMMPDMJFOU
/VYUͷϓϩμΫγϣϯࣄྫհ ͝ґཔᶈ ࠓͷαΠτΊͪΌͪ͘Όॏ͍ʂ ϦϓϨΠεͯ͠΄͍͠ʂ
ґཔᶈ"84 1)1 'VFM1)1 ($1 (P HJO /VYU ‣ ࠓͷςϦϠΩ1$൛ॾʑͷࣄʹΑΓͱͯॏ͍Ͱ͢ʂ
‣ ݩʑ1)1 MBSBWFM /VYUͰϦχϡʔΞϧ༧ఆͰ͕ͨ͠ɺͬͱϞμϯʹ͍ͨ͠ʂߴͰ շదʹɻ ‣ ݁Ռɺ(P HJO /VYUʹ͠·ͨ͠ɻͲͷ͙Β͍ͷมԽ͕͋Δָ͔͠Έʹ͍ͯͯͩ͘͠͞ʂ ງߐ͞ΜͷتͿإָ͕͠ΈͰ͢ʂ ʷ άϧϝΞϓϦςϦϠΩͷγεςϜΛ "84 1)1 'VFM1)1 ͔Β ($1 (P HJO /VYUʹઈࢍҠߦத ʷ
ґཔᶈ"84 1)1 'VFM1)1 ($1 (P HJO /VYU
·ͱΊ /VYU࠷ߴʂ શ෦/VYUͰ͍͚·͢ʂ
͍͞͝ʹ ࣮ࢲɺ3FBDU/BUJWFͷํ͕ಘҙͳΜͰ͢ɻ PS݄ʹຊग़͢༧ఆͰ͢ɻ ϋϜΧπ͓͡͞Μ!INLUTV ͙͙ͨ·Ծ௨՟$50!HHUNUNHH ג '"$5#"4&࠷ߴٕज़ऀ
͍͋ͭ͞ ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ