Upgrade to Pro — share decks privately, control downloads, hide ads and more …

WP REST API とJavaScriptで作るスマートフォンアプリの話とか

Avatar for Toro_Unit (Hiroshi Urabe) Toro_Unit (Hiroshi Urabe)
October 08, 2016
Technology
2
2.9k

WP REST API とJavaScriptで作るスマートフォンアプリの話とか

WordBench vol5 での発表資料です。
Avatar for Toro_Unit (Hiroshi Urabe)

Toro_Unit (Hiroshi Urabe)

October 08, 2016
Tweet

More Decks by Toro_Unit (Hiroshi Urabe)

See All by Toro_Unit (Hiroshi Urabe)
ブロックテーマでサイトリニューアルした話 / Toro_Unit / 2025.04.12 @ Shinshu WordPress Meetup
Avatar for Toro_Unit (Hiroshi Urabe) torounit
1
170
Cloudflare Meetup Nagano Vol.3
Avatar for Toro_Unit (Hiroshi Urabe) torounit
1
73
僕が考える 「HTML サイトを WordPress にする」話 / 2023-11-05 Kansai WordPress Meetup
Avatar for Toro_Unit (Hiroshi Urabe) torounit
9
7.6k
Cloudflare Pages に入門してみた / 2023-10-14 Cloudflare Meetup Nagano Vol.2
Avatar for Toro_Unit (Hiroshi Urabe) torounit
2
1.8k
ブロックエディタをゴリゴリに使い倒してサイトを作った話 / Kansai WordPress Meetup 2023 09 23
Avatar for Toro_Unit (Hiroshi Urabe) torounit
14
10k
ブロックエディターカスタマイズことはじめ #wpshinshu / 2023-06-17 Shinshu WordPress Meetup vol.24
Avatar for Toro_Unit (Hiroshi Urabe) torounit
1
390
FSE時代におけるWEBサイト制作の研究 #wpshinshu / 2023-05-20 Shinshu WordPress Meetup vol.23
Avatar for Toro_Unit (Hiroshi Urabe) torounit
0
440
ブロックエディターを用いたWEBサイト開発とカスタムフィールドのあり方を考える。/ WordCamp Japan 2021
Avatar for Toro_Unit (Hiroshi Urabe) torounit
0
560
ブロックエディターで変わる、WordPress でのウェブサイト開発 / SaCSS Special 26
Avatar for Toro_Unit (Hiroshi Urabe) torounit
4
870

Other Decks in Technology

See All in Technology
転職したらMCPサーバーだった件
Avatar for nwiizo nwiizo
13
9.7k
newmo の創業を支える Software Architecture と Platform Engineering
Avatar for Yuki Ito 110y
5
580
Sleep-time Compute: LLM推論コスト削減のための事前推論
Avatar for sergicalsix sergicalsix
1
150
SRE本出版からまもなく10年！〜これまでに何が起こり、これから何が起こるのか〜
Avatar for katsuhisa_ katsuhisa91
PRO
0
350
4月15日の AZ 障害をテクサポの中の人目線で振り返ってみる
Avatar for kazzpapa3 kazzpapa3
3
180
CARTA HOLDINGS エンジニア向け 採用ピッチ資料 / CARTA-GUIDE-for-Engineers
Avatar for CARTA Engineering carta_engineering
0
27k
技術選定を突き詰める 懇親会LT
Avatar for Kaoru okaru
2
1.3k
ホワイトボックス& SONiC アーキテクチャ（全体像） - SONiC Workshop Japan 2025
Avatar for ebiken ebiken
PRO
1
370
KubeCon EU 2025 Recap - Kubernetes CRD Design for the Long Haul: Tips, Tricks, and Lessons Learned / Kubernetes Meetup Tokyo #70 / k8sjp70-crd-long-haul-recap
Avatar for Shingo Omura everpeace
0
100
Kaigi Effect 2025 #rubykaigi2025_after
Avatar for sue445 sue445
0
210
スイッチのBMC、つかってますか？
Avatar for SONiC Users Group Japan sonic
0
420
MagicPodが描くAIエージェント戦略とソフトウェアテストの未来
Avatar for MagicPod magicpod
0
300

Featured

See All Featured
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
280
13k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
71
4.8k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
187
11k
Navigating Team Friction
Avatar for Lara Hogan lara
185
15k
Writing Fast Ruby
Avatar for Erik Berlin sferik
628
61k
It's Worth the Effort
Avatar for 3n 3n
184
28k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
30
5.7k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
137
6.9k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
54
6.4k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
54
13k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
85
4.7k
Done Done
Avatar for chrislema chrislema
184
16k

Transcript

  1. WP REST APIͱJavaScriptͰ࡞Δε ϚʔτϑΥϯΞϓϦͷ࿩ͱ͔ 2016.10.08 @WordBench௕໺ vol5 2016.10.08 @WordBench௕໺ vol5

    1

  2. whoami ͜͡͠ΐ͏͔͍ 2016.10.08 @WordBench௕໺ vol5 2

  3. 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

  4. WordPressͱͷؔΘΓ WordPress ͱ ࢲ 2016.10.08 @WordBench௕໺ vol5 4

  5. WordBench Nagano Moderator let's JOIN US! 2016.10.08 @WordBench௕໺ vol5 5

  6. WordPress Plugin Developer Custom Post Type Permalinks ΧελϜ౤ߘλΠϓͷύʔϚϦϯΫΛ؅ཧը໘͔Βมߋग़དྷΔ ϓϥάΠϯ •

    Active Installs: 60,000+ • Total Downloads: 290,000+ 2016.10.08 @WordBench௕໺ vol5 6

  7. Other Plugins • Simple Post Type Permalinks • Powerful Posts

    Per Page • etc... 2016.10.08 @WordBench௕໺ vol5 7

  8. WordPres Theme Developer • Vanilla (ݱࡏެࣜσΟϨΫτϦ΁ਃ੥த) • torounit.com/vanilla 2016.10.08 @WordBench௕໺

    vol5 8

  9. Contribute • 4.3 ~ 4.5 ίΞίϯτϦϏϡʔλʔ • ϓϥάΠϯɺؔ࿈ϓϩδΣΫτ΁ͷίϯτϦϏϡʔτ • WordCamp

    Kansai 2015 / Tokyo 2015 εϐʔΧʔ • WordCamp Kansai 2016 / Tokyo 2016 εϐʔΧʔɾ࣮ߦҕһ • ֤஍ͷ WordBench ͰͷొஃɺWordBash Kyoto 2016.10.08 @WordBench௕໺ vol5 9

  10. ͪ͘͜ 2016.10.08 @WordBench௕໺ vol5 10

  11. 2016.10.08 @WordBench௕໺ vol5 11

  12. WordWine 10/22ɾ23. উপͰϫΠϯΛҿΈͳ͕Βษڧձɻ 2016.10.08 @WordBench௕໺ vol5 12

  13. WordBash JUSO 11/2 @JUSO Coworking 2016.10.08 @WordBench௕໺ vol5 13

  14. ͸͍ɻ 2016.10.08 @WordBench௕໺ vol5 14

  15. What's REST API? 2016.10.08 @WordBench௕໺ vol5 15

  16. ඇৗʹͬ͘͟Γͱ͍͏ͱɺ URLͱHTTPϝιουʢϑΥʔϜͰΑ͘࢖͏GETͱ͔POSTͱ͔ʣ Λ࢖ͬͯσʔλΛऔಘͨ͠Γɺมߋͨ͠Γग़དྷΔ࢓૊Έɻ ࠷ۙ͸JSONͰσʔλ͕औಘग़དྷΔ͜ͱ͕ଟ͍ɻؼͬͯ͘Δσʔ λ͕ѻ͑Ε͹ɺͲΜͳݴޠͰ΋ѻ͑Δɻ 2016.10.08 @WordBench௕໺ vol5 16

  17. ͨͱ͑͹ɺ Twitter REST API 2016.10.08 @WordBench௕໺ vol5 17

  18. ࢖͍ಓ • Twitter ΫϥΠΞϯτ΍ɺεϚϗΞϓϦɻ • ͍ͭͬ΀ΔͳͲͷ֎෦ΫϥΠΞϯτ౳ɻ • ֎෦ͷΞϓϦέʔγϣϯͱͷ࿈ܞɻ • Tiwtter

    Ͱೝূ͢ΔαʔϏεɾΞϓϦͱ͔ɻ • هࣄ౤ߘ࣌ʹɺTwitterʹࣗಈతʹγΣΞͨ͠Γɻ • etc... 2016.10.08 @WordBench௕໺ vol5 18

  19. Other APIs • Instagram API • Cybozu REST API •

    Github API • LINE REST API • ... and more more more!!! 2016.10.08 @WordBench௕໺ vol5 19

  20. and... 2016.10.08 @WordBench௕໺ vol5 20

  21. WP REST API 2016.10.08 @WordBench௕໺ vol5 21

  22. WP REST API • WordPress Ͱ࢖͑Δ REST APIɻϓϥάΠϯೖΕΔ͚ͩʂ • 4.4͔ΒҰ෦ػೳ͸ຊମʹϚʔδࡁΈɻকདྷతʹ͸ຊମʹ౷߹

    ͞ΕΔ༧ఆɻ 2016.10.08 @WordBench௕໺ vol5 22

  23. Twitter ΍ ଞͷAPIͰ΋ग़དྷΔΜ͔ͩ Β౰વɾɾɾ 2016.10.08 @WordBench௕໺ vol5 23

  24. εϚϗΞϓϦ࡞ΕΔΑͶɻ 2016.10.08 @WordBench௕໺ vol5 24

  25. Ͱ΋ɹJava ͱ͔ Swift ͱ͔ Objective-C ͱ͔ɾɾɾɾɻ xcode ॏ͍͠ɾɾɾ 2016.10.08 @WordBench௕໺

    vol5 25

  26. ϋΠϒϦοτΞϓϦͳΒHTML/CSS/ JavaScriptͰͭ͘ΕΔʂ 2016.10.08 @WordBench௕໺ vol5 26

  27. ϋΠϒϦοτΞϓϦͱ͸ɻ • WebView Λ࢖ͬͯωΠςΟϒΞϓϦʹWEBٕज़Λ૊ΈࠐΜ ͩΞϓϦɻ • ඇৗʹࡶʹݴ͏ͱɺத਎ʹϒϥ΢βΛಥͬࠐΜͰHTML/ CSS/JSͰΞϓϦΛ࡞ΕΔΑ͏ʹͨ͠ײ͡ 2016.10.08 @WordBench௕໺

    vol5 27

  28. 2016.10.08 @WordBench௕໺ vol5 28

  29. ͜ΕΒͷϑϨʔϜϫʔΫΛ࢖͏͚ͩ͜ ͱͰ؆୯ʹ࡞ΕΔɻ 2016.10.08 @WordBench௕໺ vol5 29

  30. • PhoneGap Build ʹࢸͬͯ͸ɺHTML/CSS/JS Λѹॖͨ͠zip ϑΝΠϧΛϒϥ΢β͔ΒΞοϓϩʔυ͢Δ͚ͩɻʢCCϢʔβ ʔͳΒ༗ঈϓϥϯ͕࢖͑Δʣखܰʹ΍ΔͳΒ͜ΕͰे෼ɻ • CORDOVA౳࢖͏ͱɻiOS Simulator

    ্Ͱಈ࡞ͤͨ͞Γɺσ όοά͢Δ͜ͱ΋؆୯ʹͰ͖Δɻ • ։ൃ΋ී௨ʹWEBαΠτΛ࡞ΔΑ͏ͳײ͡Ͱϒϥ΢β্Ͱߦ ͑Δɻ 2016.10.08 @WordBench௕໺ vol5 30

  31. www ҎԼʹHTML/CSS/JS౳Λઃஔͯ͠ ΍Δ͚ͩͰ΄΅OK. 2016.10.08 @WordBench௕໺ vol5 31

  32. ͱ͍͏Θ͚Ͱͭͬͯ͘Έͨ΋ͷ͕ͪ͜Βɻ torounit/wp-app-torounit-com: onsenui-redux-wp-rest-api sample 2016.10.08 @WordBench௕໺ vol5 32

  33. DEMO 2016.10.08 @WordBench௕໺ vol5 33

  34. ࡞ͬͯΈͨײ૝ɻ • WordPress + HTML/CSS/JS ͚ͩͰεϚϗΞϓϦ͕࡞ΕΔɻ ʢ͜ͷఔ౓ͳΒ໿1೔͘Β͍ͰͰ͖ͨʣ • දࣔ͢Δ͚ͩͰ΋े෼ΞϓϦͱͯ͠ػೳ͢ΔɻʢϝσΟΞ ܥɺχϡʔεܥͷαΠτͷΞϓϦͱ͔ʣ

    2016.10.08 @WordBench௕໺ vol5 34

  35. ΄͔ʹ΍ͬͯΈͨ͜ͱɹ • WordPress ͷ౤ߘ/ฤूը໘Λ࡞Γସ͑Δ torounit/wp-markdown-blogging 2016.10.08 @WordBench௕໺ vol5 35

  36. DEMO 2016.10.08 @WordBench௕໺ vol5 36

  37. • ΍Ζ͏ͱࢥ͑͹ɺWordPress ͷ؅ཧը໘Λશ෦࡞Γସ͑ͨΓ ΋ग़དྷΔɻ 2016.10.08 @WordBench௕໺ vol5 37

  38. WordPress αΠτ಺ ͰɺΞϓϦͬΆ͍දݱ 2016.10.08 @WordBench௕໺ vol5 38

  39. DEMO 2016.10.08 @WordBench௕໺ vol5 39

  40. Other use cases. • ֎෦αʔϏεͱͷ༰қͳ࿈ܞ • ϑϩϯτΤϯυٕज़ͱ૊Έ߹ΘͤͨϦονͳදݱ • https://ustwo.com/ •

    http://gms.life/ • PHP ॻ͚ͳͯ͘΋ WordPress ͰͷαΠτߏங͕Ͱ͖ΔΑ͏ʹ ͳΔ͔΋͠Εͳ͍ɻ 2016.10.08 @WordBench௕໺ vol5 40

  41. ࠓ·Ͱͷ৘ใɺࢿ࢈͕ແବʹͳΔΘ͚Ͱ͸ͳ͍ɻ 2016.10.08 @WordBench௕໺ vol5 41

  42. Ͱ΋WEBαΠτͷ͋Γํɾ࡞Γํ͸มԽ͠ଓ͚͍ͯ͘͸ͣɻ 2016.10.08 @WordBench௕໺ vol5 42

  43. CMS ʹٻΊΒΕͯΔ͜ͱ΋ɾɾɾ ੍࡞ऀʹٻΊΒΕΔ͜ͱ΋ɾɾɾ 2016.10.08 @WordBench௕໺ vol5 43

  44. ΈΜͳͰཱͪ޲͔͍ͬͯ͜͏ɻ 2016.10.08 @WordBench௕໺ vol5 44

  45. Let's Join WordPress Community! Let's Join WordBench!! 2016.10.08 @WordBench௕໺ vol5

    45

  46. ͓ΘΓɻ Thanks! Github: @torounit Twitter: @Toro_Unit Facebook: fb.me/torounit WEB Site:

    https://torounit.com 2016.10.08 @WordBench௕໺ vol5 46