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.8k
Other Decks in Technology
See All in Technology
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
19k
いまからでも遅くない!コンテナでWebアプリを動かしてみよう!コンテナハンズオン編
nomu
0
180
2025/3/1 公共交通オープンデータデイ2025
morohoshi
0
110
Exadata Database Service on Cloud@Customer セキュリティ、ネットワーク、および管理について
oracle4engineer
PRO
2
1.6k
Two Blades, One Journey: Engineering While Managing
ohbarye
4
2.7k
OCI Success Journey OCIの何が評価されてる?疑問に答える事例セミナー(2025年2月実施)
oracle4engineer
PRO
2
220
Cracking the Coding Interview 6th Edition
gdplabs
14
28k
Log Analytics を使った実際の運用 - Sansan Data Hub での取り組み
sansantech
PRO
0
120
エンジニアの健康管理術 / Engineer Health Management Techniques
y_sone
4
1.1k
MLflowはどのようにLLMOpsの課題を解決するのか
taka_aki
0
140
x86-64 Assembly Essentials
latte72
4
470
4th place solution Eedi - Mining Misconceptions in Mathematics
rist
0
150
Featured
See All Featured
Testing 201, or: Great Expectations
jmmastey
42
7.2k
Unsuck your backbone
ammeep
669
57k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Adopting Sorbet at Scale
ufuk
75
9.2k
Building a Scalable Design System with Sketch
lauravandoore
461
33k
Product Roadmaps are Hard
iamctodd
PRO
51
11k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
260
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
Agile that works and the tools we love
rasmusluckow
328
21k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
11
1.3k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
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&࠷ߴٕज़ऀ
͍͋ͭ͞ ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ