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)
ブロックテーマでサイトリニューアルした話 / Toro_Unit / 2025.04.12 @ Shinshu WordPress Meetup
torounit
1
170
Cloudflare Meetup Nagano Vol.3
torounit
1
74
僕が考える 「HTML サイトを WordPress にする」話 / 2023-11-05 Kansai WordPress Meetup
torounit
9
7.6k
Cloudflare Pages に入門してみた / 2023-10-14 Cloudflare Meetup Nagano Vol.2
torounit
2
1.8k
ブロックエディタをゴリゴリに使い倒してサイトを作った話 / Kansai WordPress Meetup 2023 09 23
torounit
14
10k
ブロックエディターカスタマイズことはじめ #wpshinshu / 2023-06-17 Shinshu WordPress Meetup vol.24
torounit
1
390
FSE時代におけるWEBサイト制作の研究 #wpshinshu / 2023-05-20 Shinshu WordPress Meetup vol.23
torounit
0
440
ブロックエディターを用いたWEBサイト開発とカスタムフィールドのあり方を考える。/ WordCamp Japan 2021
torounit
0
560
ブロックエディターで変わる、WordPress でのウェブサイト開発 / SaCSS Special 26
torounit
4
870
Other Decks in Technology
See All in Technology
初めてのGoogle Cloud by AWS出身者
harukasakihara
1
650
SRE/インフラエンジニアの市場価値とキャリアパス/Market value and career path for SRE-infrastructure engineers
takumakume
1
290
declaration mergingの威力:ライブラリアップデート時の書き換え作業を90%短縮するテクニック
yutake27
2
170
TypeScriptで実践するクリーンアーキテクチャ ― WebからもCLIからも使えるアプリ設計 / CClean Architecture with Typescript Application
panda_program
10
5.9k
AWS LambdaをTypeScriptで動かして分かった、Node.jsのTypeScriptサポートの利点と課題
smt7174
1
2.5k
SwiftUIとMetalで簡単に作るレアカード風UI
stoticdev
1
120
え!! 日本国内でGo言語のバイリンガル勉強会を!?
logica0419
2
120
若手中心の内製アジャイル開発で研究開発に挑戦 / 20250517 Nobuhiro Kawamura & Dami Lee & Tomohiko Tanikawa
shift_evolve
1
320
開発も運用もビジネス部門も! クラウドで実現する「つらくない」統制とセキュリティ / Effortless Governance and Security Enabled by the Cloud
kanny
3
1.1k
エンジニアのための 法規制への取り組み方 #healthtechmeetup
77web
2
1.4k
インフラからSREへ
mirakui
20
8.1k
OCI Full Stack Disaster Recovery サービス概要
oracle4engineer
PRO
1
170
Featured
See All Featured
Raft: Consensus for Rubyists
vanstee
137
6.9k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.6k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.3k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
5
630
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.7k
KATA
mclloyd
29
14k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.6k
Fireside Chat
paigeccino
37
3.4k
For a Future-Friendly Web
brad_frost
178
9.7k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
24
2.8k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
730
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