デザイナーが WP-API を使う意味-男木島図書館のスマートフォンアプリ制作から学んだWordPressのこれから

Transcript

1. σβΠφʔ͕
   81"1*
   Λ࢖͏ҙຯ
   Wo rd C a m p K a n

   s a i 2 0 1 6 J u n k o N u k a g a உ໦ౡਤॻؗͷεϚʔτϑΥϯΞϓϦ੍࡞͔ΒֶΜͩ
   8PSE1SFTTͷl͜Ε͔Βz

2. – TA K AY U K I M I Y

   O S H I “ΈΜͳಉ͡ເΛԿ౓΋ݟΔΜͩ”

3. ຊ ೔ ͷ Ξ δΣ ϯ μ • ࣗݾ঺հ •

   உ໦ౡʹ͍ͭͯ • உ໦ౡਤॻؗʹ͍ͭͯ • WP-REST-API (உ໦ౡਤॻؗεϚʔτϑΥϯΞϓϦ) • WP-REST-API Ͱͷ͜Ε͔Β

4. ϑϦʔϥϯεͷWebσβΠφʔ WordCamp Osaka 2012 ෭࣮ߦҕһ௕ WordCamp Kansai 2014 ࣮ߦҕһ௕ σδλϧΩϡʔϒ

   νʔϜΊ૊ 2014೥உ໦ౡ΁Ҡॅɻ
 NPO๏ਓஉ໦ౡਤॻؗɹཧࣄ௕ Twitter @nukaga FB nukagajunko ֹ լ ॱ ࢠ ͬͯͲ Μ ͳ ਓ ʁ

5. ͍͖ͳΓͷ༨ஊͰ͕͢ɺ͜ͷొ͍ͬͯΔੴɻ ఻આ͕͋Γ·͢ɻ Photo by. Takashi Fumimoto

6. ί ϛ ϡχςΟɺ ຋ ༁ ɺ ς ʔϚ ࡞ ੒

   ɺ ͳ Ͳ ɻ h t t p s : / / p ro f i l e s . w o rd p re s s . o rg / n u k a g a / Wo rd P re s s ʹ ؔ ͯ͠ ͸

7. உ ໦ ౡ ߳ ઒ ݝ ߴ দ ࢢ ਓ

   ޱ 1 7 5 ਓ

8. உ ໦ ౡ ͜ ͜ https://openstreetmap.jp
   ΑΓ Ԭࢁ ߳઒

9. ਓޱ͸ਓ͚ͩͲழ͸ඖʁೣ͸ඖʁ
   ࠷ۙ͸ʮೣౡʯͱͯ͠औΓ͋͛ΒΕΔ͜ͱ΋͋Δ͕
   ౡͰ͸ೣʹࠔ͍ͬͯΔਓ΋ଟ͍ɻ
   ੉ށ಺ࠃࡍܳज़ࡇͷ෣୆ͷҰͭɻ
   ݹຽՈ͕ଓ͘খಓɺւ͕ݟ͑Δࡔɺ
   ͳΜ͔ͩջ͔͍͠ؾ࣋ͪʹͳΔૉఢͳౡɻ உ໦ౡ ͬͯͲΜͳౡʁ ೣౡͱ͸ݺ͹ͳ͍Ͱ ౡຽ͔Βͷؾ࣋ͪ

10. – ੉ ށ ಺ ࠃ ࡍ ܳ ज़ ࡇ “ւͷ෮ݖ”

11. 2 0 1 3 ೥ 1 0 ݄ ɺ Ҡ

    ॅ ऀ 3 ੈ ଳ Λ த ৺ ʹ ֶ ߍ ࠶ ։ Λ ٻ Ί Δ ཁ ๬ ॻ ͱ ̕ ̌ ̌ ໊ Ҏ ্ ͷ ॺ ໊ Λ ߴ দ ࢢ ʹ ఏ ग़ ɻ େ ੢ ल ਓ ࢢ ௕ ͕ ड ͚ औ Γ ɺ ͦ ͷ ޙ ߴ দ ࢢ ڭ ҭ ҕ һ ձ ͷ ఆ ྫ ձ ʹ ͯɺ ਖ਼ ࣜ ʹ உ ໦ খதֶߍͷ࠶։͕ܾఆɻ உ ໦ খ த ֶ ߍ ࠶ ։

12. ౡ ʹ ਤ ॻ ؗ Λ ૑ Γ ͨ ͍

13. ݹ ຽ Ո ʁ ഇ ԰ ʁ

14. · ͣ ͸ Ҡ ಈ ਤ ॻ ؗ ͔ Β

15. η ϧϑ Ϗ ϧ υ Ͱ ਤ ॻ ؗ ࡞

    Γ

16. 2 0 1 6 ೥ 2 ݄ 1 4 ೔

    ։ ؗ
17. None

18. ੢ ઒ ͞ Μ Ո ଒ Ҡ ॅ Wo rd

    C a m p ౦ ژ ɺ Wo rd C a m p ؔ ੢ ࣮ ߦ ҕ һ ௕ ͕ ॅ Ή Ṗ ͷ ౡ ʹ

19. WordPress Friend WordBench உ໦ౡ

20. Wo rd B e n c h உ ໦ ౡ

    Ն ߹ ॓ ਃ ͠ ࠐ Έ ͸ 7 ݄ 1 1 ೔ · Ͱ

21. A m a z o n w i s h

    Ϧε τ ʹ ͯ ཉ ͠ ͍ ຊ ʢ உ ໦ ౡ ਤ ॻ ؗ ཉ ͠ ͍ ຊ Ϧε τ ʣ

22. 2 2 7 8 L i k e

23. உ ໦ ౡ ਤ ॻ ؗ ެ ࣜ α Π

    τ 
 h t t p : / / o g i j i m a - l i b r a r y. o r. j p

24. Wo rd P re s s ͷ ς ʔ Ϛ

    ͸ P H P Ͱ ͔ ͔ ͳ ͖ Ό ͍ ͚ ͳ ͍ ͷ ʁ
25. None

26. W P

27. R E S T Representational State Transfer ௨৴ํ๏ͷ࢓༷ͷҰͭ

28. A P I API͸ɺΞϓϦέʔγϣϯ ͔Βར༻Ͱ͖ΔɺΦϖϨʔ ςΟϯάγεςϜ΍ϓϩά ϥϛϯάݴޠͰ༻ҙ͞Εͨ ϥΠϒϥϦͳͲͷػೳͷೖ ΓޱͱͳΔ΋ͷͰ͋Δɻ wikipedia

    ΑΓ

29. A P I ࢖ ༻ ྫ ຬைʗׯைͷ৘ใΛWebαΠτʹද͍ࣔͨ͠ ຬைʗׯைͷ৘ใΛఏڙ͍ͯ͠Δਓ͕͍Δ ͦͷ৘ใΛ࢖Θͤͯ΋ΒͬͯWebαΠτʹදࣔ͢Δ ϓϥάΠϯΛ࡞Δ

    API

30. W P − R E S T- A P I

    Λ ࢖ ͏ ͱ ຬைʗׯைͷ৘ใΛఏڙ͍ͯ͠Δਓ͕͍Δ ྫ WordPressΛ࢖ͬͯͬͪ͜ଆʹͳΕΔ

31. உ ໦ ౡ ਤ ॻ ؗ 
 ε Ϛʔ τϑ

    Υϯ 
 Ξ ϓ Ϧ

32. ͋ Δ ೔ ɺ ౦ ͔ Β ཱྀ ਓ དྷ

    ͨ Γ ͯ ޱ Λ ։ ͘ ɻ ʮ ೊ Α ɺ ε Ϛʔ τϑ Υϯ Ξ ϓ Ϧ Λ ૑ Γ څ ͑ ɻ ʯ ཱྀ ਓ ɹ TA K AY U K I M I YA U C H I

33. உ ໦ ౡ ਤ ॻ ؗ ެ ࣜ α Π

    τ 
 h t t p : / / o g i j i m a - l i b r a r y. o r. j p

34. Wo rd P re s s R E S T

    A P I 
 h t t p s : / / w o rd p re s s . o rg / p l u g i n s / re s t - a p i /

35. W P R E S T A P I ϓ

    ϥ άΠ ϯ Λ Π ϯε τ ʔϧ ͯ͠ ༗ ޮ Խ

36. i o n i c h t t p :

    / / i o n i c f r a m e w o r k . c o m /

37. m i y a 0 0 0 1 / w

    p - a n g u l a r j s h t t p s : / / g i t h u b . c o m / m i y a 0 0 0 1 / w p - a n g u l a r j s

38. G i t h u b h t t p

    s : / / g i t h u b . c o m / o g i j i m a - l i b r a r y

39. ε Ϛʔ τϑ Υϯ Ξ ϓ Ϧ ʹ ײ ͡

    ͨ ϝ Ϧ ο τ • Ұ౓ΞΫηεͨ͠Βճઢ͕ແͯ͘΋৘ใ͕ݟΕΔ • WebαΠτͷத͔Β୳ͣ͞ʹΞΫηεͰ͖Δ • ͓஌ΒͤΛߴ͍֬౓ͰϢʔβʔʹ఻͑Δ͜ͱ͕Ͱ͖Δ

40. W P - R E S T- A P I

    Ͱ Ͱ ͖ Δ ͜ ͱ • σβΠφʔ͕PHPΛ֮͑ͳͯ͘΋ྑ͍ • όοΫΤϯυͱϑϩϯτΤϯυͷ׬શ෼ۀ͕Մೳ

41. ࠓ · Ͱ ΋ … WordPressΛόοΫάϥϯυͱͯ͠αΠτ΍ΞϓϦΛߏ ங͢Δͱ͍͏͜ͱ͸͋ͬͨ

42. ध ཁ ͱ ͯ͠ WordPressͷ౤ߘը໘͸࢖͍΍͍͢ γΣΞ͕ߴ͘Ϣʔβʔͱͷ਌࿨ੑ͕ߴ͍

43. W P - R E S T- A P I

    ͷ ࠓ ޙ WordPress 4.4 ΑΓҰ෦ػೳ͕ίΞʹಋೖ →Ͱ΋৭ʑ࢖͏ͳΒ·ͩϓϥάΠϯΛ࢖ͬͯͶ

44. W P - R E S T- A P I

    G i t h u b

45. F e a t u re P l u g

    i n s Tr a c k i n g

46. Wo rd P re s s 4 . 7 ͔

    Β ί Ξ ʹ ࣮ ૷ ༧ ఆ

47. Կ ͕ ى ͜ Δ ͔ ΞϓϦ΍WebαΠτͷόοΫάϥ΢ϯυͱͯ͠ͷ׆༻͕ ࠓ·ͰΑΓ΋ͬͱ਎ۙʹͳΔ σβΠφʔͷϫʔΫϑϩʔ͕มΘΔ

48. هࣄΛೖΕΔਓ σβΠφʔ όοΫΤϯυ ׬શ෼ۀ

49. ࠷ ۙ ͷ ͓ ࢓ ࣄ ϫ ʔ Ϋ ϑ

    ϩ ʔ ɹ ͦ ͷ 1 ϫΠϠʔϑϨʔϜ σβΠϯΧϯϓ ίʔσΟϯά WordPress૊ΈࠐΈ ΢ Υ ʔ λ ʔ ϑ Υ ʔϧ ܕ

50. ࠷ ۙ ͷ ͓ ࢓ ࣄ ϫ ʔ Ϋ ϑ

    ϩ ʔ ɹ ͦ ͷ 2 ! ϑϨʔϜϫʔΫΛࢦఆ͞ΕͯɺͦΕʹ͋ΘͤͯσβΠϯ Χϯϓ B o o t s t r a p ࢖ ͏ ͔ Β ͦ Ε ʹ ͋ Θ ͤ ͯ σ βΠ ϯ

51. ࠷ ۙ ͷ ͓ ࢓ ࣄ ϫ ʔ Ϋ ϑ

    ϩ ʔ ɹ ͦ ͷ 3 ςʔϚΛબΜͰ΋Βͬͯ ࢠςʔϚΛ࢖ͬͯ Φϯϒϥ΢βσβΠϯ

52. σόΠε͕૿͍͑͗ͯ͢Δ ϨεϙϯγϒσβΠϯ RetinaରԠ ΞΫηγϏϦςΟ
 UX ैདྷͷ΍ΓํͰ͍ͭ·Ͱ͍͚Δʁ

53. Wo rd P re s s × A P I

    ϫ ʔ Ϋ ϑ ϩ ʔ Λ ม ͑Δ ͜ ͱ ͕ Ͱ ͖ Δ ࢓ ૊ Έ WordPress ͷςʔϚʢviewʣΛ࡞ΔͷʹPHPΛ͔͔ͳͯ͘΋ྑ͍ εϚʔτϑΥϯΞϓϦͳͲͷόοΫΤϯυͱͯ͠ͷWordPress ଞͷϑϨʔϜϫʔΫͱͷ࿈ܞ͕؆୯ʹ

54. – A N T O I N E D E

    S A I N T- E X U P É RY “͓ͱͳͩͬͯɺ͸͡Ί͸ΈΜͳࢠͲ΋ͩͬͨ”

55. 5IBOL
    ZPV Ta k a y u k i M i

    y a u c h i Ta k a y u k i M i y o s h i H i d e t a k a O k a m o t o S h i n i c h i N i s h i k a w a