Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Nuxt.js でつくるアプリケーションの設計 / Architecture of nuxt application

Af07bd495bf9d1c5ada34ed221671624?s=47 INOUE Takuya
March 28, 2018
Programming
8
4.5k

Nuxt.js でつくるアプリケーションの設計 / Architecture of nuxt application

Nuxt.js Meetup #1 の発表資料です
https://nuxt-meetup.connpass.com/event/82578/

Af07bd495bf9d1c5ada34ed221671624?s=128

INOUE Takuya

March 28, 2018
Tweet

More Decks by INOUE Takuya

See All by INOUE Takuya
create-nuxt-app で選べる現代の UI フレームワーク / Modern UI Frameworks
Af07bd495bf9d1c5ada34ed221671624?s=48 inouetakuya
7
2k
カンファレンス主催 Casual Talks #1 オープニング / Conference Casual Talks 1 Opening
Af07bd495bf9d1c5ada34ed221671624?s=48 inouetakuya
0
620
カンファレンス主催 Casual Talks #1 パネルディスカッション / Conference Casual Talks 1 Panel Discussion
Af07bd495bf9d1c5ada34ed221671624?s=48 inouetakuya
0
580
ウェブサイトの速度改善 / High Performance Website
Af07bd495bf9d1c5ada34ed221671624?s=48 inouetakuya
0
270
Vue Fes Japan 2018 サイトの速度改善 / High Performance Vue Fes Japan Site
Af07bd495bf9d1c5ada34ed221671624?s=48 inouetakuya
9
6.9k
Vue Fes Japan 2018 ティザーサイトの裏側 / Inside Vue Fes Japan 2018
Af07bd495bf9d1c5ada34ed221671624?s=48 inouetakuya
4
2.5k
Vue Fes Japan 2018 ティザーサイトの技術選定 / Vue Fes Japan 2018 site architecture
Af07bd495bf9d1c5ada34ed221671624?s=48 inouetakuya
1
340
いま Vue.js に現場の事例が求められている / stage of vuejs jp
Af07bd495bf9d1c5ada34ed221671624?s=48 inouetakuya
0
2.8k
お仕事で Nuxt.js を使うか検討した話 / decision about whether to use nuxtjs
Af07bd495bf9d1c5ada34ed221671624?s=48 inouetakuya
8
17k

Other Decks in Programming

See All in Programming
Update from the Elixir team - 2022
Faafc04d9e69b73b9f49995fd4c94d4d?s=48 whatyouhide
0
200
アプリのログをチーム外で活用してもらうためにやったこと
2f8b61ad31dd9c6ada4a90af746290fd?s=48 shotakashihara
0
190
NieR Re[in]carnationにおけるUnityアニメーション活用術
Ea7f7af2b8f62b7abf8cf0c9af394cc0?s=48 applibot
1
830
既存画面の Jetpack Composeでの書き換え: FAANSでの事例紹介 / Case study of rewriting existing screens with Jetpack Compose
Dbab5e5a1fd54531e1119ede6b3b9e65?s=48 horie1024
0
320
Cloud-Conference-Day-Spring Cloud + Spring Webflux: como desenvolver seu primeiro microsserviço reativo em Java?
102398563fd1bf878b35dc2d5ee67cbe?s=48 kamilahsantos
1
150
The Success of Rails: Ensuring Growth for the Next 100 Years
C44e1f7e22c3f23cff7bc130871047ef?s=48 eileencodes
3
530
不具合に立ち向かう テスト戦略 ~ NestJSで作るCI環境 ~
30159ae45ad3faaa9a35cde0df1a795c?s=48 naoki_haba
0
120
クリエイティブ系のウェブサイト制作で役立つCSS技法 / CSS for develop creative website
4b7124f2f5989173c8ce3b0934817a32?s=48 clockmaker
2
1.7k
iOSアプリの技術選択2022
0620564f0125b8b3b7f4fe40c10b8b4e?s=48 tattn
6
2.6k
Reactでアプリケーションを構築する多様化
2917a3c430817eb71086f8973c06ebba?s=48 sakito
4
3.4k
Better Reliability through Observability (and Experimentation)
8c73ec710b03be8909e71ad500866934?s=48 ksatirli
PRO
1
360
プログラミングを勉強したいと言われたら
6dd39716ef7dde18a609703e8e26b7ec?s=48 yuba_4
0
430

Featured

See All Featured
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
212
20k
CSS Pre-Processors: Stylus, Less & Sass
7559f6cff1f5efc2d210965febd4d71c?s=48 bermonpainter
349
27k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
237
19k
Designing the Hi-DPI Web
C157b16234f1e75e8eac3698c1d4414a?s=48 ddemaree
272
32k
Teambox: Starting and Learning
Aebc2d07a50011e2a30d38435fde564a?s=48 jrom
121
7.6k
Reflections from 52 weeks, 52 projects
E43f8dfd01057f8304f5f8fb9a294d7d?s=48 jeffersonlam
337
17k
Fight the Zombie Pattern Library - RWD Summit 2016
9fa239b3154a0169d99ab7bf1422dd12?s=48 marcelosomers
226
15k
The Pragmatic Product Professional
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
19
2.9k
Web Components: a chance to create the future
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
303
40k
Designing for Performance
245cee81a9c424266e5e401d844ea881?s=48 lara
596
63k
Making the Leap to Tech Lead
32de0bd2ba869609d26fd052a4622778?s=48 cromwellryan
113
6.9k
Typedesign – Prime Four
A0517b08532aec8ab2aae3f65d40ad86?s=48 hannesfritz
33
1.3k

Transcript

  1. /VYUKTͰͭ͘Δ ΞϓϦέʔγϣϯͷઃܭ ͍ͷ͏͑ͨ͘΍ʢ͓͍ͪΌΜʣ!JOPVFUBLVZB /VYUKT.FFUVQ

  2. ຊ೔ͷςʔϚ

  3. /VYU͕ศརͩͱ͍͏͜ͱ͸ ෼͔͚ͬͨΕͲ΋ɺ

  4. ࣮ࡍʹΞϓϦέʔγϣϯΛ Ͳ͏΍ͬͯ࡞͍͚ͬͯ͹ྑ͍ ͔ɺͪΐ͍ͪΐ͍໎͏

  5. ࣄྫ঺հ

  6. None

  7. స৬υϥϑτʢCZϦϒηϯεʣ ͍ͷ͏͑ͨ͘΍͓͍ͪΌΜ!JOPVFUBLVZB /VYUKT 7VFY 7VFKTެࣜυΩϡϝϯτͷ຋༁ऀɺϝϯςφ ൴ঁ͔Β͸ɺ͓͍ͪΌΜͱݺ͹Ε͍ͯ·͢

  8. ͓͠ͳ͕͖

  9. ͓͠ͳ͕͖ wσΟϨΫτϦߏ଄ w$44 w7VFίϯϙʔωϯτ wࢀߟʹͨ͠৘ใ

  10. σΟϨΫτϦߏ଄

  11. σΟϨΫτϦߏ଄ wIUUQTKBOVYUKTPSHHVJEFEJSFDUPSZTUSVDUVSF wBTTFUT wDPNQPOFOUT wMBZPVUT wQBHFT wTUBUJD wTUPSF w͢͹Β͍͠ɻ͜Ε͕7VFKTΞϓϦέʔγϣϯͷඪ४ʹͳͬͯ΄͍͠

  12. TSDσΟϨΫτϦ

  13. TSDσΟϨΫτϦ wOVYUDPNNVOJUZTUBSUFSUFNQMBUFͰ͸ϧʔ τσΟϨΫτϦʹDPNQPOFOUTͳͲΛฒ΂ Δ wUFTU΍EJTU͋Δ͍͸DPOpHͳͲͱࠞͬ͟ ͯ෼͔Γʹ͘͘ͳΔҹ৅

  14. TSDσΟϨΫτϦ wWVFKTUFNQMBUFT  wGBDFCPPLDSFBUFSFBDUBQQ wBOHVMBSBOHVMBSDMJ w3VCZPO3BJMT

  15. TSDσΟϨΫτϦ

  16. $44

  17. $44 wίϯϙʔωϯτͰด͍ͨ͡΋ͷ wΞϓϦέʔγϣϯશମͰڞ௨͍ͤͨ͞΋ͷ

  18. ίϯϙʔωϯτͰด͍ͨ͡΋ͷ

  19. ΞϓϦέʔγϣϯશମͰڞ௨͍ͤͨ͞΋ͷ wάϩʔόϧʹద༻͍ͨ͠$44 wλΠϙάϥϑΟͳͲ w֤ίϯϙʔωϯτ಺ʹಡΈࠐ·ͤΔ w4$44ͷม਺ͳͲ

  20. ΞϓϦέʔγϣϯશମͰڞ௨͍ͤͨ͞΋ͷ

  21. 7VFίϯϙʔωϯτ

  22. 7VFίϯϙʔωϯτ wಠཱͯ͠ػೳΛఏڙ͢Δ΋ͷ wجఈίϯϙʔωϯτ wΞϓϦέʔγϣϯݻ༗ͷελΠϧ΍ϧʔϧΛ ద༻͢Δ΋ͷ

  23. ಠཱͯ͠ػೳΛఏڙ͢Δ΋ͷ

  24. ಠཱͯ͠ػೳΛఏڙ͢Δίϯϙʔωϯτͷྫ

  25. ಠཱͯ͠ػೳΛఏڙ͢Δίϯϙʔωϯτྫ

  26. Ϣʔεέʔε

  27. ࣮૷

  28. جఈίϯϙʔωϯτ

  29. جఈίϯϙʔωϯτ wΞϓϦέʔγϣϯݻ༗ͷελΠϧ΍ϧʔϧΛద ༻͢Δ΋ͷ wϨΠΞ΢τ w$BSE

  30. جఈίϯϙʔωϯτͷྫ IUUQFMFNFOUFMFNFJP

  31. جఈίϯϙʔωϯτͷྫ

  32. Ϣʔεέʔε w֤ཁૉΛͦΕͧΕίϯϙʔωϯτͱͯ͠࢖͏ w֤ཁૉΛ໊લ෇͖TMPUͰ࢖͏

  33. ֤ཁૉΛίϯϙʔωϯτͱͯ͠࢖͏

  34. ֤ཁૉΛ໊લ෇͖TMPUͰ࢖͏

  35. ֤ཁૉΛ໊લ෇͖TMPUͰ࢖͏

  36. ࣮૷

  37. ࢀߟʹͨ͠΋ͷ

  38. ࢀߟʹͨ͠΋ͷ wBXFTPNFWVF w044ϑϨʔϜϫʔΫ w&MFNFOU 7VFUJGZ J7JFX wWVFNBUFSJBM CPPUTUSBQWVF

  39. ࢀߟʹͨ͠΋ͷ w8FC$PNQPOFOUT w

  40. ࢀߟʹͨ͠΋ͷ wελΠϧΨΠυ wIUUQTKQWVFKTPSHWTUZMFHVJEFJOEFYIUNM w7VFKTίϯϙʔωϯτελΠϧΨΠυ wIUUQTHJUIVCDPNQBCMPIQTJMWBWVFKT DPNQPOFOUTUZMFHVJEFCMPCNBTUFS 3&"%.&+1NE

  41. None