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
高速なプロダクト開発を実現、創業期から掲げるエンタープライズアーキテクチャ
kawauso
2
1.7k
生成AI開発案件におけるClineの業務活用事例とTips
shinya337
0
190
WordPressから ヘッドレスCMSへ! Storyblokへの移行プロセス
nyata
0
350
20250625 Snowflake Summit 2025活用事例 レポート / Nowcast Snowflake Summit 2025 Case Study Report
kkuv
1
370
KiCadでPad on Viaの基板作ってみた
iotengineer22
0
180
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
26k
SpringBoot x TestContainerで実現するポータブル自動結合テスト
demaecan
0
130
「Chatwork」の認証基盤の移行とログ活用によるプロダクト改善
kubell_hr
1
240
ビギナーであり続ける/beginning
ikuodanaka
3
480
fukabori.fm 出張版: 売上高617億円と高稼働率を陰で支えた社内ツール開発のあれこれ話 / 20250704 Yoshimasa Iwase & Tomoo Morikawa
shift_evolve
PRO
2
1.3k
Oracle Cloud Infrastructure:2025年6月度サービス・アップデート
oracle4engineer
PRO
2
310
モバイル界のMCPを考える
naoto33
0
370
Featured
See All Featured
Rails Girls Zürich Keynote
gr2m
94
14k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.5k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
730
Art, The Web, and Tiny UX
lynnandtonic
299
21k
Code Review Best Practice
trishagee
69
18k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
48
5.4k
Designing Experiences People Love
moore
142
24k
The Pragmatic Product Professional
lauravandoore
35
6.7k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
20k
Site-Speed That Sticks
csswizardry
10
680
GraphQLとの向き合い方2022年版
quramy
49
14k
KATA
mclloyd
30
14k
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&࠷ߴٕज़ऀ
͍͋ͭ͞ ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ