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)
ブロックテーマ時代における、テーマの CSS について考える Toro_Unit / 2025.09.13 @ Shinshu WordPress Meetup
Avatar for Toro_Unit (Hiroshi Urabe) torounit
0
130
ブロックテーマでサイトリニューアルした話 / Toro_Unit / 2025.04.12 @ Shinshu WordPress Meetup
Avatar for Toro_Unit (Hiroshi Urabe) torounit
1
220
Cloudflare Meetup Nagano Vol.3
Avatar for Toro_Unit (Hiroshi Urabe) torounit
1
110
僕が考える 「HTML サイトを WordPress にする」話 / 2023-11-05 Kansai WordPress Meetup
Avatar for Toro_Unit (Hiroshi Urabe) torounit
9
7.7k
Cloudflare Pages に入門してみた / 2023-10-14 Cloudflare Meetup Nagano Vol.2
Avatar for Toro_Unit (Hiroshi Urabe) torounit
2
1.9k
ブロックエディタをゴリゴリに使い倒してサイトを作った話 / Kansai WordPress Meetup 2023 09 23
Avatar for Toro_Unit (Hiroshi Urabe) torounit
15
10k
ブロックエディターカスタマイズことはじめ #wpshinshu / 2023-06-17 Shinshu WordPress Meetup vol.24
Avatar for Toro_Unit (Hiroshi Urabe) torounit
1
420
FSE時代におけるWEBサイト制作の研究 #wpshinshu / 2023-05-20 Shinshu WordPress Meetup vol.23
Avatar for Toro_Unit (Hiroshi Urabe) torounit
0
470
ブロックエディターを用いたWEBサイト開発とカスタムフィールドのあり方を考える。/ WordCamp Japan 2021
Avatar for Toro_Unit (Hiroshi Urabe) torounit
0
580

Other Decks in Technology

See All in Technology
Codeful Serverless / 一人運用でもやり抜く力
Avatar for kensh _kensh
7
450
AI時代を生き抜くエンジニアキャリアの築き方 (AI-Native 時代、エンジニアという道は 「最大の挑戦の場」となる) / Building an Engineering Career to Thrive in the Age of AI (In the AI-Native Era, the Path of Engineering Becomes the Ultimate Arena of Challenge)
Avatar for JaeSoon Jeong jeongjaesoon
0
260
OCI Oracle Database Services新機能アップデート(2025/06-2025/08)
Avatar for oracle4engineer oracle4engineer
PRO
0
180
「全員プロダクトマネージャー」を実現する、Cursorによる仕様検討の自動運転
Avatar for Michiru Kato applism118
22
12k
Django's GeneratedField by example - DjangoCon US 2025
Avatar for Paolo Melchiorre pauloxnet
0
160
AIがコード書きすぎ問題にはAIで立ち向かえ
Avatar for jyoshise jyoshise
1
250
共有と分離 - Compose Multiplatform "本番導入" の設計指針
Avatar for Ryo WATANABE error96num
2
1.2k
組織を巻き込む大規模プラットフォーム移行戦略 〜50+サービスのマルチリージョン・マルチプロダクト化で学んだステークホルダー協働の実践〜 / Platform migration strategy engaging all stakeholders
Avatar for Toshinori Sugita toshi0607
2
190
Android Audio: Beyond Winning On It
Avatar for Atsushi Eno atsushieno
0
3.4k
Generative AI Japan 第一回生成AI実践研究会「AI駆動開発の現在地──ブレイクスルーの鍵を握るのはデータ領域」
Avatar for KoheiOgawa shisyu_gaku
0
330
職種の壁を溶かして開発サイクルを高速に回す~情報透明性と職種越境から考えるAIフレンドリーな職種間連携~
Avatar for daitasu daitasu
0
190
品質視点から考える組織デザイン/Organizational Design from Quality
Avatar for miisan mii3king
0
210

Featured

See All Featured
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
33
2.4k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
252
21k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
56
13k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
3k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
34
6k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
347
40k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
70
4.8k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
64
7.9k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
339
57k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.6k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
54
11k

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