20181226.pdf

Transcript

1. ٕज़ϒϩάͷ࿩ͱ։ൃޮ཰Խͷ࿩ 
2. ςʔϚ  ٕज़ϒϩάΛॻ͘ϝϦοτ ମݧஊ
    ։ൃޮ཰Խͷ࿩
   
3. ٕज़ϒϩάΛॻ͘ϝϦοτ ମݧஊ
   
4. 2JJUBʹهࣄΛॻ͘Α͏ʹͳͬͯ໿೥
   ͲΜͳ͍͍͜ͱ͕͔͋ͬͨ঺հ͠·͢
   
5. ʮΞ΢τϓοτ͠·͠ΐ͏ʯ͍ͬͯ͏
   ͋Γ͕ͪͳ࿩Ͱ͸ͳ͘
   ମݧஊΛ࿩͠·͢
   
6. ͳٕͥज़ϒϩάͷ࿩ΛબΜ͔ͩʁ
   
   
7. ͳٕͥज़ϒϩάͷ࿩ΛબΜ͔ͩʁ
   ΞυϕϯτΧϨϯμʔͷقઅ͔ͩΒʂ
   
8. ΞυϕϯτΧϨϯμʔ஌ͬͯ·͔͢ʁ
   
9. ΞυϕϯτΧϨϯμʔ
    https://help.qiita.com/ja/articles/qiita-adcal-1#advent-calendar;΅? https://ja.wikipedia.org/wiki/ίϖϦЀϕθϹЀύЄ
10. ΞυϕϯτΧϨϯμʔ
    
11. ໨࣍ w ͲΜͳ͜ͱΛهࣄʹ͍ͯ͠Δ͔
    w ٕज़ϒϩάΛॻ͍ͯΑ͔ͬͨ͜ͱᶃ
    w ٕज़ϒϩάΛॻ͍ͯΑ͔ͬͨ͜ͱᶄ
    w ٕज़ϒϩάΛॻ͍ͯΑ͔ͬͨ͜ͱᶅ
    w ·ͱΊ
    
12. ͲΜͳ͜ͱΛهࣄʹ͍ͯ͠Δ͔ w ։ൃΛ͍ͯ͠ΔதͰղܾ͢Δͷʹ͕͔͔࣌ؒͬͨ͜ͱͷ੔ཧ
    w ৽͍ٕ͠ज़ʹ͞Θͬͨ࣌ͷखॱϝϞ
    w ؾʹͳͬͯͪΐͬͱਂ͘·Ͱௐ΂ͨ͜ͱͷϝϞ
    
    
13. ͲΜͳ͜ͱΛهࣄʹ͍ͯ͠Δ͔ w ։ൃΛ͍ͯ͠ΔதͰղܾ͢Δͷʹ͕͔͔࣌ؒͬͨ͜ͱͷ੔ཧ
    w ৽͍ٕ͠ज़ʹ͞Θͬͨ࣌ͷखॱϝϞ
    w ؾʹͳͬͯͪΐͬͱਂ͘·Ͱௐ΂ͨ͜ͱͷϝϞ
    
    ࣗ෼ͷͨΊʹॻ͍ͯΔ͚ͩ

    
    
    
    
    ͦΕ͕୭͔ͷͨΊʹͳΕ͹خ͍͠ͳ͍ͬͯ͏ఔ౓ͷؾ࣋ͪ
    
14. Α͔ͬͨ͜ͱᶃ
    
15. ٕज़ϒϩάΛॻ͍ͯΑ͔ͬͨ͜ͱᶃ ʮ͍͍Ͷʯͯ͠΋Β͑Δͱخ͍͠
    w ϙδςΟϒͳϑΟʔυόοΫ͔͠དྷͳ͍ͷ͕͍͍
    w ໾ʹཱͬͨਓ͸͍͍Ͷԡͯ͘͠ΕΔ
    w ໾ʹཱͨͳ͔ͬͨਓ͸εϧʔ͢Δ͚ͩ
    w ୭͔ͷ໾ʹཱͬͨͱࢥ͏ͱϞνϕʔγϣϯ্͕͕Δ ݸਓతײ૝
     1昱樌΁1ͺ͚͚΃͢ͺͥ ͥΟ͚΄ఽ憝 懿Ԫහ ͚͚΃හ ϢζϺϼЄහ
16. ٕज़ϒϩάΛॻ͍ͯΑ͔ͬͨ͜ͱᶃ ʮ͍͍Ͷʯͯ͠΋Β͑Δͱخ͍͠
    w Θ͟Θ͓͟ྱͷίϝϯτΛͯ͘͠ΕΔਓ΋͍·ͨ͠ʂ
    
17. Α͔ͬͨ͜ͱᶄ
    
18. 
     ٕज़ϒϩάΛॻ͍ͯΑ͔ͬͨ͜ͱᶄ ίϝϯτ͕͖͔͚ͬͰ͞Βʹৄ͘͠ͳͬͨ
    w ݹΊͷهࣄʹରͯ͠࠷৽൛Ͱ͸ಈ͔ͳ͍ͱࢦఠΛ΋Β͏
    w ࠷৽൛΁ͷରԠํ๏Λௐ΂Δ͖͔͚ͬʹ
19. ٕज़ϒϩάΛॻ͍ͯΑ͔ͬͨ͜ͱᶄ ίϝϯτ͕͖͔͚ͬͰ͞Βʹৄ͘͠ͳͬͨ
    w ৄ͍͠ਓڭ͑ͯͬͯॻ͍ͨΒɺৄ͍͠هࣄΛڭ͑ͯ͘Εͨ
    
20. Α͔ͬͨ͜ͱᶅ
    
21. ٕज़ϒϩάΛॻ͍ͯΑ͔ͬͨ͜ͱᶅ ϥΠϒϥϦͷϝϯςφʔ͔ΒΞυόΠεΛ΋Β͑ͨʂʂ
    
22. ·ͱΊ w ٕज़ϒϩάΛॻ͍ͨΒ͍͍͜ͱ͕ͨ͘͞Μ͋Γ·ͨ͠
    w Έͳ͞Μ΋ॻ͍ͯΈͯ͸͍͔͕Ͱ͠ΐ͏͔
    
23. ։ൃޮ཰Խͷ࿩
    
24. ٕज़બఆʹ͋ͨͬͯ w ϓϥΠϕʔτΛ௵ͯ͠࡞ΔͷͰڵຯ͕͋Δٕज़͚ͩ࢖͍͍ͨ
    w ͭ·Βͳ͍ͱ͜Ζʹ࣌ؒΛඅ΍ͨ͘͠ͳ͍
    
25. ٕज़બఆʹ͋ͨͬͯ w ϓϥΠϕʔτΛ௵ͯ͠࡞ΔͷͰڵຯ͕͋Δٕज़͚ͩ࢖͍͍ͨ
    w 
    ϑϩϯτपΓͷ࠷৽ٕज़Λ͍Ζ͍Ζ࢖͍͍ͨ
    w ͭ·Βͳ͍ͱ͜Ζʹ࣌ؒΛඅ΍ͨ͘͠ͳ͍
    w 
    αʔόཱͯͯͦ͜ʹσϓϩΠͯ͠ͱ͔΍ͬͯΒΕͳ͍

    
    
    
    
    ࣗಈԽ͢Ε͹͍͍͚Ͳͦͷ؀ڥߏங͢Β΍Γͨ͘ͳ͍
    
26. ٕज़બఆʹ͋ͨͬͯ w ϓϥΠϕʔτΛ௵ͯ͠࡞ΔͷͰڵຯ͕͋Δٕज़͚ͩ࢖͍͍ͨ
    w 
    ϑϩϯτपΓͷ࠷৽ٕज़Λ͍Ζ͍Ζ࢖͍͍ͨ
    w ͭ·Βͳ͍ͱ͜Ζʹ࣌ؒΛඅ΍ͨ͘͠ͳ͍
    w 
    αʔόཱͯͯͦ͜ʹσϓϩΠͯ͠ͱ͔΍ͬͯΒΕͳ͍

    
    
    
    
    ࣗಈԽ͢Ε͹͍͍͚Ͳͦͷ؀ڥߏங͢Β΍Γͨ͘ͳ͍
     ࢲͷڵຯ͕͋Δ18"౳ͷ࿩͸աڈʹ͍ͯ͠ΔͷͰ
    ࠓ೔͸ͦ͜ʹूத͢ΔͨΊʹ޻෉ͨ͜͠ͱΛ࿩͠·͢
27. ࢖͍ͬͯΔٕज़
    
28. αʔόʔϨεΞʔΩςΫνϟ
    
29. αʔόʔϨεΞʔΩςΫνϟ
     ͜ͷลͷ࿩
30. αʔόʔϨεΞʔΩςΫνϟ w αʔόཱͯͨΓࢮ׆؂ࢹͱ͔ͨ͘͠ͳ͍
    
31. αʔόʔϨεΞʔΩςΫνϟ w αʔόཱͯͨΓࢮ׆؂ࢹͱ͔ͨ͘͠ͳ͍
 
    αʔόͷ؅ཧ͸"84೚ͤΔ
    
32. αʔόʔϨεΞʔΩςΫνϟ w αʔόཱͯͨΓࢮ׆؂ࢹͱ͔ͨ͘͠ͳ͍
 
    αʔόͷ؅ཧ͸"84೚ͤΔ
    w αʔόαΠυͷίʔυॻ͘ͷΊΜͲ͍͘͞
    
33. αʔόʔϨεΞʔΩςΫνϟ w αʔόཱͯͨΓࢮ׆؂ࢹͱ͔ͨ͘͠ͳ͍
 
    αʔόͷ؅ཧ͸"84೚ͤΔ
    w αʔόαΠυͷίʔυॻ͘ͷΊΜͲ͍͘͞
 
    "84
    -BNCEBͳΒؔ਺Λॻ͍ͯΞοϓϩʔυ͢Δ͚ͩ
    w
    
34. αʔόʔϨεΞʔΩςΫνϟ w αʔόཱͯͨΓࢮ׆؂ࢹͱ͔ͨ͘͠ͳ͍
 
    αʔόͷ؅ཧ͸"84೚ͤΔ
    w αʔόαΠυͷίʔυॻ͘ͷΊΜͲ͍͘͞
 
    "84
    -BNCEBͳΒؔ਺Λॻ͍ͯΞοϓϩʔυ͢Δ͚ͩ
    w ؔ਺ͱґଘϥΠϒϥϦ[JQԽͯ͠ΞοϓϩʔυͳΜͯ΍ͬͯΒΕΜ
     OPEF@NPEVMFTΛखಈΞοϓϩʔυͱ͔ ࠓͲ͖ߟ͑ΒΕͳ͍͋Γ͑ͳ͍
35. αʔόʔϨεΞʔΩςΫνϟ w αʔόཱͯͨΓࢮ׆؂ࢹͱ͔ͨ͘͠ͳ͍
 
    αʔόͷ؅ཧ͸"84೚ͤΔ
    w αʔόαΠυͷίʔυॻ͘ͷΊΜͲ͍͘͞
 
    "84
    -BNCEBͳΒؔ਺Λॻ͍ͯΞοϓϩʔυ͢Δ͚ͩ
    w ؔ਺ͱґଘϥΠϒϥϦ[JQԽͯ͠ΞοϓϩʔυͳΜͯ΍ͬͯΒΕΜ
 
    4FSWFSMFTT'SBNFXPSLͳΒίϚϯυͭͰ׬ྃ
    
36. αʔόʔϨεΞʔΩςΫνϟ w αʔόཱͯͨΓࢮ׆؂ࢹͱ͔ͨ͘͠ͳ͍
 
    αʔόͷ؅ཧ͸"84೚ͤΔ
    w αʔόαΠυͷίʔυॻ͘ͷΊΜͲ͍͘͞
 
    "84
    -BNCEBͳΒؔ਺Λॻ͍ͯΞοϓϩʔυ͢Δ͚ͩ
    w ؔ਺ͱґଘϥΠϒϥϦ[JQԽͯ͠ΞοϓϩʔυͳΜͯ΍ͬͯΒΕΜ
 
    4FSWFSMFTT'SBNFXPSLͳΒίϚϯυͭͰ׬ྃ
     αʔόαΠυ͸ؔ਺Λॻ͍ͯίϚϯυͭୟ͚ͩ͘Ͱ0,ʂ
    ୯ͳΔؔ਺ͳͷͰϩʔΧϧͰ΋ಈ࡞֬ೝՄೳʂ
37. ϗεςΟϯάαʔϏε
    
38. ϗεςΟϯάαʔϏε
     ͜ͷลͷ࿩
39. ϗεςΟϯάαʔϏε લఏ
    w 41"Λӡ༻͢Δ্Ͱͷొ৔ਓ෺
     8FCαʔό "1*αʔό ɠϣ϶γσ͡ΟURL΁ίμψφͭ html/css/jsΨݐ஑ IUNM DTT KT %# ɡ஠ᥝ΁䖕ͮͼ APIςЄϝ΄ϔЄόݐ஑/ๅෛ
40. ϗεςΟϯάαʔϏε લఏ
    w 41"Λӡ༻͢Δ্Ͱͷొ৔ਓ෺
     "1*αʔό IUNM DTT KT %# ɠϣ϶γσ͡ΟURL΁ίμψφͭ html/css/jsΨݐ஑ ɡ஠ᥝ΁䖕ͮͼ APIςЄϝ΄ϔЄόݐ஑/ๅෛ "1*αʔό͸"84
    -BNCEBΛ
    ࢖ͬͯαʔόʔϨεԽ
41. ϗεςΟϯάαʔϏε લఏ
    w 41"Λӡ༻͢Δ্Ͱͷొ৔ਓ෺
     8FCαʔό "1*αʔό IUNM DTT KT %# ɠϣ϶γσ͡ΟURL΁ίμψφͭ html/css/jsΨݐ஑ ɡ஠ᥝ΁䖕ͮͼ APIςЄϝ΄ϔЄόݐ஑/ๅෛ ͬͪ͜͸Ͳ͏͢Δʁʁ
42. ϗεςΟϯάαʔϏε
     w ΍Γ͍ͨ͜ͱ
43. ϗεςΟϯάαʔϏε
     w ΍Γ͍ͨ͜ͱ ɠSPA΄πЄϖΨ䨗ͥ
44. ϗεςΟϯάαʔϏε
     w ΍Γ͍ͨ͜ͱ ɠSPA΄πЄϖΨ䨗ͥ ɡϠϸϖͯΡ IUNM DTT KT
45. ϗεςΟϯάαʔϏε
     w ΍Γ͍ͨ͜ͱ ɠSPA΄πЄϖΨ䨗ͥ ɡϠϸϖͯΡ IUNM DTT KT 8FCαʔό IUNM DTT KT ɢςЄϝ΁ϔϤϺα
46. ϗεςΟϯάαʔϏε
     w ΍Γ͍ͨ͜ͱ ɠSPA΄πЄϖΨ䨗ͥ ɡϠϸϖͯΡ IUNM DTT KT 8FCαʔό IUNM DTT KT ɢςЄϝ΁ϔϤϺα ɣϢήαϸ΁ίμψφ
47. ϗεςΟϯάαʔϏε
     w ΍Γ͍ͨ͜ͱ ɠSPA΄πЄϖΨ䨗ͥ ɡϠϸϖͯΡ IUNM DTT KT 8FCαʔό IUNM DTT KT ɢςЄϝ΁ϔϤϺα ᶃʹ࣌ؒΛඅ΍͍ͨ͠ͷͰ
    ᶄͱᶅͷ͜ͱ͸Կ΋ߟ͑ͨ͘ͳ͍ ɣϢήαϸ΁ίμψφ
48. ϗεςΟϯάαʔϏε
     w ٕज़બఆ
    w ࣗ෼ͰαʔόΛ؅ཧ͢Δͷ͸ݏͩ
    w ੩తϑΝΠϧΛ഑৴Ͱ͖ΔαʔϏεΛ࢖͏
    w ީิ
    w "NB[PO
    4
    w (JUIVC
    1BHFT
    w /FUMJGZ
    w 'JSFCBTF
49. ϗεςΟϯάαʔϏε
     "NB[PO
    4
    w "84ͷετϨʔδαʔϏεͰՄ༻ੑ͕ͱͯ΋ߴ͍
    w ϏϧυσϓϩΠ͸ࣗલͰ༻ҙ
 खಈͰ΍Δ͔ࣗಈԽͷ࢓૊ΈΛߏங͢Δඞཁ͋Γ
 
    ࿦֎ɺෆ࠾༻
50. ϗεςΟϯάαʔϏε
     (JUIVC
    1BHFT
    w (JUIVCϦϙδτϦ಺ͷಛఆσΟϨΫτϦΛ഑৴Ͱ͖ΔαʔϏε
    w ઃఆΛҰߦॻ͚͹ίϚϯυҰൃͰϏϧυσϓϩΠՄೳ
    w ීஈ͔Β࢖͍׳Ε͍ͯͨ
 
    ࠾༻ʂͰ΋͍͍͚Ͳ΋ͬͱָͳͷͳ͍ͷ͔ͳʁ
51. ϗεςΟϯάαʔϏε
     /FUMJGZ
    w ੩తϑΝΠϧΛ഑৴͢ΔαʔϏεͰ+".4UBDL˞ͷߟҊऀ͕૑ઃऀ
    w (JUIVCʹϓογϡ͢Δ͚ͩͰউखʹϏϧυσϓϩΠ͞ΕΔʂ
    w ͔͠΋ϒϥϯν୯ҐϓϧϦΫ୯ҐͰࣗಈσϓϩΠʂ
    w ઃఆొ࿥΋Ұॠ
 
    ศར͗͢Δʂ࠾༻ʂ ※JAM => JavaScript/API/Markup https://jamstack.org/
52. ϗεςΟϯάαʔϏε
     'JSFCBTF
    w N#BB4#BB4ͱݺ͹Ε͍Ζ͍ΖͳαʔϏεΛఏڙ͍ͯ͠Δ
    w ೝূɺ௨஌ɺετϨʔδɺϗεςΟϯάɺ౳ʑ
    w ApSFCBTF
    JOJUAͰ؆୯ʹॳظઃఆ
    w ApSFCBTF
    EFQMPZAͰσϓϩΠ
 
    ศར͚ͩͲ/FUMJGZʹ͸ྼΔ

    
    
    
    ෳ਺؀ڥ༻ҙ͕Ұख͍ؒΔ
53. ϗεςΟϯάαʔϏε
     w /FUMJGZΛ࠾༻ʂ
    w ͲΕ͚ͩศརͳͷ͔ར༻ΠϝʔδΛઆ໌͠·͢ʂ
54. ϗεςΟϯάαʔϏε
     ɠSPA΄πЄϖΨ䨗ͥ devϣ϶Ѐώ masterϣ϶Ѐώ
55. ϗεςΟϯάαʔϏε
     ɠSPA΄πЄϖΨ䨗ͥ devϣ϶Ѐώ masterϣ϶Ѐώ ɡgit push origin dev
56. ϗεςΟϯάαʔϏε
     ɠSPA΄πЄϖΨ䨗ͥ devϣ϶Ѐώ masterϣ϶Ѐώ ɡgit push origin dev https://dev--sample.netlify.com ɢᛔ㵕Ϡϸϖ/ϔϤϺα
57. ϗεςΟϯάαʔϏε
     ɠSPA΄πЄϖΨ䨗ͥ devϣ϶Ѐώ masterϣ϶Ѐώ ɡgit push origin dev https://dev--sample.netlify.com ɢᛔ㵕Ϡϸϖ/ϔϤϺα ɣϤϸϷμ֢౮
58. ϗεςΟϯάαʔϏε
     ɠSPA΄πЄϖΨ䨗ͥ devϣ϶Ѐώ masterϣ϶Ѐώ ɡgit push origin dev https://dev--sample.netlify.com ɢᛔ㵕Ϡϸϖ/ϔϤϺα ɣϤϸϷμ֢౮ https://deploy-preview-1--sample.netlify.com ɤᛔ㵕Ϡϸϖ/ϔϤϺα
59. ϗεςΟϯάαʔϏε
     ɠSPA΄πЄϖΨ䨗ͥ devϣ϶Ѐώ masterϣ϶Ѐώ ɡgit push origin dev https://dev--sample.netlify.com ɢᛔ㵕Ϡϸϖ/ϔϤϺα ɣϤϸϷμ֢౮ https://deploy-preview-1--sample.netlify.com ɤᛔ㵕Ϡϸϖ/ϔϤϺα ɥϫЄυ
60. ϗεςΟϯάαʔϏε
     ɠSPA΄πЄϖΨ䨗ͥ devϣ϶Ѐώ masterϣ϶Ѐώ ɡgit push origin dev https://dev--sample.netlify.com ɢᛔ㵕Ϡϸϖ/ϔϤϺα https://sample.netlify.com ɦᛔ㵕Ϡϸϖ/ϔϤϺα ɣϤϸϷμ֢౮ https://deploy-preview-1--sample.netlify.com ɤᛔ㵕Ϡϸϖ/ϔϤϺα ɥϫЄυ
61. ϗεςΟϯάαʔϏε
     ɠSPA΄πЄϖΨ䨗ͥ devϣ϶Ѐώ masterϣ϶Ѐώ ɡgit push origin dev https://dev--sample.netlify.com ɢᛔ㵕Ϡϸϖ/ϔϤϺα https://sample.netlify.com ɦᛔ㵕Ϡϸϖ/ϔϤϺα ɣϤϸϷμ֢౮ https://deploy-preview-1--sample.netlify.com ɤᛔ㵕Ϡϸϖ/ϔϤϺα ɥϫЄυ ։ൃ؀ڥͱຊ൪؀ڥΛ
    ෼཭Ͱ͖Δ
62. ϗεςΟϯάαʔϏε
     ɠSPA΄πЄϖΨ䨗ͥ devϣ϶Ѐώ masterϣ϶Ѐώ ɡgit push origin dev https://dev--sample.netlify.com ɢᛔ㵕Ϡϸϖ/ϔϤϺα https://sample.netlify.com ɦᛔ㵕Ϡϸϖ/ϔϤϺα ɣϤϸϷμ֢౮ https://deploy-preview-1--sample.netlify.com ɤᛔ㵕Ϡϸϖ/ϔϤϺα ɥϫЄυ ϓϧϦΫͷϨϏϡʔ࣌ʹ ಈ࡞֬ೝͰ͖Δ
63. ϗεςΟϯάαʔϏε
     ɠSPA΄πЄϖΨ䨗ͥ devϣ϶Ѐώ masterϣ϶Ѐώ ɡgit push origin dev https://dev--sample.netlify.com ɢᛔ㵕Ϡϸϖ/ϔϤϺα https://sample.netlify.com ɦᛔ㵕Ϡϸϖ/ϔϤϺα ɣϤϸϷμ֢౮ https://deploy-preview-1--sample.netlify.com ɤᛔ㵕Ϡϸϖ/ϔϤϺα ɥϫЄυ ͜ͷ63-ʹΞΫηε͢Ε͹
 ͦͷ࣌఺ͷίϯςϯπʹ
    ͍ͭͰ΋ΞΫηεͰ͖Δ
64. ϗεςΟϯάαʔϏε
     ɠSPA΄πЄϖΨ䨗ͥ devϣ϶Ѐώ masterϣ϶Ѐώ ɡgit push origin dev https://dev--sample.netlify.com ɢᛔ㵕Ϡϸϖ/ϔϤϺα https://sample.netlify.com ɦᛔ㵕Ϡϸϖ/ϔϤϺα ɣϤϸϷμ֢౮ https://deploy-preview-1--sample.netlify.com ɤᛔ㵕Ϡϸϖ/ϔϤϺα ɥϫЄυ ໘౗ͳઃఆ΋ͳ͘ී௨ʹ։ൃͯ͠Δ͚ͩͰ
    ϏϧυσϓϩΠͰ͖Δͷ͕ͱͯ΋͍͍ʂ
65. ·ͱΊ
     w αʔόͷߏஙӡ༻΍ϏϧυσϓϩΠΛ؆ུԽͰ͖ͨ
    w "84
    -BNCEBΛ࢖ͬͨαʔόʔϨεΞʔΩςΫνϟ
    w /FUMJGZΛ࢖ͬͨ։ൃ؀ڥͷ੔උ
    w 41"΍18"ͷ։ൃʹूதͰ͖͍ͯ·͢ʂ