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.1k
Nuxtのプロダクション事例
tameto
August 06, 2018
Tweet
Share
More Decks by tameto
See All by tameto
NuxtでのJAMstackな開発とポイント
tameto
1
3.7k
Other Decks in Technology
See All in Technology
生成AIの強みと弱みを理解して、生成AIがもたらすパワーをプロダクトの価値へ繋げるために実践したこと / advance-ai-generating
cyberagentdevelopers
PRO
1
180
ネット広告に未来はあるか?「3rd Party Cookie廃止とPrivacy Sandboxの効果検証の裏側」 / third-party-cookie-privacy
cyberagentdevelopers
PRO
1
130
ABEMA のコンテンツ制作を最適化!生成 AI x クラウド映像編集システム / abema-ai-editor
cyberagentdevelopers
PRO
1
180
10分でわかるfreeeのQA
freee
1
3.4k
AWS CDKでデータリストアの運用、どのように設計する?~Aurora・EFSの実践事例を紹介~/aws-cdk-data-restore-aurora-efs
mhrtech
4
640
Autify Company Deck
autifyhq
1
39k
オーティファイ会社紹介資料 / Autify Company Deck
autifyhq
9
120k
VPC間の接続方法を整理してみた #自治体クラウド勉強会
non97
1
820
APIテスト自動化の勘所
yokawasa
7
4.1k
Gradle: The Build System That Loves To Hate You
aurimas
2
140
生成AIと知識グラフの相互利用に基づく文書解析
koujikozaki
1
140
30万人が利用するチャットをFirebase Realtime DatabaseからActionCableへ移行する方法
ryosk7
5
330
Featured
See All Featured
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
37
1.8k
What's in a price? How to price your products and services
michaelherold
243
12k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
504
140k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.4k
RailsConf 2023
tenderlove
29
880
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
664
120k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
92
16k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
131
33k
Designing for Performance
lara
604
68k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
231
17k
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&࠷ߴٕज़ऀ
͍͋ͭ͞ ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ