Slide 1
Slide 1 text
σβΠφʔ͕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
Slide 2
Slide 2 text
– TA K AY U K I M I Y O S H I
“ΈΜͳಉ͡ເΛԿݟΔΜͩ”
Slide 3
Slide 3 text
ຊ ͷ Ξ δΣ ϯ μ
• ࣗݾհ
• உౡʹ͍ͭͯ
• உౡਤॻؗʹ͍ͭͯ
• WP-REST-API (உౡਤॻؗεϚʔτϑΥϯΞϓϦ)
• WP-REST-API Ͱͷ͜Ε͔Β
Slide 4
Slide 4 text
ϑϦʔϥϯεͷWebσβΠφʔ
WordCamp Osaka 2012 ෭࣮ߦҕһ
WordCamp Kansai 2014 ࣮ߦҕһ
σδλϧΩϡʔϒ νʔϜΊ
2014உౡҠॅɻ
NPO๏ਓஉౡਤॻؗɹཧࣄ
Twitter @nukaga FB nukagajunko
ֹ լ ॱ ࢠ ͬͯͲ Μ ͳ ਓ ʁ
Slide 5
Slide 5 text
͍͖ͳΓͷ༨ஊͰ͕͢ɺ͜ͷొ͍ͬͯΔੴɻ
આ͕͋Γ·͢ɻ
Photo by. Takashi Fumimoto
Slide 6
Slide 6 text
ί ϛ ϡχςΟɺ ༁ ɺ ς ʔϚ ࡞ ɺ ͳ Ͳ ɻ
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 ʹ ؔ ͯ͠
Slide 7
Slide 7 text
உ ౡ
߳ ݝ ߴ দ ࢢ
ਓ ޱ 1 7 5 ਓ
Slide 8
Slide 8 text
உ ౡ
͜ ͜
https://openstreetmap.jpΑΓ
Ԭࢁ
߳
Slide 9
Slide 9 text
ਓޱਓ͚ͩͲழඖʁೣඖʁ
࠷ۙʮೣౡʯͱͯ͠औΓ͋͛ΒΕΔ͜ͱ͋Δ͕
ౡͰೣʹࠔ͍ͬͯΔਓଟ͍ɻ
ށࠃࡍܳज़ࡇͷͷҰͭɻ
ݹຽՈ͕ଓ͘খಓɺւ͕ݟ͑Δࡔɺ
ͳΜ͔ͩջ͔͍͠ؾ࣋ͪʹͳΔૉఢͳౡɻ
உౡ ͬͯͲΜͳౡʁ
ೣౡͱݺͳ͍Ͱ
ౡຽ͔Βͷؾ࣋ͪ
Slide 10
Slide 10 text
– ށ ࠃ ࡍ ܳ ज़ ࡇ
“ւͷ෮ݖ”
Slide 11
Slide 11 text
2 0 1 3 1 0 ݄ ɺ Ҡ ॅ ऀ 3
ੈ ଳ Λ த ৺ ʹ ֶ ߍ ࠶ ։
Λ ٻ Ί Δ ཁ ॻ ͱ ̕ ̌
̌ ໊ Ҏ ্ ͷ ॺ ໊ Λ ߴ দ
ࢢ ʹ ఏ ग़ ɻ େ ल ਓ ࢢ
͕ ड ͚ औ Γ ɺ ͦ ͷ ޙ
ߴ দ ࢢ ڭ ҭ ҕ һ ձ ͷ ఆ
ྫ ձ ʹ ͯɺ ਖ਼ ࣜ ʹ உ
খதֶߍͷ࠶։͕ܾఆɻ
உ খ த ֶ ߍ ࠶ ։
Slide 12
Slide 12 text
ౡ ʹ ਤ ॻ ؗ Λ Γ ͨ ͍
Slide 13
Slide 13 text
ݹ ຽ Ո ʁ ഇ ʁ
Slide 14
Slide 14 text
· ͣ Ҡ ಈ ਤ ॻ ؗ ͔ Β
Slide 15
Slide 15 text
η ϧϑ Ϗ ϧ υ Ͱ ਤ ॻ ؗ ࡞ Γ
Slide 16
Slide 16 text
2 0 1 6 2 ݄ 1 4 ։ ؗ
Slide 17
Slide 17 text
No content
Slide 18
Slide 18 text
͞ Μ Ո Ҡ ॅ
Wo rd C a m p ౦ ژ ɺ Wo rd C a m p ؔ ࣮ ߦ ҕ һ ͕ ॅ Ή Ṗ ͷ ౡ ʹ
Slide 19
Slide 19 text
WordPress Friend
WordBench உౡ
Slide 20
Slide 20 text
Wo rd B e n c h உ ౡ Ն ߹ ॓
ਃ ͠ ࠐ Έ 7 ݄ 1 1 · Ͱ
Slide 21
Slide 21 text
A m a z o n w i s h Ϧε τ ʹ ͯ ཉ ͠ ͍ ຊ
ʢ உ ౡ ਤ ॻ ؗ ཉ ͠ ͍ ຊ Ϧε τ ʣ
Slide 22
Slide 22 text
2 2 7 8 L i k e
Slide 23
Slide 23 text
உ ౡ ਤ ॻ ؗ ެ ࣜ α Π τ
h t t p : / / o g i j i m a - l i b r a r y. o r. j p
Slide 24
Slide 24 text
Wo rd P re s s ͷ ς ʔ Ϛ P H P Ͱ ͔ ͔ ͳ ͖ Ό ͍ ͚ ͳ ͍ ͷ ʁ
Slide 25
Slide 25 text
No content
Slide 26
Slide 26 text
W P
Slide 27
Slide 27 text
R E S T Representational State Transfer
௨৴ํ๏ͷ༷ͷҰͭ
Slide 28
Slide 28 text
A P I
APIɺΞϓϦέʔγϣϯ
͔Βར༻Ͱ͖ΔɺΦϖϨʔ
ςΟϯάγεςϜϓϩά
ϥϛϯάݴޠͰ༻ҙ͞Εͨ
ϥΠϒϥϦͳͲͷػೳͷೖ
ΓޱͱͳΔͷͰ͋Δɻ
wikipedia ΑΓ
Slide 29
Slide 29 text
A P I ༻ ྫ
ຬைʗׯைͷใΛWebαΠτʹද͍ࣔͨ͠
ຬைʗׯைͷใΛఏڙ͍ͯ͠Δਓ͕͍Δ
ͦͷใΛΘͤͯΒͬͯWebαΠτʹදࣔ͢Δ
ϓϥάΠϯΛ࡞Δ
API
Slide 30
Slide 30 text
W P − R E S T- A P I Λ ͏ ͱ
ຬைʗׯைͷใΛఏڙ͍ͯ͠Δਓ͕͍Δ
ྫ
WordPressΛͬͯͬͪ͜ଆʹͳΕΔ
Slide 31
Slide 31 text
உ ౡ ਤ ॻ ؗ
ε Ϛʔ τϑ Υϯ
Ξ ϓ Ϧ
Slide 32
Slide 32 text
͋ Δ ɺ ౦ ͔ Β ཱྀ ਓ དྷ ͨ Γ ͯ ޱ Λ ։ ͘ ɻ
ʮ ೊ Α ɺ ε Ϛʔ τϑ Υϯ Ξ ϓ Ϧ Λ Γ څ
͑ ɻ ʯ
ཱྀ ਓ ɹ TA K AY U K I M I YA U C H I
Slide 33
Slide 33 text
உ ౡ ਤ ॻ ؗ ެ ࣜ α Π τ
h t t p : / / o g i j i m a - l i b r a r y. o r. j p
Slide 34
Slide 34 text
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 /
Slide 35
Slide 35 text
W P R E S T A P I ϓ ϥ άΠ ϯ Λ
Π ϯε τ ʔϧ ͯ͠ ༗ ޮ Խ
Slide 36
Slide 36 text
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 /
Slide 37
Slide 37 text
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
Slide 38
Slide 38 text
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
Slide 39
Slide 39 text
ε Ϛʔ τϑ Υϯ Ξ ϓ Ϧ ʹ ײ ͡ ͨ ϝ Ϧ ο τ
• ҰΞΫηεͨ͠Βճઢ͕ແͯ͘ใ͕ݟΕΔ
• WebαΠτͷத͔Β୳ͣ͞ʹΞΫηεͰ͖Δ
• ͓ΒͤΛߴ͍֬ͰϢʔβʔʹ͑Δ͜ͱ͕Ͱ͖Δ
Slide 40
Slide 40 text
W P - R E S T- A P I Ͱ Ͱ ͖ Δ ͜ ͱ
• σβΠφʔ͕PHPΛ֮͑ͳͯ͘ྑ͍
• όοΫΤϯυͱϑϩϯτΤϯυͷશۀ͕Մೳ
Slide 41
Slide 41 text
ࠓ · Ͱ …
WordPressΛόοΫάϥϯυͱͯ͠αΠτΞϓϦΛߏ
ங͢Δͱ͍͏͜ͱ͋ͬͨ
Slide 42
Slide 42 text
ध ཁ ͱ ͯ͠
WordPressͷߘը໘͍͍͢
γΣΞ͕ߴ͘Ϣʔβʔͱͷੑ͕ߴ͍
Slide 43
Slide 43 text
W P - R E S T- A P I ͷ ࠓ ޙ
WordPress 4.4 ΑΓҰ෦ػೳ͕ίΞʹಋೖ
→Ͱ৭ʑ͏ͳΒ·ͩϓϥάΠϯΛͬͯͶ
Slide 44
Slide 44 text
W P - R E S T- A P I G i t h u b
Slide 45
Slide 45 text
F e a t u re P l u g i n s Tr a c k i n g
Slide 46
Slide 46 text
Wo rd P re s s 4 . 7 ͔ Β ί Ξ ʹ ࣮ ༧ ఆ
Slide 47
Slide 47 text
Կ ͕ ى ͜ Δ ͔
ΞϓϦWebαΠτͷόοΫάϥϯυͱͯ͠ͷ׆༻͕
ࠓ·ͰΑΓͬͱۙʹͳΔ
σβΠφʔͷϫʔΫϑϩʔ͕มΘΔ
Slide 48
Slide 48 text
هࣄΛೖΕΔਓ
σβΠφʔ όοΫΤϯυ
શۀ
Slide 49
Slide 49 text
࠷ ۙ ͷ ͓ ࣄ ϫ ʔ Ϋ ϑ ϩ ʔ ɹ ͦ ͷ 1
ϫΠϠʔϑϨʔϜ
σβΠϯΧϯϓ
ίʔσΟϯά
WordPressΈࠐΈ
Υ ʔ λ ʔ
ϑ Υ ʔϧ ܕ
Slide 50
Slide 50 text
࠷ ۙ ͷ ͓ ࣄ ϫ ʔ Ϋ ϑ ϩ ʔ ɹ ͦ ͷ 2
!
ϑϨʔϜϫʔΫΛࢦఆ͞ΕͯɺͦΕʹ͋ΘͤͯσβΠϯ
Χϯϓ
B o o t s t r a p ͏ ͔ Β ͦ
Ε ʹ ͋ Θ ͤ ͯ σ βΠ ϯ
Slide 51
Slide 51 text
࠷ ۙ ͷ ͓ ࣄ ϫ ʔ Ϋ ϑ ϩ ʔ ɹ ͦ ͷ 3
ςʔϚΛબΜͰΒͬͯ
ࢠςʔϚΛͬͯ
ΦϯϒϥβσβΠϯ
Slide 52
Slide 52 text
σόΠε͕૿͍͑͗ͯ͢Δ
ϨεϙϯγϒσβΠϯ
RetinaରԠ
ΞΫηγϏϦςΟ
UX
ैདྷͷΓํͰ͍ͭ·Ͱ͍͚Δʁ
Slide 53
Slide 53 text
Wo rd P re s s × A P I
ϫ ʔ Ϋ ϑ ϩ ʔ Λ ม ͑Δ ͜ ͱ ͕ Ͱ ͖ Δ Έ
WordPress ͷςʔϚʢviewʣΛ࡞ΔͷʹPHPΛ͔͔ͳͯ͘ྑ͍
εϚʔτϑΥϯΞϓϦͳͲͷόοΫΤϯυͱͯ͠ͷWordPress
ଞͷϑϨʔϜϫʔΫͱͷ࿈ܞ͕؆୯ʹ
Slide 54
Slide 54 text
– A N T O I N E D E S A I N T- E X U P É RY
“͓ͱͳͩͬͯɺ͡ΊΈΜͳࢠͲͩͬͨ”
Slide 55
Slide 55 text
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