ゼロから学ぼう！ブロックエディター（Gutenberg）/ Let's learn Block Editor from scratch！

2019/11/2
WordCamp Tokyo 2019 で発表したスライドです。
https://2019.tokyo.wordcamp.org/session/heart01/

Transcript

1. θϩ͔Βֶ΅͏ʂ
   ϒϩοΫΤσ
   Ολʔ
   ʢ(VUFOCFSHʣ
   ΦϑΟεϑΟϘφονଜ্௚ࢠ
   

   View Slide

2. *OUSPEVDJOH8PSE1SFTT#FCP
   IUUQTZPVUVCFYE$6@@9$L
   

   View Slide

3. ࠓ೔͸͜Ε͔Β
   

   View Slide

4. Կ ڵຯ͸͋Δ͚Ͳ
   ࢖ͬͨ͜ͱ͸
   ͳ͍ʂ
   ϒϩοΫΤσΟλʔ
   (VUFOCFSH
   ͱͲ͏ҧ͏ͷʁ
   

   View Slide

5. ϒϩοΫΤσ
   Ολʔ
   ͱ͸Կ͔ʁ
   

   View Slide

6. ͓఻͑͠·͢ʂ
   

   View Slide

7. ଜ্௚ࢠ
   ࢁޱ
   ϑϦʔϥϯε
   ΢ΣϒαΠτ
   ɾνϥγ
   !VE@pCPOBDDJ
   5XJUUFS
   BZ
   ΞΫηγϏϦςΟ
   

   View Slide

8. 81;PPN61
   8PSE1SFTTͳͲʹؔ͢ΔΦϯϥΠϯษڧձ
   

   View Slide

9. ΋͘͡
   

   View Slide

10. ͱ͸
    ϒϩοΫΤσΟλʔ
    
    ͪΐͬͱศརͳ
    
    ର৅ऀผ
    ϙΠϯτू
    ࢖͍ํ
    ʢσϞʣ
    
    ϒϩοΫΤσ
    Ολʔ
    ৘ใ
    
    ϒϩοΫΤσ
    Ολʔ
    ͷಘํ
    ·ͱΊ
    
    

    View Slide

11. ·ͱΊ
    
    ࢖͍ํ
    ʢσϞʣ
    
    ϒϩοΫΤσ
    Ολʔ
    ͪΐͬͱศརͳ
    
    ର৅ऀผ
    ϙΠϯτू
    ৘ใ
    
    ϒϩοΫΤσ
    Ολʔ
    ͷಘํ
    ͱ͸
    ϒϩοΫΤσΟλʔ
    
    

    View Slide

12. ϒϩοΫΤσΟλʔ
    ͱ͸ʁ
    

    View Slide

13. Ұ୴ɺ಄ΛۭͬΆʹͯ͠
    ͍͍ͨͩͯ
    

    View Slide

14. ۭͬΆʹ
    ͳͬͨʁ
    

    View Slide

15. Ͱ͸
    ͔ΒֶΜͰ͍͖·͠ΐ͏ʂ
    ̌
    

    View Slide

16. 8PSE1SFTT͸όʔδϣϯ͔Β
    େ͖͘มΘΓ·ͨ͠
    
    

    View Slide

17. Կ͕
    มΘͬͨͷʁ
    

    View Slide

18. ͕มΘΓ·ͨ͠
    ΤσΟλʔ
    

    View Slide

19. ΤσΟλʔ
    ͱ͸Կʁ
    

    View Slide

20. ϖʔδͷ಺༰Λ࡞Δ
    ೖྗը໘ͷ͜ͱɻ
    

    View Slide

21. 8PSE1SFTTWFS
    ܥ·Ͱ
    ੲͷΤσΟλʔ
    

    View Slide

22. View Slide

23. ΫϥγοΫΤσΟλʔ
    

    View Slide

24. 8PSE1SFTTWFS
    ܥ͔Β
    ʙ
    

    View Slide

25. View Slide

26. ϒϩοΫΤσΟλʔ
    

    View Slide

27. ࣅͨײ͡ͷ΋ͷ
    %SPQCPY1BQFS
    ૢ࡞ੑ͕ࣅ͍ͯΔαʔϏε
    

    View Slide

28. ͱ͸ʁ
    άʔςϯϕϧΫ
    Gutenberg
    

    View Slide

29. ͱ͍͏ͷ΋ฉ͍ͨ͜ͱ͕͋Δ͚Ͳ
    ͦΕͱ
    ϒϩοΫΤσ
    Ολʔ͸
    ҧ͏ͷʁ
    Gutenberg
    

    View Slide

30. ৽͍͠ΤσΟλʔͷ͜ͱΛ
    ։ൃஈ֊
    Ͱ͸
    ͱݺΜͰ͍ ·ͨ͠
    Gutenberg
    

    View Slide

31. ࠓ͸
    

    View Slide

32. w ଜ্௚ࢠ
    ৽͍͠ΤσΟλʔ
    ϒϩοΫΤσΟλʔ
    (VUFOCFSHʢάʔςϯϕϧΫʣ
    ϓϩδΣΫτͷ໊લ
    

    View Slide

33. ϓϩδΣΫτ
    8PSE1SFTTΛ
    ΋ͬͱ࢖͍΍͘͢
    ͍ͯͨ͘͠ΊͷϓϩδΣΫτ
    Gutenberg
    Gutenberg
    

    View Slide

34. ϝχϡʔɾ
    ΢ΟδΣοτ
    ΤϦΞ
    ̎
    ಉ࣌ฤू
    ̏
    ෳ਺ݴޠ
    ̐
    ϓϩδΣΫτ Gutenberg
    Gutenberg
    ϒϩοΫ
    ΤσΟλʔ
    ̍
    ࡁ
    

    View Slide

35. ͪͳΈʹ
    

    View Slide

36. ΑΓଟ͘ͷਓʹ
    ΑΓ଎͘ΞΠσΞΛ఻͑Δ
    େൃ໌ʂ
    άʔςϯϕϧΫ
    ͞Μ
    ׆൛ҹ࡮
    ੈք
    ࡾେ
    ൃ໌
    ࣸਅɿIUUQTKBXJLJQFEJBPSHXJLJϤϋωεɾάʔςϯϕϧΫ
    Johannes Gensfleisch
    zur Laden zum Gutenberg
    Johannes Gensfleisch
    zur Laden zum Gutenberg
    

    View Slide

37. Ͱ͖ΔΑ͏ʹͳͬͨ͜ͱ
    ΫϥγοΫΤσΟλʔͰ͸Ͱ͖ͳ͔͚ͬͨͲ
    ϒϩοΫΤσΟλʔͰ
    

    View Slide

38. બΓ͙͢Γ
    ̎ͭ
    

    View Slide

39. ෳࡶͳϨΠΞ΢τ͕Ͱ͖Δʂ
    
    ϦονͳίϯςϯπΛ
    ɹɹɹɹɹɹɹ഑ஔͰ͖Δʂ
    
    

    View Slide

40. ෳࡶͳϨΠΞ΢τ͕Ͱ͖Δʂ
    
    w γϣʔτέʔΩ
    w ͍ͪ͝
    w ΞΠγϯάΫοΩʔ
    w δΣϦʔϏʔϯζ
    Menu
    We lobe cookies!
    

    View Slide

41. ෳࡶͳϨΠΞ΢τ͕Ͱ͖Δʂ
    
    w γϣʔτέʔΩ
    w ͍ͪ͝
    w ΞΠγϯάΫοΩʔ
    w δΣϦʔϏʔϯζ
    Menu
    We lobe cookies!
    

    View Slide

42. ෳࡶͳϨΠΞ΢τ͕Ͱ͖Δʂ
    
    w γϣʔτέʔΩ
    w ͍ͪ͝
    w ΞΠγϯάΫοΩʔ
    w δΣϦʔϏʔϯζ
    Menu
    We lobe cookies!
    

    View Slide

43. ෳࡶͳϨΠΞ΢τ͕Ͱ͖Δʂ
    
    w γϣʔτέʔΩ
    w ͍ͪ͝
    w ΞΠγϯάΫοΩʔ
    w δΣϦʔϏʔϯζ
    Menu
    We lobe cookies!
    

    View Slide

44. ෳࡶͳϨΠΞ΢τ͕Ͱ͖Δʂ
    
    w γϣʔτέʔΩ
    w ͍ͪ͝
    w ΞΠγϯάΫοΩʔ
    w δΣϦʔϏʔϯζ
    Menu
    We lobe cookies!
    

    View Slide

45. ϦονͳίϯςϯπΛ഑ஔͰ͖Δʂ
    
    w
    w Ϙλϯ
    ݕࡧ
    ৽ண৘ใ
    

    View Slide

46. ϦονͳίϯςϯπΛ഑ஔͰ͖Δʂ
    
    w
    w
    ৽ண৘ใ
    Ϙλϯ
    ݕࡧ
    

    View Slide

47. ҙٛ
    ϒϩοΫΤσΟλʔग़ݱͷ
    

    View Slide

48. 8PSE1SFTTͷ
    ࢖ΘΕํͷมԽ
    ϙΠϯτ
    

    View Slide

49. ϒϩά
    ΢ΣϒαΠτ
    ࠷ॳ
    ݱࡏ
    8PSE1SFTTͷ࢖ΘΕํ
    )5.-΍$44ͷ
    ஌͕ࣝඞཁ
    ͩͬͨ
    

    View Slide

50. ϒϩοΫΤσΟλʔ
    )5.-΍$44ͳͲͷ
    ಛผͳ஌͕ࣝͳͯ͘΋
    ࣗ෼͕ߟ͑ͨΑ͏ʹ
    ϖʔδͷ಺༰Λ࡞Δ͜ͱ͕Ͱ͖Δ
    

    View Slide

51. Πϝʔδ
    ϒϩοΫΤσΟλʔͰ
    هࣄΛ࡞Δ
    

    View Slide

52. ϒϩοΫ
    մ
    

    View Slide

53. ͓΋ͪΌശͷதʹ͋ΔϒϩοΫ
    

    View Slide

54. ࣗ෼ͷ
    ޷͖ͳΑ͏ʹ
    ૊Έ߹Θͤͯɺ
    ࣗ෼͕
    ࡞Γ͍ͨ΋ͷΛ
    ࡞Δʂ
    

    View Slide

55. ͍ΖΜͳछྨͷ
    ϒϩοΫ
    

    View Slide

56. ஈམ จষ
    ϒϩοΫ
    ʮ૬ରੑཧ࿦ʯͱ໊͚ͮΒΕΔཧ࿦်͕Γ
    ͔͔͍ͬͯΔେࠇப͸͍ΘΏΔ૬ରੑཧ࿦
    Ͱ͢ɻࢲ͸·ͣ૬ରੑݪཧͱ͸ԿͰ͋Δ͔Λ
    ໌Β͔ʹ͓ͯ͜͠͏ͱࢥ͍·͢ɻࢲͨͪ͸ೋ
    ਓͷ෺ཧֶऀΛߟ͑ͯΈ·͠ΐ͏ɻ
    ͜ͷೋਓͷ෺ཧֶऀ͸ͲΜͳ෺ཧثցΛ΋
    ༻ҙ͍ͯ͠·͢ɻ֤ͦͯ͠ʑҰͭͷ࣮ݧࣨΛ
    ΋͍ͬͯ·͢ɻ
    ࠷ॳ͔Β഑ஔͯ͋͠Δ
    ϒϩοΫɻ
    ʮ&OUFSʯΩʔΛ
    ԡͨ͢ͼʹ৽͘͠
    ੜ੒͞ΕΔɻ
    ΫϥγοΫΤσΟλʔͷ
    Α͏ͳվߦ͸
    ʮ4IJGU&OUFSʯ
    Λࢼͯ͠Έͯʂ
    

    View Slide

57. ݟग़͠ϒϩοΫ
    8$5ͷָ͠Έํ
    8PSE$BNQ5PLZPʹΑ͏ͦ͜ʂࠓ೔ͷָ͠Έ͔ͨΛ
    ͝঺հ͠·͢Ͷʂ
    ձ৔ͷ͝Ҋ಺
    ϕϧαʔϧ৽॓άϥϯυ'ίϯϑΝϨϯεηϯλʔ
    ˟ɹ౦ژ౎৽॓۠੢৽॓ɹॅ༑ෆಈ࢈৽
    ॓άϥϯυλϫʔ'
    ؙϊ಺ઢʮ੢৽॓Ӻʯ൪ग़ޱΑΓెา෼ɹɹ+3ɾࢲమ
    ֤ઢʮ৽॓Ӻʯ੢ޱ"ग़ޱΑΓెา෼
    ηογϣϯͷ͝Ҋ಺
    ̐ͭͷ෦԰ʹ෼͔Ε͍ͯ·͢ɻฉ͖͍ͨηογϣϯΛબΜ
    Ͱฉ͍͍ͯͩ͘͞Ͷɻޙ͔ΒಈըΛެ։͠·͢ɻ
    ݟग़͠Λ͚ͭ·͢ɻ
    େݟग़͠ɾதݟग़͠ɾ
    খݟग़͠ʢ))ʣΛ
    ઃఆͰ͖·͢ɻ
    

    View Slide

58. ը૾ϒϩοΫ
    ը૾ΛೖΕ·͢ɻ
    

    View Slide

59. ΧόʔϒϩοΫ
    ը૾ϒϩοΫͷ
    ͍͢͝όʔδϣϯ
    8FMPWFDPPLJFT
    จࣈ΍Ϙλϯ΋
    ೖΕΒΕ·͢ɻ
    0,
    

    View Slide

60. ΧϥϜϒϩοΫ
    ΧϥϜ෼͚ʢॎ෼ׂʣ
    Ͱ͖Δɻ
    ࣗ༝ͳϨΠΞ΢τΛ
    ࡞ΔͨΊʹɺ
    ॏཁͳ໾ׂΛՌͨ͢
    ଞͷϒϩοΫΛ
    ೖΕࢠʹͰ͖Δɻ
    

    View Slide

61. Ҿ༻ϒϩοΫ
    ຒΊࠐΈܥϒϩοΫ
    ϦετϒϩοΫ
    ࣮ࡍʹ͸
    छྨҎ্ʂ
    ϘλϯϒϩοΫ
    8PSE1SFTTͷඪ४Ͱೖ͍ͬͯΔ
    

    View Slide

62. ࣗ༝ͳϨΠΞ΢τ
    

    View Slide

63. µW
    ݟग़͠ϒϩοΫ
    ஈམ จষ
    ϒϩοΫ
    ΧόʔϒϩοΫ
    ը૾
    ϒϩοΫ
    ը૾
    ϒϩοΫ Ϙλϯ
    Ϙλϯ
    

    View Slide

64. ֤ϒϩοΫͷৄࡉઃఆ
    

    View Slide

65. αΠζ
    ৭
    αΠζ
    Ґஔ
    छྨ
    ݟग़͠ϒϩοΫ
    ஈམϒϩοΫ
    ը૾ϒϩοΫ
    ϘλϯϒϩοΫ
    

    View Slide

66. ΤσΟλʔʹ
    ౰ͯ͸ΊͯΈΔ
    

    View Slide

67. View Slide

68. ܥ
    ݟग़͠ ϒϩοΫ
    ஈམ จষ
    ϒϩοΫ
    ը૾
    ϒϩοΫ
    ը૾
    ϒϩοΫ
    Ϙλϯ
    ϒϩοΫ
    Ϙλϯ
    ϒϩοΫ
    ΧόʔϒϩοΫ
    ຒΊࠐΈ
    ϒϩοΫ
    ຒΊࠐΈ
    ϒϩοΫ
    ܥ
    

    View Slide

69. έʔΩͰ͍͏ͱɺϞϯϒϥϯͱ͔βοϋτϧςΈ͍ͨ
    ͳϑϧʔπ͕৐ͬͯͳ͍΍͕ͭ޷͖Ͱ͢ɻ
    0,
    ؁͍΋ͷ͕͖͢
    ߪೖ
    
    :PV5VCF
    

    View Slide

70. ͱ͸
    ϒϩοΫΤσΟλʔ
    
    ͪΐͬͱศརͳ
    
    ର৅ऀผ
    ϙΠϯτू
    ࢖͍ํ
    ʢσϞʣ
    
    ϒϩοΫΤσ
    Ολʔ
    ৘ใ
    
    ϒϩοΫΤσ
    Ολʔ
    ͷಘํ
    ·ͱΊ
    
    

    View Slide

71. ͪΐͬͱศརͳ
    
    ର৅ऀผ
    ϙΠϯτू
    ৘ใ
    
    ϒϩοΫΤσ
    Ολʔ
    ͷಘํ
    ͱ͸
    ϒϩοΫΤσΟλʔ
    
    ·ͱΊ
    
    ࢖͍ํ
    ʢσϞʣ
    
    ϒϩοΫΤσ
    Ολʔ
    

    View Slide

72. ը໘ߏ੒
    ϒϩοΫΤσΟλʔͷ
    

    View Slide

73. ͭͷΤϦΞ
    

    View Slide

74. View Slide

75. πʔϧόʔ
    
    λΠτϧ
    ɾຊจ
    
    ৄࡉઃఆ
    ΠϯεϖΫλʔ
    
    

    View Slide

76. λΠτϧ
    ɾຊจ
    
    

    View Slide

77. هࣄλΠτϧͷ
    ೖྗํ๏
    

    View Slide

78. View Slide

79. ϛχ%FNP
    w λΠτϧͷೖྗ
    w ύʔϚϦϯΫͷ
    ઃఆ
    

    View Slide

80. ຊจʢϒϩοΫʣͷ
    ௥Ճํ๏
    

    View Slide

81. ͭͷํ๏
    [
    ຊ౰͸·ͩ͋Δ͚Ͳ
    ୅දతͳ΋ͷΛ
    ঺հ͠·͢
    ϒϩοΫ௥Ճͷ
    

    View Slide

82. ͦͷ··จষΛೖྗ͢Δ
    
    ࣗಈతʹɹɹɹɹɹʹ
    ஈམϒϩοΫ
    

    View Slide

83. [
    ͦͷ··
    จষΛ
    ೖྗ࢝͠ΊΔ͚ͩʂ
    ஈམϒϩοΫ
    

    View Slide

84. wͦͷ··ೖྗͰ
    ஈམϒϩοΫ
    w&OUFSͰ৽͍͠
    ஈམϒϩοΫੜ੒
    wߦ಄%FMFUFͰ
    લஈམͱ݁߹
    w4IJGU&OUFS
    wଠࣈϦϯΫ
    ϛχ%FNP
    

    View Slide

85. ʰϒϩοΫ௥ՃϘλϯʱͰ
    ϒϩοΫͷछྨΛબͿ
    
    [
    ͍ͨΔͱ͜Ζʹ
    ͋ΔΑ
    

    View Slide

86. εΫϩʔϧͨ͠Β
    ͍ΖΜͳछྨͷ
    ϒϩοΫ͕ग़ͯ͘Δ
    ʰΠϯαʔλʔʱ͕ग़ͯ͘Δ
    

    View Slide

87. w ɹɹϘλϯͰ
    ௥Ճ
    w Πϯαʔλʔ
    w ݕࡧ
    ϛχ%FNP
    

    View Slide

88. ʮʯϒϩοΫ໊
    
    

    View Slide

89. ʮʯΛೖΕͨΒ
    ϒϩοΫͷީิ͕
    ग़ͯ͘Δ
    
    ΩʔϫʔυΛ
    ೖྗ͢Δ͜ͱͰ
    ߜΓࠐΊΔ
    

    View Slide

90. w ʮʯͰ௥Ճ
    w ߜΓࠐΊΔ
    ϛχ%FNP
    w ϒϩοΫͷ
    Ҡಈෳ਺બ୒
    w ෳ੡࡟আ
    

    View Slide

91. πʔϧόʔ
    λΠτϧ
    ɾຊจ
    
    
    ৄࡉઃఆ
    ΠϯεϖΫλʔ
    
    

    View Slide

92. 
    ৄࡉઃఆ
    ΠϯεϖΫλʔ
    
    

    View Slide

93. ͭͷ໾ׂ
    

    View Slide

94. 
    
    ϒϩοΫͷৄࡉઃఆ
    هࣄશମͷৄࡉઃఆ
    

    View Slide

95. 
    
    ϒϩοΫͷৄࡉઃఆ
    هࣄશମͷৄࡉઃఆ
    

    View Slide

96. αΠζ
    Ґஔ
    ʜ
    ը૾ϒϩοΫ
    

    View Slide

97. αΠζ
    Ґஔ
    ը૾
    ϒϩοΫ
    

    View Slide

98. ৄ
    ࡉ
    ઃ
    ఆ
    Ͱ
    ͖
    Δ
    બ୒ঢ়ଶʹ͢Δ
    

    View Slide

99. w ը૾ϒϩοΫͷৄ
    ࡉઃఆ
    w ஈམϒϩοΫͷৄ
    ࡉઃఆ
    ϛχ%FNP
    w ϒϩοΫͷ
    Ҡಈෳ਺બ୒
    w ෳ੡࡟আ
    

    View Slide

100. 
     
     ϒϩοΫͷৄࡉઃఆ
     هࣄશମͷৄࡉઃఆ
     

     View Slide

101. ͜ͷ͋ͨΓΛ
     ֦େ͢Δͱ
     

     View Slide

102. ࣮͸λϒʹͳ͍ͬͯΔɻ
     ʰจॻʱͷํΛબ୒
     

     View Slide

103. ެ։ઃఆ
     ύʔϚϦϯΫ
     ϦϏδϣϯ
     ΞΠΩϟον
     ΧςΰϦʔ
     

     View Slide

104. w ʮจॻʯλϒ
     w ֤छઃఆ
     ϛχ%FNP
     

     View Slide

105. πʔϧόʔ
     λΠτϧ
     ɾຊจ
     
     
     ৄࡉઃఆ
     ΠϯεϖΫλʔ
     
     

     View Slide

106. πʔϧόʔ
     
     

     View Slide

107. ࠨӈͦΕͧΕ
     ݟͯΈΑ͏ʂ
     

     View Slide

108. ·ͣ͸
     ࠨଆ
     

     View Slide

109. ϒϩοΫ௥ՃϘλϯ
     

     View Slide

110. ݩʹ໭͢ɾ΍Γ௚͢Ϙλϯ
     ࡞ۀΛ
     
     

     View Slide

111. ίϯςϯπߏ଄
     ΫϦοΫ͢Δͱ
     ͦͷ৔ॴʹ
     δϟϯϓ͢Δ
     

     View Slide

112. ίϯςϯπߏ଄
     ΫϦοΫ͢Δͱ
     ͦͷ৔ॴʹ
     δϟϯϓ͢Δ
     

     View Slide

113. ϒϩοΫφϏήʔγϣϯ
     

     View Slide

114. ϒϩοΫφϏήʔγϣϯ
     

     View Slide

115. ϛχ%FNP
     ίϯςϯπߏ଄
     ϒϩοΫ
     φϏήʔγϣϯ
     w ؒҧ͍ͷࢦఠ
     w ݟग़͠δϟϯϓ
     w ϒϩοΫม׵
     w ϨϕϧʹԠ͡
     ͨදࣔ
     w ೖΕࢠͷ௫Έํ
     

     View Slide

116. ࣍͸
     ӈଆ
     

     View Slide

117. View Slide

118. View Slide

119. View Slide

120. ઃఆϘλϯ
     ৄࡉઃఆΤϦΞΛදࣔ͠·͢
     
     

     View Slide

121. πʔϧͱઃఆΛ͞Βʹදࣔ
     

     View Slide

122. Πϯαʔλʔͷ
     ϒϩοΫͷදࣔ਺ΛݮΒ͢
     ΩʔϘʔυγϣʔτΧοτ
     ͢΂ͯͷίϯςϯπΛίϐʔ
     ϒϩοΫϚωʔδϟʔ
     γϣʔτΧοτҰཡͷදࣔ
     

     View Slide

123. w ʮઃఆʯ
     ΤϦΞ
     w ʮɹʯදࣔ
     ϛχ%FNP
     

     View Slide

124. σϞ
     

     View Slide

125. View Slide

126. ΋͘͡
     ͱ͸
     ϒϩοΫΤσΟλʔ
     
     ͪΐͬͱศརͳ
     
     ର৅ऀผ
     ϙΠϯτू
     ࢖͍ํ
     ʢσϞʣ
     
     ϒϩοΫΤσ
     Ολʔ
     ৘ใ
     
     ϒϩοΫΤσ
     Ολʔ
     ͷಘํ
     ·ͱΊ
     
     

     View Slide

127. ͱ͸
     ϒϩοΫΤσΟλʔ
     
     ·ͱΊ
     
     ࢖͍ํ
     ʢσϞʣ
     
     ϒϩοΫΤσ
     Ολʔ
     ৘ใ
     
     ϒϩοΫΤσ
     Ολʔ
     ͷಘํ
     ΋͘͡
     ͪΐͬͱศརͳ
     
     ର৅ऀผ
     ϙΠϯτू
     

     View Slide

128. ศ্ٓɺର৅ऀΛ
     ͬ͘͟Γ෼͚ͯ
     Έ·ͨ͠ɻ
     

     View Slide

129. શͯͷํ΁
     ͪΐͬͱศརͳϙΠϯτू
     

     View Slide

130. શͯͷํ΁
     ࠶ར༻ϒϩοΫ
     ɹಉ͡΋ͷͷ࠶ར༻
     ɹࣅͨ΋ͷͷ਽ܗͱͯ͠
     w ௨ৗϒϩοΫʹ໭͢
     

     View Slide

131. w ࠶ར༻
     ϒϩοΫͷ࡞੒
     w Ϛελʔͷ
     ॻ͖׵͑
     w ௨ৗϒϩοΫʹ
     ໭͢
     ϛχ%FNP
     

     View Slide

132. ΫϥγοΫΤσΟλʔ͕࿀͍͠ํ΁
     ͪΐͬͱศརͳϙΠϯτू
     

     View Slide

133. ΫϥγοΫΤσ
     Ολʔ͕࿀͍͠ํ΁
     ʰΫϥγοΫΤσΟλʔʱͱ͍͏ϒϩοΫ͕͋Δʂ
     ͦͷϒϩοΫͷத͚ͩ
     ΫϥγοΫΤσ
     Ολʔͱಉ͡ૢ࡞ੑʂ
     
     

     View Slide

134. هࣄ͝ͱʹɺ৽چΤσΟλʔͷ࢖͍෼͚͕Ͱ͖Δ
     
     ϓϥάΠϯʰ$MBTTJD&EJUPSʱ
     ؅ཧը໘ઃఆ౤ߘઃఆ
     ΫϥγοΫΤσ
     Ολʔ͕࿀͍͠ํ΁
     

     View Slide

135. ϒϩΨʔ͞Μ΁
     ͪΐͬͱศརͳϙΠϯτू
     

     View Slide

136. ೖΕ͍ͨίϯςϯπ͸
     ϒϩοΫΛબΜͰೖΕΔ͚ͩʂ
     ϒϩΨʔ͞Μ΁
     ̎
     εϚϗ͔Β౤ߘ
     ͠΍͍͢
     

     View Slide

137. w ϒϩοΫͷ
     ೖྗ৘ใ
     w ৄࡉઃఆը໘ͷ
     දࣔඇදࣔ
     ϛχ%FNP
     

     View Slide

138. )5.-ɾ$44ɾϚʔΫμ΢ϯ
     ͕࢖͑Δํ΁
     ͪΐͬͱศརͳϙΠϯτू
     

     View Slide

139. ɹ$44ͷΫϥεɺ)5.-ΞϯΧʔΛઃఆͰ͖Δ
     ɹҰ෦ͷϚʔΫμ΢ϯ͕࢖͑Δ
     ɹ෦෼తʹ)5.-͕࢖͑ΔʢϒϩοΫͷ)5.-ฤूʣ
     )5.-ɾ$44ɾϚʔΫμ΢ϯ͕࢖͑Δํ΁
     

     View Slide

140. ϒϩοΫΤσ
     ΟλʔΛ
     ΋ͬͱศརͳϙΠϯτू
     ΋ͬͱָ͠Έ͍ͨਓ
     

     View Slide

141. ϒϩοΫϥΠϒϥϦ
     ʢ௨শʣ
     ϒϩοΫςϯϓϨʔτ
     ʢ௨শʣ
     ௐ΂ͯ
     ΈͯͶʂ
     ϒϩοΫΤσΟλʔ͸
     ϓϥάΠϯʹΑΓػೳΛॆ࣮Ͱ͖Δ
     

     View Slide

142. ͪΐͬͱศརͳ
     
     ର৅ऀผ
     ϙΠϯτू
     ৘ใ
     
     ϒϩοΫΤσ
     Ολʔ
     ͷಘํ
     ͱ͸
     ϒϩοΫΤσΟλʔ
     
     ·ͱΊ
     
     ࢖͍ํ
     ʢσϞʣ
     
     ϒϩοΫΤσ
     Ολʔ
     ΋͘͡
     

     View Slide

143. ࢖͍ํ
     ʢσϞʣ
     
     ϒϩοΫΤσ
     Ολʔ
     ͪΐͬͱศརͳ
     
     ର৅ऀผ
     ϙΠϯτू
     ͱ͸
     ϒϩοΫΤσΟλʔ
     
     ·ͱΊ
     
     ΋͘͡
     ৘ใ
     
     ϒϩοΫΤσ
     Ολʔ
     ͷಘํ
     

     View Slide

144. 8PSE1SFTTPSHαϙʔτϑΥʔϥϜ
     
     8PSE1SFTTެࣜͷ
     αϙʔτϑΥʔϥϜͰ
     ࣭໰Ͱ͖·͢ɻ
     ˞ϘϥϯςΟΞ
     https://ja.wordpress.org/support/forums/
     

     View Slide

145. 8PSE1SFTT.FFUVQ
     
     https://wp-meetup-map.netlify.com
     8PSE1SFTTϢʔβʔͷί
     ϛϡχςΟɾษڧձ
     શࠃ֤஍ʹ͋Δɻ
     81ͷ؅ཧը໘ʹ
     ͓ۙ͘ͷ.FFUVQͷ৘ใ
     ͕දࣔ͞Ε͍ͯΔ
     https://www.meetup.com/ja-JP/topics/wordpress/jp/
     

     View Slide

146. 8PSE$BNQ
     
     https://japan.wordcamp.org/
     8PSE$BNQ5PLZP
     
     
     
     
     8PSE$BNQ/JJHBUB
     8PSE$BNQ)BOFEB
     

     View Slide

147. 8PSE1SFTTUW
     
     աڈͷ8PSE$BNQͷ
     ηογϣϯͷಈը΍
     νϡʔτϦΞϧΛ
     ΞʔΧΠϒ͍ͯ͠·͢ɻ
     

     View Slide

148. ͪΐͬͱศརͳ
     
     ର৅ऀผ
     ϙΠϯτू
     ৘ใ
     
     ϒϩοΫΤσ
     Ολʔ
     ͷಘํ
     ͱ͸
     ϒϩοΫΤσΟλʔ
     
     ·ͱΊ
     
     ࢖͍ํ
     ʢσϞʣ
     
     ϒϩοΫΤσ
     Ολʔ
     

     View Slide

149. ৘ใ
     
     ϒϩοΫΤσ
     Ολʔ
     ͷಘํ
     ࢖͍ํ
     ʢσϞʣ
     
     ϒϩοΫΤσ
     Ολʔ
     ͪΐͬͱศརͳ
     
     ର৅ऀผ
     ϙΠϯτू
     ͱ͸
     ϒϩοΫΤσΟλʔ
     
     ΋͘͡
     ·ͱΊ
     
     

     View Slide

150. ͜Ε͚ͩ͸
     

     View Slide

151. ࢖ͬͯΈͨΒ
     ͖ͬͱ
     ָ͍͠ʂ
     

     View Slide

152. ΦϑΟεϑΟϘφον
     ଜ্௚ࢠ
     OBPLPNVSBLBNJVEG
     VE@pCPOBDDJ
     ͋Γ͕ͱ͏
     ͍͟͝·ͨ͠
     

     View Slide