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

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

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
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
520
ブロックテーマとこれからの 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
690
ブロックテーマでサイトリニューアルした話 / 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
親子 or ペアで Mashup for the Future！ しゃべって楽しむ 初手AI駆動でものづくり体験
Avatar for hiroramos hiroramos4
PRO
0
100
情シスのための生成AI実践ガイド2026 / Generative AI Practical Guide for Business Technology 2026
Avatar for Akira Maeda glidenote
0
190
新職業『オーケストレーター』誕生 — エージェント10体を同時に回すAgentOps
Avatar for Gunther Brunner gunta
4
1.8k
S3はフラットである –AWS公式SDKにも存在した、 署名付きURLにおけるパストラバーサル脆弱性– / JAWS DAYS 2026
Avatar for GMO Flatt Security flatt_security
0
1.7k
AIファーストを前提とした開発スタイルの変化
Avatar for SoftBank Tech Night sbtechnight
0
280
技術的負債の泥沼から組織を救う3つの転換点
Avatar for nwiizo nwiizo
8
3.6k
JAWS DAYS 2026 楽しく学ぼう！ストレージ 入門
Avatar for Yoshiki Fujiwara yoshiki0705
2
140
IBM Bobを使って、PostgreSQLのToDoアプリをDb2へ変換してみよう/202603_Dojo_Bob
Avatar for Mayumi Hirano mayumihirano
1
300
(Test) ai-meetup slide creation
Avatar for Oikon oikon48
1
220
わたしがセキュアにAWSを使えるわけないじゃん、ムリムリ！(※ムリじゃなかった!?)
Avatar for cm-usuda-keisuke cmusudakeisuke
1
500
Yahoo!ショッピングのレコメンデーション・システムにおけるML実践の一例 
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
1
190
複数クラスタ運用と検索の高度化：ビズリーチにおけるElastic活用事例 / ElasticON Tokyo2026
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
0
130

Featured

See All Featured
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9.2k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
110
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
Avatar for Christian Goodrich cargoodrich
3
120
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
1
1.9k
Between Models and Reality
Avatar for mayunak mayunak
2
230
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
PRO
1
110
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
88
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
Avatar for Liv Day livdayseo
0
82
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
290
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
250
The B2B funnel & how to create a winning content strategy
Avatar for Katarina Dahlin katarinadahlin
PRO
1
300

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