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

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

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
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)
ブロックテーマ、WordPress でウェブサイトをつくるということ / 2026.02.07 Gifu WordPress Meetup
Avatar for Toro_Unit (Hiroshi Urabe) torounit
0
230
ブロックテーマでサイトをリニューアルした話 / 2026-01-31 Kansai WordPress Meetup
Avatar for Toro_Unit (Hiroshi Urabe) torounit
0
510
ブロックテーマとこれからの WordPress サイト制作 / nishinomiya.dev@2025-12-21
Avatar for Toro_Unit (Hiroshi Urabe) torounit
1
260
ブロックテーマとこれからの WordPress サイト制作 / Toyama WordPress Meetup Vol.81
Avatar for Toro_Unit (Hiroshi Urabe) torounit
0
780
ブロックテーマ時代における、テーマの CSS について考える Toro_Unit / 2025.09.13 @ Shinshu WordPress Meetup
Avatar for Toro_Unit (Hiroshi Urabe) torounit
0
680
ブロックテーマでサイトリニューアルした話 / Toro_Unit / 2025.04.12 @ Shinshu WordPress Meetup
Avatar for Toro_Unit (Hiroshi Urabe) torounit
1
300
Cloudflare Meetup Nagano Vol.3
Avatar for Toro_Unit (Hiroshi Urabe) torounit
1
160
僕が考える 「HTML サイトを WordPress にする」話 / 2023-11-05 Kansai WordPress Meetup
Avatar for Toro_Unit (Hiroshi Urabe) torounit
9
8k
Cloudflare Pages に入門してみた / 2023-10-14 Cloudflare Meetup Nagano Vol.2
Avatar for Toro_Unit (Hiroshi Urabe) torounit
2
2.1k

Other Decks in Technology

See All in Technology
2026-02-25 Tokyo dbt meetup プロダクトと融合したCI/CD で実現する、堅牢なデータパイプラインの作り方
Avatar for Kentaro Yoshida y_ken
0
170
LINE Messengerの次世代ストレージ選定
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
18
7.2k
Lookerの最新バージョンv26.2がやばい話
Avatar for Yuta Ozaki waiwai2111
1
150
社内でAWS BuilderCards体験会を立ち上げ、得られた気づき / 20260225 Masaki Okuda
Avatar for SHIFT EVOLVE shift_evolve
PRO
1
160
【５分でわかる】セーフィー エンジニア向け会社紹介
Avatar for Safie safie_recruit
0
44k
Devinを導入したら予想外の人たちに好評だった
Avatar for Takafumi Omuro tomuro
0
840
Secure Boot 2026 - Aggiornamento dei certificati UEFI e piano di adozione in azienda
Avatar for Intune Italian User Group memiug
0
130
「使いにくい」も「運用疲れ」も卒業する　UIデザイナーとエンジニアが創る持続可能な内製開発
Avatar for NRI Netcom nrinetcom
PRO
1
770
Bill One 開発エンジニア 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
5
18k
All About Sansan – for New Global Engineers
Avatar for Sansan, Inc. sansan33
PRO
1
1.4k
管理者向けGitHub Enterpriseの運用Tips紹介: 人にもAIにも優しいプラットフォームづくり
Avatar for yuriemori yuriemori
0
100
型を書かないRuby開発への挑戦
Avatar for Shia riseshia
0
160

Featured

See All Featured
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
1.7k
Navigating Team Friction
Avatar for Lara Hogan lara
192
16k
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
1
9.5k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
8.1k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
9.7k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
17k
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
140k
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
0
450
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
24k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
302
51k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
So, you think you're a good person
Avatar for Per Axbom axbom
PRO
2
1.9k

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