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
スプリントゴール未達症候群に送る処方箋
kakehashi
PRO
1
250
エンジニアリングマネージャー“お悩み相談”パネルセッション
ar_tama
1
680
Expertise as a Service via MCP
yodakeisuke
1
150
Snowflake のアーキテクチャは本当に筋がよかったのか / Data Engineering Study #30
indigo13love
0
260
(HackFes)米国国防総省のDevSecOpsライフサイクルをAWSのセキュリティサービスとOSSで実現
syoshie
5
660
「現場で活躍するAIエージェント」を実現するチームと開発プロセス
tkikuchi1002
6
1k
分散トレーシングによる コネクティッドカーのデータ処理見える化の試み
thatsdone
0
240
PHPからはじめるコンピュータアーキテクチャ / From Scripts to Silicon: A Journey Through the Layers of Computing
tomzoh
2
390
Power Automate のパフォーマンス改善レシピ / Power Automate Performance Improvement Recipes
karamem0
0
200
Shadow DOMとセキュリティ - 光と影の境界を探る / Shibuya.XSS techtalk #13
masatokinugawa
0
280
低レイヤソフトウェア技術者が YouTuberとして食っていこうとした話
sat
PRO
7
5.8k
P2P通信の標準化 WebRTCを知ろう
faithandbrave
6
2.3k
Featured
See All Featured
Why Our Code Smells
bkeepers
PRO
337
57k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.5k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Unsuck your backbone
ammeep
671
58k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
How to train your dragon (web standard)
notwaldorf
96
6.1k
Making Projects Easy
brettharned
116
6.3k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
The Invisible Side of Design
smashingmag
301
51k
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&࠷ߴٕज़ऀ
͍͋ͭ͞ ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ