超初級（ローカル環境の説明）@WordBenchKobe #63

なぜWordPressのローカル環境作ると便利なのか？＆web / WordPressが表示される仕組みを簡単にまとめてみました。
仕組みの動画は↓で
https://www.youtube.com/watch?v=F-XBxW1sygk

Transcript

1. ௒ॳڃ

   ʢϩʔΧϧ؀ڥͷઆ໌ʣ
   WordBench Kobe #63
   2017.03.25
   

   View Slide

2. Atsushi Ando

   ͋ΜͲ͏͋ͭ͠
   DTP/web Design
   Engineer
   ArtDirector
   twitter : @Next_Season
   github : @AtsushiA
   web : next-season.net
   I love 
   

   View Slide

3. Community

   &etc…

   .0%9ͷ೔

   8PSE#FODI,PCF

   +"846(,PCF
   DPODSFUFΤόϯδΣϦετ
   

   View Slide

4. ࠷ۙͷΦϨ
   Keynote
   MODX
   Concrete5
   WordPress
   AWS
   Photography
   PhotoShop
   Illustrator
   

   View Slide

5. ࠷ۙͷΦϨ
   Keynote
   MODX
   Concrete5
   WordPress
   AWS
   Photography
   PhotoShop
   Illustrator
   Not a
   programmer
   

   View Slide

6. View Slide

7. ෼ؒΠϯετʔϧ
   8FCαʔόʔ
   ʴ
   1)1
   ʴ
   σʔλϕʔε .Z42-
   
   

   View Slide

8. ෼ؒΠϯετʔϧ
   8FCαʔόʔ
   ʴ
   1)1
   ʴ
   σʔλϕʔε .Z42-
   
   ׳ΕΕ͹͙͢
   w w
   

   View Slide

9. Կ͕ඞཁʁ
   http://ja.wordpress.org/ΑΓ
   

   View Slide

10. Կ͕ඞཁʁ
    http://ja.wordpress.org/ΑΓ
    

    View Slide

11. ͦͷલʹɾɾɾ
    

    View Slide

12. 8FC͕දࣔ͞ΕΔ࢓૊Έ
    WebϖʔδΛݟ͍ͨ
    html΍ը૾
    

    View Slide

13. 8&Cαʔόʔͷத਎
    DBʢσʔλϕʔεʣ
    php
    httpαʔόʔ
    ※ҰൠతͳWebαʔόʔͷ৔߹
    

    View Slide

14. ੩తαΠτ

    ʢIUNM DTT +4ͷΈͰߏ੒͞Ε͍ͯΔ৔߹ʣ
    

    View Slide

15. QIQ %#͸ඞཁͳ͍ҝɺجຊతʹ͸8FCαʔό͸
    ແͯ͘΋ࣗ෼ͷύιίϯ͚ͩͰදࣔՄೳ
    w w w w
    WebϖʔδΛݟ͍ͨ
    html΍ը૾
    DB
    php
    httpαʔόʔ
    

    View Slide

16. 8PSE1SFTT౳ಈతͳαΠτ
    

    View Slide

17. QIQ %#͕ݟ͑ͳ͍ͱ͜ΖͰؤு͍ͬͯ·͢ɻ
    DB
    php
    httpαʔόʔ
    WebϖʔδΛݟ͍ͨ
    html΍ը૾
    

    View Slide

18. 8PSE1SFTT౳ಈతͳαΠτ
    WebϖʔδΛද͍ࣔͨ͠
    php͔Βཁٻͷ৘ใΛ

    ಡΈग़͠ɾॻ͖ࠐΈ
    ςʔϚ΍ػೳʹج͍ͮͯ
    DB΁ΞΫηε ςʔϚ΍ػೳʹج͍ͮͯ
    htmlΛ૊ཱͯΔ
    html΍ը૾౳Λ

    ΫϥΠΞϯτʹૹ৴
    

    View Slide

19. ࠓճ͸ͳͥࣗ෼ͷύιίϯʹ
    w w w w w w w
    8PSE1SFTTΛ
    ΠϯετʔΔ͢Δͷ͔ʁ
    

    View Slide

20. αʔόΛआΓΕ͹ָʂʁ
    

    View Slide

21. ͓͕͔͔ۚΔ͔Βʂ
    ͱ͍͏༁Ͱ͸͋Γ·ͤΜɻ
    αʔόΛआΓΕ͹ָʂʁ
    

    View Slide

22. ྫ͑͹ɾɾɾ
    

    View Slide

23. ྫ͑͹ɾɾɾ
    

    View Slide

24. ֎෦ͷαʔόʔʹઃஔ͢Δͱɺجຊతʹ
    ୭͔ΒͰ΋ΞΫηεͰ͖Δҝɺ
    ߏஙத/ެ։ޙʹؔΘΒͣɺ
    ͖ͪΜͱ؅ཧ͢Δඞཁ͕͋Δɻ
    w w w w
    ྫ͑͹ɾɾɾ
    

    View Slide

25. ͳͷͰ
    DBʢσʔλϕʔεʣ
    php
    httpαʔόʔ
    ϩʔΧϧʹ؀ڥΛ࡞ͬͯ
    ͦ͜ʹWordPressΛೖΕΔʂ
    

    View Slide

26. ϩʔΧϧ؀ڥ
    w 7JSUVBM#PY౳ͷԾ૝؀ڥ

    7$$8 8PDLFS '-:8)&&-
    
    w .".1ʢओʹ.BDʣ
    w 9".11ʢ8JOEPXTʣ
    

    View Slide

27. গ͠࠷ۙͷτϨϯυʢࢀߟʣ
    

    View Slide

28. গ͠࠷ۙͷτϨϯυʢࢀߟʣ
    XJOEPXT΋࢖͑Δ
    Α͏ʹͳΓ·ͨ͠ʂ
    

    View Slide

29. XPSLFS
    IBOETPO
    TUBSU
    

    View Slide

30. ྑ͍ -JGFΛ
    

    View Slide

31. Thank
    youɹ: )
    

    View Slide