よりよいコードを書く WordBench 富山 勉強会@富山市 第67回 2016年11月26日(土)

Transcript

1. ΑΓΑ͍ίʔυΛॻ͘ʂ WordBench ෋ࢁ ษڧձ@෋ࢁࢢ ୈ67ճ 11݄26೔(౔)

2. ։ൃͰࠔΔ͜ͱ • ίʔυΛमਖ਼ͨ͠ΒผͷՕॴ͕ಈ͔ͳ͘ͳͬͨ
 ɹ • νʔϜϝϯόʔؒͰίʔυ͕ಡΈͮΒ͍
 • ൒೥લʹॻ͍ͨίʔυʹݟ͕֮͑ͳ͍
 ɹ

3. ։ൃͰࠔΔ͜ͱ • ίʔυΛमਖ਼ͨ͠ΒผͷՕॴ͕ಈ͔ͳ͘ͳͬͨ
 ˠ ߏจΤϥʔΛຒΊࠐΜͰ͠·ͬͨ • νʔϜϝϯόʔؒͰίʔυ͕ಡΈͮΒ͍
 ˠ ॻ͖ํʹΫη͕͋Δ •

   ൒೥લʹॻ͍ͨίʔυʹݟ͕֮͑ͳ͍
 → ίʔσΟϯάͷॻ͖ํ͕༳ΕΔ

4. ։ൃͰࠔΔ͜ͱ • ίʔυΛमਖ਼ͨ͠ΒผͷՕॴ͕ಈ͔ͳ͘ͳͬͨ
 ˠ ߏจΤϥʔΛຒΊࠐΜͰ͠·ͬͨ • νʔϜϝϯόʔؒͰίʔυ͕ಡΈͮΒ͍
 ˠ ॻ͖ํʹΫη͕͋Δ •

   ൒೥લʹॻ͍ͨίʔυʹݟ͕֮͑ͳ͍
 → ίʔσΟϯάͷॻ͖ํ͕༳ΕΔ

5. ࡾ೔ܦͯ͹ଞਓͷίʔυ

6. ࠓ೔ͷ໨త • ίʔσΟϯάΛָ͘͠ • ίʔσΟϯάΛඒ͘͠ • ຊ൪؀ڥΛյ͞ͳ͍

7. ίʔυͷ඼࣭ • ม਺໊ͷ෇͚ํ • ϝιουͷཻ౓ • ςʔϒϧઃܭ • Ϋϥεઃܭ ໊ஶͰ͢ʂ

8. ৭ʑ͋Δ͚ΕͲ ҰேҰ༦ʹ͸ແཧ

9. ແཧ • ଈޮੑ • ೉͍͠ • ઈରతͳ౴͕͑ͳ͍

10. ࠓ೔͸ ઈରʹίʔυͷ ඼࣭͕ྑ͘ͳΔํ๏

11. ੩తίʔυղੳ

12. ੩తίʔυղੳ • ࣮ߦͤͣʹίʔυΛղੳ • πʔϧΛ࢖ͬͯղੳ • IDEʹ૊ΈࠐΈՄೳ

13. ࠓ೔͓఻͑͢Δ੩తίʔυղੳ • ίʔσΟϯάن໿νΣοΫ • PHPߏจΤϥʔνΣοΫ

14. ίʔσΟϯάن໿

15. ίʔσΟϯάن໿ • Πϯσϯτ • λϒɺεϖʔε໰୊ • தׅހͷஔ͖ํ • εϖʔε

16. ԿͷͨΊʹʁ • ΤϥʔΛ๷͙ҝ • ଞͷਓ͕ಡΈ΍͍ͨ͢Ί

17. ͲΜͳײ͡ʁ

18. WordPressͷίʔσΟϯάن໿ • PHP ίʔσΟϯά • ΞΫηγϏϦςΟίʔσΟϯά • CSS ίʔσΟϯά •

    HTML ίʔσΟϯά • JavaScript ίʔσΟϯά https://wpdocs.osdn.jp/WordPress_ίʔσΟϯάن໿

19. PHP ίʔσΟϯά • γϯάϧΫΥʔτͱμϒϧΫΥʔτ • Πϯσϯτ • ϒϨʔε (೾͔ͬ͜) ͷܗࣜ

    • ʮelseifʯΛ࢖͏͜ͱɻʮelse ifʯ͸࢖Θͳ͍

20. ΞΫηγϏϦςΟ • ݟग़͠ͷߏ଄ • ίϯτϩʔϧͷηϚϯςΟΫε • ಈతίϯςϯπ

21. CSS • ߏ଄ • ηϨΫλ • ϓϩύςΟ

22. HTML • ݕূ • ऴྃΛؚΉཁૉ • ଐੑͱλά • ΫΦʔτ •

    Πϯσϯτ

23. https://wpdocs.osdn.jp/WordPress_ίʔσΟϯάن໿

24. ίʔσΟϯάن໿ • ಡΈ΍͢͞ • όά๷ࢭ • νΣοΫ͢Δͷେม

25. ࣗಈԽ

26. ࣗಈԽ • ίʔσΟϯάن໿ʹԊ͍ͬͯΔ͔ࣗಈνΣο Ϋ • PHPͷߏจ͕ਖ਼͍͔͠νΣοΫ • Τϥʔ͕͋Ε͹௨஌͢Δ

27. ੩తղੳπʔϧ • PHP CodeSniffer • PHP Mess Detector

28. PHP CodeSniffer • ίʔυن໿νΣοΫ • ϑϨʔϜϫʔΫ༻ʹ৭ʑ͋Δ • ΤϥʔΛදࣔͯ͘͠ΕΔ • PhpStormͰ΋ಈ͘

29. PHP Mass Detector • PHPͷߏจνΣοΧʔ • Τϥʔ͕͋Δͱڭ͑ͯ͘ΕΔ

30. None

31. ΍ͬͯΈΔ

32. None
33. None
34. None
35. None
36. None
37. None
38. None
39. None
40. None
41. None
42. None
43. None

44. ྑ͘ग़དྷ·ͨ͠ ˕

45. େม…

46. ίʔσΟϯάن໿ͷ͢͢Ί • શ෦΍Δͱେม • ·ͣ͸ॏཁͳ߲໨͔Β • ࢦఠ͞Εͯن໿Λशಘ͍ͯ͘͠

47. ΋ͬͱࣗಈԽ • Gitͱ࿈ܞ͢Δͱָ͍͠Ͱ͢ • ܧଓతΠϯςάϨʔγϣϯʢCIʣ • ςετ΋ྑ͍Ͱ͢ • ػձ͕͋Ε͹Ұॹʹ΍Γ·͠ΐ͏

48. ·ͱΊ • ίʔσΟϯάن໿ΛकΔͱίʔυྑ͘ͳΓ· ͢Α • πʔϧΛ࢖͏ͱྑ͍Ͱ͢Α • ·ͣ͸খ͍͞ͱ͜Ζ͔Β

49. ँࣙɺࢀߟ • http://wp-e.org/2016/07/21/7117/ • https://github.com/sanographix/azusa-colors