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でのJAMstackな開発とポイント
Search
tameto
October 18, 2018
Technology
1
3.6k
NuxtでのJAMstackな開発とポイント
tameto
October 18, 2018
Tweet
Share
More Decks by tameto
See All by tameto
Nuxtのプロダクション事例
tameto
2
3.1k
Other Decks in Technology
See All in Technology
技術負債による事業の失敗はなぜ起こるのか / Why do business failures due to technical debt occur?
i35_267
0
190
[NIKKEI Tech Talk] KDDI/KAG Scrum & Community for Engineering Training
curanosuke
2
220
テストケースの自動生成に生成AIの導入を試みた話と生成AIによる今後の期待
shift_evolve
0
180
AWSでRAGを作る法方
sonoda_mj
1
140
Git 研修 Basic【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
310
AOAI Dev Day - Opening Session
yoshidashingo
2
440
Flutter研修【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
160
DDDにおける認可の扱いとKotlinにおける実装パターン / authorization-for-ddd-and-kotlin-implement-pattern
urmot
4
390
Azure Pipelinesを使用したCICDベースラインアーキテクチャ実践
yuriemori
0
190
ソフトウェアエンジニアリングの知見を活かして データ基盤をいい感じにする on Snowflake [MIERUNE BBQ #10]
mtpooh
2
150
累計ダウンロード数1億8000万を超えるアプリケーションプラットフォームのレガシーシステム脱却とモダン化への道
kmitsuhashi
0
120
テスト・設計研修【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
170
Featured
See All Featured
Speed Design
sergeychernyshev
9
270
How GitHub Uses GitHub to Build GitHub
holman
471
290k
How to train your dragon (web standard)
notwaldorf
79
5.5k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
36
9.1k
A Tale of Four Properties
chriscoyier
155
22k
No one is an island. Learnings from fostering a developers community.
thoeni
17
2.8k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
16
1.6k
GraphQLの誤解/rethinking-graphql
sonatard
59
9.6k
Automating Front-end Workflow
addyosmani
1362
200k
Optimising Largest Contentful Paint
csswizardry
18
2.6k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
35
6.3k
10 Git Anti Patterns You Should be Aware of
lemiorhan
652
58k
Transcript
/VYUͰͷ+".TUBDLͳ։ൃͱϙΠϯτ /VYU.FFUVQ!$ZCFS"HFOUओ࠵ɿ4$065&3 <8&%>ҝ౻ΞΩϥ
࣭ φΫελʔͳօ͞Μɺ +".TUBDLͬͯݴ༿ͬͯ·͔͢ʁ
࣭ /VYUKTͰ+".TUBDLͳ։ൃ͕ɺ ΊͪΌͪ͘ΌָͳͷͰຊ/VYUͰͷ+".4UBDL ։ൃʹ͍ͭͯ͝հ͍͖ͯ͠·͢ʂ
࣍ ‣ ࣗݾհ ‣ +".TUBDLͱԿ͔ʁ ‣ +".TUBDLͱ͍͏༻ޠʹ͍ͭͯ ‣ /VYU+".TUBDLͱ૬ੑ͕ྑ͍ ‣
+".TUBDLͷΤίγεςϜ ‣ +".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ ‣ ϙΠϯτᶃɿϧʔςΟϯάͱ"1*ͰͷϑΝΠϧੜ ‣ ϙΠϯτᶄɿ/FUMJGZͰͷQSFSFOEFSJOH
ࣗݾհ ‣ ॴଐ ‣ גࣜձࣾ30-0 ‣ 69ʴ։ൃΛத৺ʹडୗͰγεςϜ։ൃΛͭͭࣗࣾ͠αʔϏε։ൃɻ ‣ ࣄ༰ ‣
ຊ৬"84େ͖ͳ1)1 -BSBWFM ͷόοΫΤϯυΤϯδχΞ ‣ αʔό 1)1PS(P ϑϩϯτ 3FBDU /FYU PS7VF /VYU ΞϓϦ ‣ ΞΧϯτ ‣ 5XJUUFSɿ!"LJSB5BNFUP ҝ౻ ΞΩϥ
+".TUBDLͱԿ͔ʁ ‣ +BWB4DSJQU "1*T .BSLVQͷུɻ ‣ αΠτࣗମશͯ+BWB4DSJQUͷΈͰهड़͠ɺಈతίϯςϯπ "1*Λ༻͠ɺ.BSLVQʹؔͯ͠(BUTCZɺ/FUMJGZΛ༻͠੩ తαΠτΛߏ͢ΔࣄΛࢦ͓ͯ͠Γɺ͜ΕΒͷ։ൃΞʔΩςΫ νϟΛ+".4UBDLͱ͍͍·͢ɻ
+".TUBDLͱ͍͏༻ޠʹ͍ͭͯ ‣ /FUMJGZͷۀऀͰ͋Δɺ.BUUࢯ͕ఏএͨ͠༻ޠͰɺ͜ͷಈత͚ͩΕͲ੩ తͰఏڙ͢Δࣄ͕ग़དྷΔٕज़ΛԿͱݺͿ͔ߟ͑ͨ࣌ʹ࡞ΒΕͨΑ͏Ͱ͢ɻ ‣ ʮ4UBUJDʯͩͱੲͳ͕Βͷ)5.-αΠτ։ൃͱଊ͑ΒΕͯ͠·͏ҝɺ ʮ485 4UBUJD8FC5FDI ʯͱ࠷ॳݺΕ͍ͯ·ͨ͠ɻ
/VYU+".TUBDLͱ૬ੑ͕ྑ͍ σΟϨΫτϦߏ͕ϧʔϧԽ͞Ε͍ͯͯɺ੩తϑΝΠϧੜ OQNSVOHFOFSBUF ग़དྷ Δ/VYU+".TUBDLͱͱͯ૬ੑ͕ྑ͍ɻ རͱͯ͠ҎԼͷ͕̎ͭͱͯେ͖͍ɻ ‣ ᶃύϑΥʔϚϯε໘ ࣄલʹϏϧυγεςϜɺੜͨ͠ϑΝΠϧΛ$%/ʹ௨ͯ͠ද͍ࣔͯ͠ΔͷͰϢʔ βʔʹշదͳମݧΛఏڙग़དྷΔɻ
‣ ᶄηΩϡϦςΟ໘ "1*͔Βऔಘͨ͠σʔλΛ੩తϑΝΠϧͱͯ͠ੜ͍ͯ͠Δҝɺ੬ऑੑʹର͢ Δ߈ܸରॲ͕΄΅ແ͍ͱݴ͑Δɻ
/VYU+".TUBDLͱ૬ੑ͕ྑ͍ /VYUͰαΠτΛެ։͢Δ্Ͱɺ ҎԼͷ̏ύλʔϯͷΓํ͕ख๏͕ग़དྷ͍ͯ͘ɻ ɾ41" 4JOHMF1BHF"QQMJDBUJPOʣ ɾ443 4FSWFS4JEF3FOEFSJOH ɾ+".TUBDL
+".TUBDLͰͷΤίγεςϜ
+".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿߏ ʷ ʷ ࠓճલճͷ/VYU.FFU6Qͷࡍʹ͝հͨ͠ɺ /VYU /FUMJGZ $POUFOUGVMͷߏͰ+".TUBDLΛհ͍͖ͯ͠·͢ɻ ։ൃͷϙΠϯτͱͯ͠ϧʔςΟϯάपΓɺQSFSFOEFSSJOHͷઆ໌ʹͳΓ ·͢ɻ
+".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿߏ ࢀߟهࣄɿIUUQTXXXQJYFMTPOMZDPNBSUJDMFTNJHSBUJOHNZTUBUJDTJUFUPUIFKBNTUBDL
+".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿ$POUFOUGVM $POUFOUGVMͰ$POUFOU.PEFMΛ࡞
+".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿ$POUFOUGVM هࣄσʔλΛߘ
+".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿ/FUMJGZ /VYUΛΠϯετʔϧ͠(JUʹQVTIɻ
+".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿ/FUMJGZ /FUMJGZͷΞΧϯτΛ࡞͠ɺରͷ(JUΛઃఆ
+".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿ/FUMJGZ (JUͰQVTI͕ߦΘΕΔͱɺ/FUMJGZଆͰݕ͠%FQMPZΛ։࢝
+".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿ/FUMJGZ /FUMJGZͰ੩తϑΝΠϧͰͷ/VYUσϑΥϧτϖʔδ͕ެ։͞ΕΔɻ
+".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿϙΠϯτᶃ ϙΠϯτᶃϧʔςΟϯάͱ"1*ͰͷϑΝΠϧੜ /VYUͷQBHFTσΟϨΫτϦʹͯϑΝΠϧΛఆ͍͖ٛͯ͠·͢ɻ
+".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿϙΠϯτᶃ QBHFTʹϑΝΠϧΛఆٛ͢ΔͱࣗಈతʹOVYUσΟϨΫτϦͰWVF SPVUFS͕ఆٛ͞Ε͍͖ͯ·͢ɻɹ˞OQNSVOEFWͷ࣌ʹੜ͞Ε·͢ɻ
+".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿϙΠϯτᶃ ࣮͜Ε͚ͩͩͱμϝͰɺ੩తϑΝΠϧΛHFOFSBUFͨ࣌͠ʹɺ࡞ΒΕΔϑΝΠϧ CMPHJOEFYIUNMͷΈɻɹ˞ҰԠ+4Ͱ"1*Λऔಘ͍ͯ͠ΔͷͰهࣄҰཡऔΕΔ
+".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿϙΠϯτᶃ OVYUDPOpHKTʹHFOFSBUFΦϓγϣϯΛՃͯ͠ɺHFOFSBUF࣌ʹ $POUFOUGVMΑΓ"1*Λ࣮ߦͭͭ͠੩తϑΝΠϧ͕ੜ͢Δܗʹ͠·͢ɻ
+".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿϙΠϯτᶃ HFOFSBUF͕ྃ͢ΔͱҎԼͷΑ͏ʹCMPHԼʹσʔλ͕ੜ͞ΕΔ
+".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿϙΠϯτᶄ ϙΠϯτᶄ/FUMJGZͰͷQSFSFOEFSJOH /FUMJGZͰجຊɺιʔείʔυमਖ਼͠ɺ(JUʹQVTI͢Εࣗಈతʹ%FQMPZ ͞Ε·͕͢͜Εͩͱهࣄ͕૿͑ͯطʹ੩తϑΝΠϧੜ͞Ε͍ͯΔͷͰ දࣔ͞Ε·ͤΜɻ /FUMJGZͷQSFSFOEFSSJOHػೳΛ͍ɺ$POUFOUGVMͷXFCIPPLΛొ͢Δࣄ ʹΑΓهࣄొ࣌ʹ/FUMJGZଆͰϏϧυ͕ߦΘΕͯ੩తϑΝϧ͕ੜ͞Ε·͢ɻ
+".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿϙΠϯτᶄ $POUFOUGVMͰXFCIPPLͷൃߦ
+".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿϙΠϯτᶄ /FUMJGZͰXFCIPPLͷొ
+".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿϙΠϯτᶅ $POUFOUGVMͰهࣄͷߘ
+".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿϙΠϯτᶅ /FUMJGZͰϏϧυ͞Εͯɺهࣄ͕ੜ͞Ε͍ͯΔࣄΛ֬ೝ
/VYUϋϯζΦϯΠϕϯτͷએ ຊΑΓืू։࢝͠·ͨ͠Πϕϯτͷ͝հͰ͢ɻ ʹ/VYU /FUMJGZ )FBEMFTT$.4Ͱ41"Λ࡞ΔϋϯζΦϯΛ։࠵͠·͢ʂࢲϝϯλʔͱ ͯ͠ࢀՃͯ͠ڭ͑·͢ͷͰ͚ٓ͠ΕࢀՃ͍ͯͩ͘͠͞ ??
͍͋ͭ͞ օ͞Μੋඇ/VYUͰ+".TUBDLͳ8&#Λ։ൃͯ͠Έ͍ͯͩ͘͞ʂ ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ