Slide 1
Slide 1 text
No content
Slide 2
Slide 2 text
Ta l k a b o u t …
• WP REST APIͱʁ
• WP REST APIΛͬͨϑϩϯτΤϯυߏங
• WP REST APIͰมΘΔ͜ͱ
Slide 3
Slide 3 text
H i d e t a k a
O k a m o t o
• AMIMOTO ( Digitalcube )
• WordBenchژϞσϨʔλ
• ຊޠϑΥʔϥϜϦΤκϯ
Slide 4
Slide 4 text
http://www.amazon.co.jp/dp/B01K3QZRIK
Slide 5
Slide 5 text
Ta l k a b o u t …
• WP REST APIͱʁ
• WP REST APIΛͬͨϑϩϯτΤϯυߏங
• WP REST APIͰมΘΔ͜ͱ
Slide 6
Slide 6 text
No content
Slide 7
Slide 7 text
W P R E S T A P I ( Ve r s i o n 2 )
• WordPressͷσʔλΛJSONͰऔಘͰ͖ΔAPI
• WordPress4.4ͰҰ෦ػೳ͕ίΞ࣮ࡁΈ
• ίΞ౷߹ʹ͚ͯ։ൃਐߦத
• ϓϥάΠϯίʔυՃʹΑΔػೳ֦ுՄೳ
Slide 8
Slide 8 text
$ c u r l h t t p : / / w p - k y o t o . n e t / w p - j s o n / w p / v 2 /
p o s t s | j q .
Slide 9
Slide 9 text
/ w p - j s o n / w p /
v 2 / : o b j e c t / : i d
• ߘͷҰཡΛऔಘ
GET /wp-json/wp/v2/
posts
• ID͕123ͷݻఆϖʔδΛऔಘ
GET /wp-json/wp/v2/
pages/123
Slide 10
Slide 10 text
G E T w p - j s o n / p o s t s ? f i l t e r [ s ] = w o rd p re s s
ɹ ɹ ʮ Wo rd P re s s ʯ Λ ؚ Ή ߘ Λ औ ಘ
P O S T w p - j s o n / c o m m e n t s / 1 2 3 - d
“ c o n t e n t = c o m m e n t ”
ɹ ɹ I D : 1 2 3 ͷ ه ࣄ ʹ ί ϝ ϯ τ Λ ߘ
Slide 11
Slide 11 text
W P R E S T A P I υ Ω ϡ ϝ ϯ ς ʔ γ ϣ ϯ
ʢ ຊ ޠ ൛ ʣ
http://ja.wp-api.org/
Slide 12
Slide 12 text
Ta l k a b o u t …
• WP REST APIͱʁ
• WP REST APIΛͬͨϑϩϯτΤϯυߏங
• WP REST APIͰมΘΔ͜ͱ
Slide 13
Slide 13 text
W P R E S T A P I Λ ͬ ͨ ϑ ϩ ϯ τ Τ ϯ υ ߏ ங
• Connect multiple api
ɹ
• Mobile Application
ɹ
• Universal JavaScript
ɹ
Slide 14
Slide 14 text
W P R E S T A P I Λ ͬ ͨ ϑ ϩ ϯ τ Τ ϯ υ ߏ ங
• Connect multiple api
ɹˠෳͷWordPressΛAPIͰ࿈ܞͤ͞Δ
• Mobile Application
→ϞόΠϧΞϓϦ͔ΒAPIΛݺͼग़͢
• Universal JavaScript
→ϑϩϯτͯ͢ΛJavaScriptͰߏங͢Δ
Slide 15
Slide 15 text
W P R E S T A P I Λ ͬ ͨ ϑ ϩ ϯ τ Τ ϯ υ ߏ ங
• Connect multiple api
ɹˠෳͷWordPressΛAPIͰ࿈ܞͤ͞Δ
• Mobile Application
→ϞόΠϧΞϓϦ͔ΒAPIΛݺͼग़͢
• Universal JavaScript
→ϑϩϯτͯ͢ΛJavaScriptͰߏங͢Δ
Slide 16
Slide 16 text
ผ ͷ Wo rd P re s s αΠ τ ͷ ه ࣄ Λ औ ಘ ͢ Δ
Slide 17
Slide 17 text
W P R E S T A P I Λ ͬ ͨ ϑ ϩ ϯ τ Τ ϯ υ ߏ ங
• Connect multiple api
ɹˠෳͷWordPressΛAPIͰ࿈ܞͤ͞Δ
• Mobile Application
→ϞόΠϧΞϓϦ͔ΒAPIΛݺͼग़͢
• Universal JavaScript
→ϑϩϯτͯ͢ΛJavaScriptͰߏங͢Δ
Slide 18
Slide 18 text
http://ogijima-library.or.jp/
Slide 19
Slide 19 text
https://github.com/ogijima-library/app
Slide 20
Slide 20 text
i o n i c + w p - a n g u l a r j s
https://github.com/ogijima-library/app/blob/master/www/templates/posts.html
Slide 21
Slide 21 text
W P R E S T A P I Λ ͬ ͨ ϑ ϩ ϯ τ Τ ϯ υ ߏ ங
• Connect multiple api
ɹˠෳͷWordPressΛAPIͰ࿈ܞͤ͞Δ
• Mobile Application
→ϞόΠϧΞϓϦ͔ΒAPIΛݺͼग़͢
• Universal JavaScript
→ϑϩϯτͯ͢ΛJavaScriptͰߏங͢Δ
Slide 22
Slide 22 text
U n i v e r s a l J a v a S c r i p t
Slide 23
Slide 23 text
ϑ ϩ ϯ τ Τ ϯ υ ͔ Β
ό ο Ϋ Τ ϯ υ · Ͱ
͢ ͯ J a v a S c r i p t Ͱ ߏ ங ͢ Δ
Slide 24
Slide 24 text
U N I V E R S A L J AVA S C R I P T
• API௨৴ɿFetch API / SuperAgent / jQuery / Angular
• αʔόʔɿExpress
• ϨϯμϦϯάɿReact / Angular / Riot / View.js / jQuery
• ΠϕϯτॲཧɿRedux / Angular / jQuery
• ϞόΠϧΞϓϦɿionic / Cordova / React Native
Slide 25
Slide 25 text
J a v a S c r i p t ͕ ѻ ͑ Ε ɺ
• w e b s i t e
• w e b A p p
• M o b i l e A p p
• I o T
• e t c . .
ͩ ͍ ͨ ͍ ͷ ͜ ͱ ͕ Ͱ ͖ Δ Α ͏ ʹ ͳ Δ
Slide 26
Slide 26 text
h t t p s : / / u s t w o . c o m /
Slide 27
Slide 27 text
No content
Slide 28
Slide 28 text
w p - k y o t o
• αʔόʔɿExpress ( JS )
• ϨϯμϦϯάɿReact ( JS )
• APIॲཧܥɿRedux ( JS )
http://dev.wp-kyoto.net/
Slide 29
Slide 29 text
• ExpressͰϦΫΤετॲཧΛఆٛ
• Fetch API͕APIͱ࿈ܞ͢Δ
• ReduxͰσʔλॲཧΛఆٛ
• ReactͰදࣔ͢Δ༰Λఆٛ
Slide 30
Slide 30 text
Ta l k a b o u t …
• WP REST APIͱʁ
• WP REST APIΛͬͨϑϩϯτΤϯυߏங
• WP REST APIͰมΘΔ͜ͱ
Slide 31
Slide 31 text
Wo rd P re s s ʹ
न Θ Ε ͳ ͍ w e b ੍ ࡞
Slide 32
Slide 32 text
Ի
Slide 33
Slide 33 text
h t t p s : / / a m i m o t o - a m i . c o m / a m i m o t o - n i n j a /
ԻೝࣝαʔϏεͱWordPressͷ࿈ܞ
Slide 34
Slide 34 text
A u d i o
C a p t u re
A u d i o
P l a y b a c k
Yo u r
C o d e
W P R E S T A P I
W h a t i s
Wo rd p re s s ?
Wo rd P re s s i s …
Slide 35
Slide 35 text
Wo rd P re s s
a s a
M i c ro s e r v i c e
Slide 36
Slide 36 text
ݕ ࡧ E l a s t i c s e a rc h
Ϛʔ έ ςΟ ϯ ά M a u t i c
+BWB4DSJQU
)5.-
"1* "1* "1*
Slide 37
Slide 37 text
R e u s a b l e
C o n t e n t
Slide 38
Slide 38 text
ࠓ · Ͱ ഔ ମ ຖ ʹ
ί ϯ ς ϯ π Λ ߋ ৽ ͯ͠ ͍ ͨ
Slide 39
Slide 39 text
ί ϯ ς ϯ π Wo rd P re s s ʹ
A P I ͔ Β ί ϯ ς ϯ π Λ ར ༻ ͢ Δ
Slide 40
Slide 40 text
I n t e l l i g e n t
C o n t e n t
https://www.amazon.co.jp/dp/B01698YCF0
Slide 41
Slide 41 text
ࠓ · Ͱ ௨ Γ ͷ ࡞ Γ ํ ͕
ͳ ͘ ͳ Δ Θ ͚ Ͱ ͳ ͍
Slide 42
Slide 42 text
http://www.vektor-inc.co.jp/
Slide 43
Slide 43 text
Ҋ ݅ ʹ Ԡ ͡ ͯ W P A P I ͷ ى ༻ Λ ݕ ౼ ͢ Δ
• ϞόΠϧΞϓϦɺΦϜχνϟωϧʹల։͢ΔϝσΟΞ
• JavaScriptͰͷ։ൃ͕ಘҙͳΤϯδχΞ͕ଟ͍νʔϜͰͷ։ൃ
• ςʔϚϓϥάΠϯͷઃఆ͚ͩͰย͘Ҋ݅
• WordPressςʔϚ࡞ऀͱ͔͕͍ΔνʔϜͰͷ։ൃ
ै དྷ ͷ ߏ ங ํ ๏ ͕ ޮ త ͳ έ ʔε ͷ ྫ
W P R E S T A P I ͕ ׆ ༂ ͢ Δ έ ʔε ͷ ྫ
Slide 44
Slide 44 text
T h a n k s !
• WP REST APIͱʁ
• WP REST APIΛͬͨϑϩϯτΤϯυߏங
• WP REST APIͰมΘΔ͜ͱ
੍࡞ɾஶ࡞
Ί
ऴ