Slide 1
Slide 1 text
WP REST APIͱJavaScriptͰ࡞Δε
ϚʔτϑΥϯΞϓϦͷͱ͔
2016.10.08 @WordBench vol5
2016.10.08 @WordBench vol5 1
Slide 2
Slide 2 text
whoami
͜͡͠ΐ͏͔͍
2016.10.08 @WordBench vol5 2
Slide 3
Slide 3 text
Toro_Unit
෦ ߛ (͏Β ͻΖ͠)
দຊࢢࡏॅ 9
ϑϦʔϥϯε
Frontend Engineer / Plugin Developer /
Web Designer
Github: @torounit
Twitter: @Toro_Unit
Facebook: fb.me/torounit
Blog: https://torounit.com
2016.10.08 @WordBench vol5 3
Slide 4
Slide 4 text
WordPressͱͷؔΘΓ
WordPress ͱ ࢲ
2016.10.08 @WordBench vol5 4
Slide 5
Slide 5 text
WordBench Nagano Moderator
let's JOIN US!
2016.10.08 @WordBench vol5 5
Slide 6
Slide 6 text
WordPress Plugin Developer
Custom Post Type Permalinks
ΧελϜߘλΠϓͷύʔϚϦϯΫΛཧը໘͔Βมߋग़དྷΔ
ϓϥάΠϯ
• Active Installs: 60,000+
• Total Downloads: 290,000+
2016.10.08 @WordBench vol5 6
Slide 7
Slide 7 text
Other Plugins
• Simple Post Type Permalinks
• Powerful Posts Per Page
• etc...
2016.10.08 @WordBench vol5 7
Slide 8
Slide 8 text
WordPres Theme Developer
• Vanilla (ݱࡏެࣜσΟϨΫτϦਃத)
• torounit.com/vanilla
2016.10.08 @WordBench vol5 8
Slide 9
Slide 9 text
Contribute
• 4.3 ~ 4.5 ίΞίϯτϦϏϡʔλʔ
• ϓϥάΠϯɺؔ࿈ϓϩδΣΫτͷίϯτϦϏϡʔτ
• WordCamp Kansai 2015 / Tokyo 2015 εϐʔΧʔ
• WordCamp Kansai 2016 / Tokyo 2016 εϐʔΧʔɾ࣮ߦҕһ
• ֤ͷ WordBench ͰͷొஃɺWordBash Kyoto
2016.10.08 @WordBench vol5 9
Slide 10
Slide 10 text
ͪ͘͜
2016.10.08 @WordBench vol5 10
Slide 11
Slide 11 text
2016.10.08 @WordBench vol5 11
Slide 12
Slide 12 text
WordWine
10/22ɾ23. উপͰϫΠϯΛҿΈͳ͕Βษڧձɻ
2016.10.08 @WordBench vol5 12
Slide 13
Slide 13 text
WordBash JUSO
11/2 @JUSO Coworking
2016.10.08 @WordBench vol5 13
Slide 14
Slide 14 text
͍ɻ
2016.10.08 @WordBench vol5 14
Slide 15
Slide 15 text
What's REST API?
2016.10.08 @WordBench vol5 15
Slide 16
Slide 16 text
ඇৗʹͬ͘͟Γͱ͍͏ͱɺ
URLͱHTTPϝιουʢϑΥʔϜͰΑ͘͏GETͱ͔POSTͱ͔ʣ
ΛͬͯσʔλΛऔಘͨ͠Γɺมߋͨ͠Γग़དྷΔΈɻ
࠷ۙJSONͰσʔλ͕औಘग़དྷΔ͜ͱ͕ଟ͍ɻؼͬͯ͘Δσʔ
λ͕ѻ͑ΕɺͲΜͳݴޠͰѻ͑Δɻ
2016.10.08 @WordBench vol5 16
Slide 17
Slide 17 text
ͨͱ͑ɺ
Twitter REST API
2016.10.08 @WordBench vol5 17
Slide 18
Slide 18 text
͍ಓ
• Twitter ΫϥΠΞϯτɺεϚϗΞϓϦɻ
• ͍ͭͬΔͳͲͷ֎෦ΫϥΠΞϯτɻ
• ֎෦ͷΞϓϦέʔγϣϯͱͷ࿈ܞɻ
• Tiwtter Ͱೝূ͢ΔαʔϏεɾΞϓϦͱ͔ɻ
• هࣄߘ࣌ʹɺTwitterʹࣗಈతʹγΣΞͨ͠Γɻ
• etc...
2016.10.08 @WordBench vol5 18
Slide 19
Slide 19 text
Other APIs
• Instagram API
• Cybozu REST API
• Github API
• LINE REST API
• ... and more more more!!!
2016.10.08 @WordBench vol5 19
Slide 20
Slide 20 text
and...
2016.10.08 @WordBench vol5 20
Slide 21
Slide 21 text
WP REST API
2016.10.08 @WordBench vol5 21
Slide 22
Slide 22 text
WP REST API
• WordPress Ͱ͑Δ REST APIɻϓϥάΠϯೖΕΔ͚ͩʂ
• 4.4͔ΒҰ෦ػೳຊମʹϚʔδࡁΈɻকདྷతʹຊମʹ౷߹
͞ΕΔ༧ఆɻ
2016.10.08 @WordBench vol5 22
Slide 23
Slide 23 text
Twitter ଞͷAPIͰग़དྷΔΜ͔ͩ
Βવɾɾɾ
2016.10.08 @WordBench vol5 23
Slide 24
Slide 24 text
εϚϗΞϓϦ࡞ΕΔΑͶɻ
2016.10.08 @WordBench vol5 24
Slide 25
Slide 25 text
ͰɹJava ͱ͔ Swift ͱ͔
Objective-C ͱ͔ɾɾɾɾɻ
xcode ॏ͍͠ɾɾɾ
2016.10.08 @WordBench vol5 25
Slide 26
Slide 26 text
ϋΠϒϦοτΞϓϦͳΒHTML/CSS/
JavaScriptͰͭ͘ΕΔʂ
2016.10.08 @WordBench vol5 26
Slide 27
Slide 27 text
ϋΠϒϦοτΞϓϦͱɻ
• WebView ΛͬͯωΠςΟϒΞϓϦʹWEBٕज़ΛΈࠐΜ
ͩΞϓϦɻ
• ඇৗʹࡶʹݴ͏ͱɺதʹϒϥβΛಥͬࠐΜͰHTML/
CSS/JSͰΞϓϦΛ࡞ΕΔΑ͏ʹͨ͠ײ͡
2016.10.08 @WordBench vol5 27
Slide 28
Slide 28 text
2016.10.08 @WordBench vol5 28
Slide 29
Slide 29 text
͜ΕΒͷϑϨʔϜϫʔΫΛ͏͚ͩ͜
ͱͰ؆୯ʹ࡞ΕΔɻ
2016.10.08 @WordBench vol5 29
Slide 30
Slide 30 text
• PhoneGap Build ʹࢸͬͯɺHTML/CSS/JS Λѹॖͨ͠zip
ϑΝΠϧΛϒϥβ͔ΒΞοϓϩʔυ͢Δ͚ͩɻʢCCϢʔβ
ʔͳΒ༗ঈϓϥϯ͕͑ΔʣखܰʹΔͳΒ͜ΕͰेɻ
• CORDOVA͏ͱɻiOS Simulator ্Ͱಈ࡞ͤͨ͞Γɺσ
όοά͢Δ͜ͱ؆୯ʹͰ͖Δɻ
• ։ൃී௨ʹWEBαΠτΛ࡞ΔΑ͏ͳײ͡Ͱϒϥβ্Ͱߦ
͑Δɻ
2016.10.08 @WordBench vol5 30
Slide 31
Slide 31 text
www ҎԼʹHTML/CSS/JSΛઃஔͯ͠
Δ͚ͩͰ΄΅OK.
2016.10.08 @WordBench vol5 31
Slide 32
Slide 32 text
ͱ͍͏Θ͚Ͱͭͬͯ͘Έͨͷ͕ͪ͜Βɻ
torounit/wp-app-torounit-com: onsenui-redux-wp-rest-api
sample
2016.10.08 @WordBench vol5 32
Slide 33
Slide 33 text
DEMO
2016.10.08 @WordBench vol5 33
Slide 34
Slide 34 text
࡞ͬͯΈͨײɻ
• WordPress + HTML/CSS/JS ͚ͩͰεϚϗΞϓϦ͕࡞ΕΔɻ
ʢ͜ͷఔͳΒ1͘Β͍ͰͰ͖ͨʣ
• දࣔ͢Δ͚ͩͰेΞϓϦͱͯ͠ػೳ͢ΔɻʢϝσΟΞ
ܥɺχϡʔεܥͷαΠτͷΞϓϦͱ͔ʣ
2016.10.08 @WordBench vol5 34
Slide 35
Slide 35 text
΄͔ʹͬͯΈͨ͜ͱɹ
• WordPress ͷߘ/ฤूը໘Λ࡞Γସ͑Δ
torounit/wp-markdown-blogging
2016.10.08 @WordBench vol5 35
Slide 36
Slide 36 text
DEMO
2016.10.08 @WordBench vol5 36
Slide 37
Slide 37 text
• Ζ͏ͱࢥ͑ɺWordPress ͷཧը໘Λશ෦࡞Γସ͑ͨΓ
ग़དྷΔɻ
2016.10.08 @WordBench vol5 37
Slide 38
Slide 38 text
WordPress αΠτ
ͰɺΞϓϦͬΆ͍දݱ
2016.10.08 @WordBench vol5 38
Slide 39
Slide 39 text
DEMO
2016.10.08 @WordBench vol5 39
Slide 40
Slide 40 text
Other use cases.
• ֎෦αʔϏεͱͷ༰қͳ࿈ܞ
• ϑϩϯτΤϯυٕज़ͱΈ߹ΘͤͨϦονͳදݱ
• https://ustwo.com/
• http://gms.life/
• PHP ॻ͚ͳͯ͘ WordPress ͰͷαΠτߏங͕Ͱ͖ΔΑ͏ʹ
ͳΔ͔͠Εͳ͍ɻ
2016.10.08 @WordBench vol5 40
Slide 41
Slide 41 text
ࠓ·Ͱͷใɺࢿ࢈͕ແବʹͳΔΘ͚Ͱͳ͍ɻ
2016.10.08 @WordBench vol5 41
Slide 42
Slide 42 text
ͰWEBαΠτͷ͋Γํɾ࡞ΓํมԽ͠ଓ͚͍ͯͣ͘ɻ
2016.10.08 @WordBench vol5 42
Slide 43
Slide 43 text
CMS ʹٻΊΒΕͯΔ͜ͱɾɾɾ
੍࡞ऀʹٻΊΒΕΔ͜ͱɾɾɾ
2016.10.08 @WordBench vol5 43
Slide 44
Slide 44 text
ΈΜͳͰཱ͔͍ͪͬͯ͜͏ɻ
2016.10.08 @WordBench vol5 44
Slide 45
Slide 45 text
Let's Join WordPress Community!
Let's Join WordBench!!
2016.10.08 @WordBench vol5 45
Slide 46
Slide 46 text
͓ΘΓɻ
Thanks!
Github: @torounit
Twitter: @Toro_Unit
Facebook: fb.me/torounit
WEB Site: https://torounit.com
2016.10.08 @WordBench vol5 46