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

Vueで始める脱jQueryサイトコーディング

2dfb65b481d9e382551b76c7cb0b7c98?s=47 koudai
September 21, 2018
0
82

 Vueで始める脱jQueryサイトコーディング

2dfb65b481d9e382551b76c7cb0b7c98?s=128

koudai

September 21, 2018
Tweet

More Decks by koudai

See All by koudai
大規模フロントエンドで のVueの漸進的な導入
2dfb65b481d9e382551b76c7cb0b7c98?s=48 ishiagme
2
320
Vueを広めるための_Nuxt.jsの可能性.pdf
2dfb65b481d9e382551b76c7cb0b7c98?s=48 ishiagme
0
1.7k
Nuxt+Netlifyで爆速サーバーレスSPA開発
2dfb65b481d9e382551b76c7cb0b7c98?s=48 ishiagme
0
82
v-meetup_8.pdf
2dfb65b481d9e382551b76c7cb0b7c98?s=48 ishiagme
0
50

Featured

See All Featured
Designing Dashboards & Data Visualisations in Web Apps
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
224
49k
Principles of Awesome APIs and How to Build Them.
B47b288784fda77a94aeb234ca743c24?s=48 keavy
113
15k
Designing the Hi-DPI Web
C157b16234f1e75e8eac3698c1d4414a?s=48 ddemaree
272
32k
XXLCSS - How to scale CSS and keep your sanity
1b8ad785acdd1ce1c99914b1c2a4e10e?s=48 sugarenia
236
1M
StorybookのUI Testing Handbookを読んだ
50fc0fdc2327ecbe7350645812de52e3?s=48 zakiyama
5
2.2k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
D8fc2580cfaca035f666d9e4ee79a7f7?s=48 mongodb
29
4.3k
Making Projects Easy
C4de88ea47538e4594750e3861a341c8?s=48 brettharned
98
4.3k
Streamline your AJAX requests with AmplifyJS and jQuery
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
126
8.5k
Code Review Best Practice
3d6ace9554821d552146413bcdf874f6?s=48 trishagee
43
9.2k
Stop Working from a Prison Cell
C1daf20e5c49ff910745198ef9869ac2?s=48 hatefulcrawdad
261
17k
Art, The Web, and Tiny UX
D67fff74178013024d833b3eec6cf27f?s=48 lynnandtonic
280
17k
Reflections from 52 weeks, 52 projects
E43f8dfd01057f8304f5f8fb9a294d7d?s=48 jeffersonlam
337
17k

Transcript

  1. /PX-PBEJOHʜ

  2. 7VFͰ࢝ΊΔ୤K2VFSZ αΠτίʔσΟϯάͱͦͷ஥ؒͨͪ ੴُ޿େ

  3. ࣗݾ঺հ w໊લੴُ޿େʢ͍͕͠Ί͜͏͍ͩ  wॴଐΞδΞΫΤετגࣜձࣾ w໾ׂ'SPOUFOE&OHJOFFS wٕज़7VF /VYU 4FSWFSMFTT 69 wझຯΧϝϥɺಡॻɺΧϑΣ८Γ

  4. ࣗݾ঺հ w5XJUUFS!LBNFQPO@GF w'BDFCPPL w*OTUBHSBN w(JUIVC w2JJUB

  5. ࣗݾ঺հ 2JUUBͰهࣄॻ͍ͨΒόζͬͨ

  6. ࣗݾ঺հ

  7. ࣗݾ঺հ

  8. ࣗݾ঺հ

  9. ࣗݾ঺հ 2JUUB΋ΑΖ͘͠Ͷ

  10. ຊ୊

  11. ΞδΣϯμ w؀ڥपΓͷ࿩ʢγϯϓϧฤʣ w࠷ۙ௥ͬͯΔ7VFपΓͷ͜ͱ wK2VFSZͰਏ͍͜ͱɺ7VFʹ͢Δͱྑ͍͜ͱ w࣮ྫ঺հ

  12. w7VF͖ʹͳΔ͚ͲීஈIUNMDTT ͪΐͬͱKT͘Β͍ͷਓ wίʔμʔ͞Μ w7VF࢖ͬͯݟ͍͚ͨͲ8FCQBDL؀ڥ·Ͱ͸΍Βͳ͍ਓ w୤K2VFSZ͍ͨ͠ਓ ΞδΣϯμ

  13. ؀ڥपΓͷ࿩ʢγϯϓϧฤʣ

  14. ؀ڥपΓͷ࿩ʢγϯϓϧฤʣ

  15. ؀ڥपΓͷ࿩ʢγϯϓϧฤʣ

  16. ؀ڥपΓͷ࿩ʢγϯϓϧฤʣ

  17. ؀ڥपΓͷ࿩ʢγϯϓϧฤʣ ΊͬͪΌޮ཰త ൚༻తͳ$44 +4ΛԿճ΋ॻ͔ͳͯ͘ΠΠ OQNTDSJQUϕʔεͰ৭ʑͰ͖Δ ϝϦοτ

  18. ؀ڥपΓͷ࿩ʢγϯϓϧฤʣ &EJUPSDPOpH 1BDLBHFKTPO OQNJOJU͠Α͏ ೖΕͱ͘ΠΠ΋ͷ

  19. ࠷ۙ௥ͬͯΔ7VFपΓͷ͜ͱ

  20. ࠷ۙ௥ͬͯΔ7VFपΓͷ͜ͱ 44( /VYUKT

  21. ࠷ۙ௥ͬͯΔ7VFपΓͷ͜ͱ 44(

  22. ࠷ۙ௥ͬͯΔ7VFपΓͷ͜ͱ 4UBUJD4JUF(FOFSBUPS )5.-$44+4Ͱͷ੩తͳαΠτΛޮ཰Α͘ ࡞੒͢ΔͨΊͷπʔϧ

  23. ࠷ۙ௥ͬͯΔ7VFपΓͷ͜ͱ 4UBUJD4JUF(FOFSBUPS wίϯϙʔωϯτઃܭͰ੩తͳαΠτΛߏஙͰ ͖Δ w.BSLEPXO͔ΒIUNMΛॻ͖ग़͢͜ͱ͕Ͱ͖Δ wϨεϙϯε͕ૣ͍

  24. ࠷ۙ௥ͬͯΔ7VFपΓͷ͜ͱ 4UBUJD4JUF(FOFSBUPS

  25. ࠷ۙ௥ͬͯΔ7VFपΓͷ͜ͱ

  26. ࠷ۙ௥ͬͯΔ7VFपΓͷ͜ͱ /VYUKT

  27. ࠷ۙ௥ͬͯΔ7VFपΓͷ͜ͱ /VYUKT 7VFΛϕʔεʹͨ͠ΞϓϦέʔγϣϯΛ ߏங͢ΔͨΊͷϑϨʔϜϫʔΫ

  28. ࠷ۙ௥ͬͯΔ7VFपΓͷ͜ͱ /VYUKT αʔόʔαΠυϨϯμϦϯά 443  41"΋44(΋؆୯ʹߏஙͰ͖Δ ελʔλʔͰ؀ڥߏஙΛεΩοϓͰ͖Δ

  29. ࠷ۙ௥ͬͯΔ7VFपΓͷ͜ͱ /VYUKT wWVFJOJUOVYUDPNNVOJUZTUBSUFSUFNQMBUF QSPKFDUOBNF wDEQSPKFDUOBNF wOQNJOTUBMM wOQNSVOEFW

  30. ࠷ۙ௥ͬͯΔ7VFपΓͷ͜ͱ /VYUKT

  31. ࠷ۙ௥ͬͯΔ7VFपΓͷ͜ͱ

  32. ࠷ۙ௥ͬͯΔ7VFपΓͷ͜ͱ ΊͬͪΌ؆୯

  33. ࠷ۙ௥ͬͯΔ7VFपΓͷ͜ͱ ΋͏/VYUͰ͑͑΍Μɻɻɻ

  34. K2VFSZͰਏ͍͜ͱɺ7VFʹ͢ΔͱΠΠ͜ͱ

  35. K2VFSZͰਏ͍͜ͱɺ7VFʹ͢ΔͱΠΠ͜ͱ

  36. K2VFSZͰਏ͍͜ͱɺ7VFʹ͢ΔͱΠΠ͜ͱ Έͳ͞Μ

  37. K2VFSZͰਏ͍͜ͱɺ7VFʹ͢ΔͱΠΠ͜ͱ

  38. K2VFSZͰਏ͍͜ͱɺ7VFʹ͢ΔͱΠΠ͜ͱ ࢖ͬͯ·͔͢ʁ

  39. K2VFSZͰਏ͍͜ͱɺ7VFʹ͢ΔͱΠΠ͜ͱ ਏ͘ͳ͍͔ͬ͢ʁ

  40. K2VFSZͰਏ͍͜ͱɺ7VFʹ͢ΔͱΠΠ͜ͱ ๻͸ਏ͍Ͱ͢ɺɺɺ

  41. K2VFSZͰਏ͍͜ͱɺ7VFʹ͢ΔͱΠΠ͜ͱ Կ͕ਏ͍͔

  42. K2VFSZͰਏ͍͜ͱɺ7VFʹ͢ΔͱΠΠ͜ͱ ঢ়ଶ͕ແ͍ͷͰ෼͔Βͳͯͭ͘Β͍ ཁૉͷ௥Ճɾ࡟আ໋͕ྩత%0.υϦϒϯͰਏ͍ ׯবͯ͠Δ͔ͯ͠ͳ͍͔͕Θ͔ΓͮΒ͍

  43. K2VFSZͰਏ͍͜ͱɺ7VFʹ͢ΔͱΠΠ͜ͱ QBSFOU QBSFOU pOE

  44. K2VFSZͰਏ͍͜ͱɺ7VFʹ͢ΔͱΠΠ͜ͱ  lIPHF QBSFOU QBSFOU QBSFOU pOE I 

  45. K2VFSZͰਏ͍͜ͱɺ7VFʹ͢ΔͱΠΠ͜ͱ Ҿ༻ɾɾɾIUUQTRJJUBDPNZBNBNPUP@IJSPZBJUFNTDECDBDC

  46. K2VFSZͰਏ͍͜ͱɺ7VFʹ͢ΔͱΠΠ͜ͱ Ҿ༻ɾɾɾIUUQTRJJUBDPNZBNBNPUP@IJSPZBJUFNTDECDBDC

  47. K2VFSZͰਏ͍͜ͱɺ7VFʹ͢ΔͱΠΠ͜ͱ K2VFSZͷ%0.ૢ࡞ %0.υϦϒϯ ʢ%0.ͷߏ଄ʹґଘͯ͠Δ෦෼͋Δʣ

  48. K2VFSZͰਏ͍͜ͱɺ7VFʹ͢ΔͱΠΠ͜ͱ K2VFSZͷ%0.ૢ࡞ ໋ྩత

  49. K2VFSZͰਏ͍͜ͱɺ7VFʹ͢ΔͱΠΠ͜ͱ ਏ͍

  50. K2VFSZͰਏ͍͜ͱɺ7VFʹ͢ΔͱΠΠ͜ͱ 7VFʹ͢ΔϝϦοτ

  51. w%FW5PPMͰΞϓϦέʔγϣϯͷঢ়ଶ͕Θ͔Δ wએݴత͔ͭσʔλυϦϒϯ K2VFSZͰਏ͍͜ͱɺ7VFʹ͢ΔͱΠΠ͜ͱ

  52. 7VFͰͷॴײ %FW5PPMͰΞϓϦέʔγϣϯͷঢ়ଶ͕Θ͔Δ

  53. 7VFͰͷॴײ %FW5PPMͰΞϓϦέʔγϣϯͷঢ়ଶ͕Θ͔Δ

  54. 7VFͰͷॴײ %FW5PPMͰΞϓϦέʔγϣϯͷঢ়ଶ͕Θ͔Δ

  55. એݴతϨϯμϦϯά 7VF Ҿ༻ɾɾɾIUUQTWVFYWVFKTPSHKB K2VFSZͰਏ͍͜ͱɺ7VFʹ͢ΔͱΠΠ͜ͱ

  56. ࣮ྫ঺հ

  57. 5IBOLZPVWFSZNVDI9% &OKPZ7VFKT