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

WordCamp Kansai 2016 スピーカースライド

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 ೔ ։ ؗ
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 Ͱ ͔ ͔ ͳ ͖ Ό ͍ ͚ ͳ ͍ ͷ ʁ
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