Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
WP REST API とJavaScriptで作るスマートフォンアプリの話とか
Search
Toro_Unit (Hiroshi Urabe)
October 08, 2016
Technology
2
2.9k
WP REST API とJavaScriptで作るスマートフォンアプリの話とか
WordBench vol5 での発表資料です。
Toro_Unit (Hiroshi Urabe)
October 08, 2016
Tweet
Share
More Decks by Toro_Unit (Hiroshi Urabe)
See All by Toro_Unit (Hiroshi Urabe)
ブロックテーマ時代における、テーマの CSS について考える Toro_Unit / 2025.09.13 @ Shinshu WordPress Meetup
torounit
0
160
ブロックテーマでサイトリニューアルした話 / Toro_Unit / 2025.04.12 @ Shinshu WordPress Meetup
torounit
1
230
Cloudflare Meetup Nagano Vol.3
torounit
1
110
僕が考える 「HTML サイトを WordPress にする」話 / 2023-11-05 Kansai WordPress Meetup
torounit
9
7.7k
Cloudflare Pages に入門してみた / 2023-10-14 Cloudflare Meetup Nagano Vol.2
torounit
2
1.9k
ブロックエディタをゴリゴリに使い倒してサイトを作った話 / Kansai WordPress Meetup 2023 09 23
torounit
15
10k
ブロックエディターカスタマイズことはじめ #wpshinshu / 2023-06-17 Shinshu WordPress Meetup vol.24
torounit
1
420
FSE時代におけるWEBサイト制作の研究 #wpshinshu / 2023-05-20 Shinshu WordPress Meetup vol.23
torounit
0
470
ブロックエディターを用いたWEBサイト開発とカスタムフィールドのあり方を考える。/ WordCamp Japan 2021
torounit
0
580
Other Decks in Technology
See All in Technology
GA technologiesでのAI-Readyの取り組み@DataOps Night
yuto16
0
270
Azure Well-Architected Framework入門
tomokusaba
1
310
BtoBプロダクト開発の深層
16bitidol
0
340
AI時代だからこそ考える、僕らが本当につくりたいスクラムチーム / A Scrum Team we really want to create in this AI era
takaking22
6
3.5k
ZOZOのAI活用実践〜社内基盤からサービス応用まで〜
zozotech
PRO
0
180
How to achieve interoperable digital identity across Asian countries
fujie
0
120
SoccerNet GSRの紹介と技術応用:選手視点映像を提供するサッカー作戦盤ツール
mixi_engineers
PRO
1
180
KAGのLT会 #8 - 東京リージョンでGAしたAmazon Q in QuickSightを使って、報告用の資料を作ってみた
0air
0
200
いまさら聞けない ABテスト入門
skmr2348
1
200
【Oracle Cloud ウェビナー】クラウド導入に「専用クラウド」という選択肢、Oracle AlloyとOCI Dedicated Region とは
oracle4engineer
PRO
3
110
業務自動化プラットフォーム Google Agentspace に入門してみる #devio2025
maroon1st
0
190
BirdCLEF+2025 Noir 5位解法紹介
myso
0
200
Featured
See All Featured
Measuring & Analyzing Core Web Vitals
bluesmoon
9
610
Speed Design
sergeychernyshev
32
1.1k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
Git: the NoSQL Database
bkeepers
PRO
431
66k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.5k
How to train your dragon (web standard)
notwaldorf
96
6.3k
The Invisible Side of Design
smashingmag
301
51k
Build your cross-platform service in a week with App Engine
jlugia
232
18k
Documentation Writing (for coders)
carmenintech
75
5k
Transcript
WP REST APIͱJavaScriptͰ࡞Δε ϚʔτϑΥϯΞϓϦͷͱ͔ 2016.10.08 @WordBench vol5 2016.10.08 @WordBench vol5
1
whoami ͜͡͠ΐ͏͔͍ 2016.10.08 @WordBench vol5 2
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
WordPressͱͷؔΘΓ WordPress ͱ ࢲ 2016.10.08 @WordBench vol5 4
WordBench Nagano Moderator let's JOIN US! 2016.10.08 @WordBench vol5 5
WordPress Plugin Developer Custom Post Type Permalinks ΧελϜߘλΠϓͷύʔϚϦϯΫΛཧը໘͔Βมߋग़དྷΔ ϓϥάΠϯ •
Active Installs: 60,000+ • Total Downloads: 290,000+ 2016.10.08 @WordBench vol5 6
Other Plugins • Simple Post Type Permalinks • Powerful Posts
Per Page • etc... 2016.10.08 @WordBench vol5 7
WordPres Theme Developer • Vanilla (ݱࡏެࣜσΟϨΫτϦਃத) • torounit.com/vanilla 2016.10.08 @WordBench
vol5 8
Contribute • 4.3 ~ 4.5 ίΞίϯτϦϏϡʔλʔ • ϓϥάΠϯɺؔ࿈ϓϩδΣΫτͷίϯτϦϏϡʔτ • WordCamp
Kansai 2015 / Tokyo 2015 εϐʔΧʔ • WordCamp Kansai 2016 / Tokyo 2016 εϐʔΧʔɾ࣮ߦҕһ • ֤ͷ WordBench ͰͷొஃɺWordBash Kyoto 2016.10.08 @WordBench vol5 9
ͪ͘͜ 2016.10.08 @WordBench vol5 10
2016.10.08 @WordBench vol5 11
WordWine 10/22ɾ23. উপͰϫΠϯΛҿΈͳ͕Βษڧձɻ 2016.10.08 @WordBench vol5 12
WordBash JUSO 11/2 @JUSO Coworking 2016.10.08 @WordBench vol5 13
͍ɻ 2016.10.08 @WordBench vol5 14
What's REST API? 2016.10.08 @WordBench vol5 15
ඇৗʹͬ͘͟Γͱ͍͏ͱɺ URLͱHTTPϝιουʢϑΥʔϜͰΑ͘͏GETͱ͔POSTͱ͔ʣ ΛͬͯσʔλΛऔಘͨ͠Γɺมߋͨ͠Γग़དྷΔΈɻ ࠷ۙJSONͰσʔλ͕औಘग़དྷΔ͜ͱ͕ଟ͍ɻؼͬͯ͘Δσʔ λ͕ѻ͑ΕɺͲΜͳݴޠͰѻ͑Δɻ 2016.10.08 @WordBench vol5 16
ͨͱ͑ɺ Twitter REST API 2016.10.08 @WordBench vol5 17
͍ಓ • Twitter ΫϥΠΞϯτɺεϚϗΞϓϦɻ • ͍ͭͬΔͳͲͷ֎෦ΫϥΠΞϯτɻ • ֎෦ͷΞϓϦέʔγϣϯͱͷ࿈ܞɻ • Tiwtter
Ͱೝূ͢ΔαʔϏεɾΞϓϦͱ͔ɻ • هࣄߘ࣌ʹɺTwitterʹࣗಈతʹγΣΞͨ͠Γɻ • etc... 2016.10.08 @WordBench vol5 18
Other APIs • Instagram API • Cybozu REST API •
Github API • LINE REST API • ... and more more more!!! 2016.10.08 @WordBench vol5 19
and... 2016.10.08 @WordBench vol5 20
WP REST API 2016.10.08 @WordBench vol5 21
WP REST API • WordPress Ͱ͑Δ REST APIɻϓϥάΠϯೖΕΔ͚ͩʂ • 4.4͔ΒҰ෦ػೳຊମʹϚʔδࡁΈɻকདྷతʹຊମʹ౷߹
͞ΕΔ༧ఆɻ 2016.10.08 @WordBench vol5 22
Twitter ଞͷAPIͰग़དྷΔΜ͔ͩ Βવɾɾɾ 2016.10.08 @WordBench vol5 23
εϚϗΞϓϦ࡞ΕΔΑͶɻ 2016.10.08 @WordBench vol5 24
ͰɹJava ͱ͔ Swift ͱ͔ Objective-C ͱ͔ɾɾɾɾɻ xcode ॏ͍͠ɾɾɾ 2016.10.08 @WordBench
vol5 25
ϋΠϒϦοτΞϓϦͳΒHTML/CSS/ JavaScriptͰͭ͘ΕΔʂ 2016.10.08 @WordBench vol5 26
ϋΠϒϦοτΞϓϦͱɻ • WebView ΛͬͯωΠςΟϒΞϓϦʹWEBٕज़ΛΈࠐΜ ͩΞϓϦɻ • ඇৗʹࡶʹݴ͏ͱɺதʹϒϥβΛಥͬࠐΜͰHTML/ CSS/JSͰΞϓϦΛ࡞ΕΔΑ͏ʹͨ͠ײ͡ 2016.10.08 @WordBench
vol5 27
2016.10.08 @WordBench vol5 28
͜ΕΒͷϑϨʔϜϫʔΫΛ͏͚ͩ͜ ͱͰ؆୯ʹ࡞ΕΔɻ 2016.10.08 @WordBench vol5 29
• PhoneGap Build ʹࢸͬͯɺHTML/CSS/JS Λѹॖͨ͠zip ϑΝΠϧΛϒϥβ͔ΒΞοϓϩʔυ͢Δ͚ͩɻʢCCϢʔβ ʔͳΒ༗ঈϓϥϯ͕͑ΔʣखܰʹΔͳΒ͜ΕͰेɻ • CORDOVA͏ͱɻiOS Simulator
্Ͱಈ࡞ͤͨ͞Γɺσ όοά͢Δ͜ͱ؆୯ʹͰ͖Δɻ • ։ൃී௨ʹWEBαΠτΛ࡞ΔΑ͏ͳײ͡Ͱϒϥβ্Ͱߦ ͑Δɻ 2016.10.08 @WordBench vol5 30
www ҎԼʹHTML/CSS/JSΛઃஔͯ͠ Δ͚ͩͰ΄΅OK. 2016.10.08 @WordBench vol5 31
ͱ͍͏Θ͚Ͱͭͬͯ͘Έͨͷ͕ͪ͜Βɻ torounit/wp-app-torounit-com: onsenui-redux-wp-rest-api sample 2016.10.08 @WordBench vol5 32
DEMO 2016.10.08 @WordBench vol5 33
࡞ͬͯΈͨײɻ • WordPress + HTML/CSS/JS ͚ͩͰεϚϗΞϓϦ͕࡞ΕΔɻ ʢ͜ͷఔͳΒ1͘Β͍ͰͰ͖ͨʣ • දࣔ͢Δ͚ͩͰेΞϓϦͱͯ͠ػೳ͢ΔɻʢϝσΟΞ ܥɺχϡʔεܥͷαΠτͷΞϓϦͱ͔ʣ
2016.10.08 @WordBench vol5 34
΄͔ʹͬͯΈͨ͜ͱɹ • WordPress ͷߘ/ฤूը໘Λ࡞Γସ͑Δ torounit/wp-markdown-blogging 2016.10.08 @WordBench vol5 35
DEMO 2016.10.08 @WordBench vol5 36
• Ζ͏ͱࢥ͑ɺWordPress ͷཧը໘Λશ෦࡞Γସ͑ͨΓ ग़དྷΔɻ 2016.10.08 @WordBench vol5 37
WordPress αΠτ ͰɺΞϓϦͬΆ͍දݱ 2016.10.08 @WordBench vol5 38
DEMO 2016.10.08 @WordBench vol5 39
Other use cases. • ֎෦αʔϏεͱͷ༰қͳ࿈ܞ • ϑϩϯτΤϯυٕज़ͱΈ߹ΘͤͨϦονͳදݱ • https://ustwo.com/ •
http://gms.life/ • PHP ॻ͚ͳͯ͘ WordPress ͰͷαΠτߏங͕Ͱ͖ΔΑ͏ʹ ͳΔ͔͠Εͳ͍ɻ 2016.10.08 @WordBench vol5 40
ࠓ·Ͱͷใɺࢿ࢈͕ແବʹͳΔΘ͚Ͱͳ͍ɻ 2016.10.08 @WordBench vol5 41
ͰWEBαΠτͷ͋Γํɾ࡞ΓํมԽ͠ଓ͚͍ͯͣ͘ɻ 2016.10.08 @WordBench vol5 42
CMS ʹٻΊΒΕͯΔ͜ͱɾɾɾ ੍࡞ऀʹٻΊΒΕΔ͜ͱɾɾɾ 2016.10.08 @WordBench vol5 43
ΈΜͳͰཱ͔͍ͪͬͯ͜͏ɻ 2016.10.08 @WordBench vol5 44
Let's Join WordPress Community! Let's Join WordBench!! 2016.10.08 @WordBench vol5
45
͓ΘΓɻ Thanks! Github: @torounit Twitter: @Toro_Unit Facebook: fb.me/torounit WEB Site:
https://torounit.com 2016.10.08 @WordBench vol5 46