Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

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

71df00d33db0f62cde8fbaa6229d0dc3?s=128

nukaga

July 10, 2016
Tweet

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. 5IBOLZPV 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