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.8k
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)
僕が考える 「HTML サイトを WordPress にする」話 / 2023-11-05 Kansai WordPress Meetup
torounit
9
7.2k
Cloudflare Pages に入門してみた / 2023-10-14 Cloudflare Meetup Nagano Vol.2
torounit
2
1.5k
ブロックエディタをゴリゴリに使い倒してサイトを作った話 / Kansai WordPress Meetup 2023 09 23
torounit
14
9.5k
ブロックエディターカスタマイズことはじめ #wpshinshu / 2023-06-17 Shinshu WordPress Meetup vol.24
torounit
1
360
FSE時代におけるWEBサイト制作の研究 #wpshinshu / 2023-05-20 Shinshu WordPress Meetup vol.23
torounit
0
400
ブロックエディターを用いたWEBサイト開発とカスタムフィールドのあり方を考える。/ WordCamp Japan 2021
torounit
0
520
ブロックエディターで変わる、WordPress でのウェブサイト開発 / SaCSS Special 26
torounit
4
840
Block Editor カスタマイズ入門 #WPmeetupOsaka / Get started customize for block editor
torounit
12
3.1k
本当にだれにでもできる、WordPress をよりよいものにする方法。/ wordcamp tokyo 2019
torounit
2
3k
Other Decks in Technology
See All in Technology
日経電子版のStoreKit2フルリニューアル
shimastripe
1
150
誰も全体を知らない ~ ロールの垣根を超えて引き上げる開発生産性 / Boosting Development Productivity Across Roles
kakehashi
2
230
iOS/Androidで同じUI体験をネ イティブで作成する際に気をつ けたい落とし穴
fumiyasac0921
1
110
Security-JAWS【第35回】勉強会クラウドにおけるマルウェアやコンテンツ改ざんへの対策
4su_para
0
180
安心してください、日本語使えますよ―Ubuntu日本語Remix提供休止に寄せて― 2024-11-17
nobutomurata
1
1k
LINEヤフーにおけるPrerender技術の導入とその効果
narirou
1
120
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
0
110
『Firebase Dynamic Links終了に備える』 FlutterアプリでのAdjust導入とDeeplink最適化
techiro
0
160
Making your applications cross-environment - OSCG 2024 NA
salaboy
0
200
DynamoDB でスロットリングが発生したとき_大盛りver/when_throttling_occurs_in_dynamodb_long
emiki
1
450
OCI Network Firewall 概要
oracle4engineer
PRO
0
4.2k
エンジニア人生の拡張性を高める 「探索型キャリア設計」の提案
tenshoku_draft
1
130
Featured
See All Featured
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
16
2.1k
Automating Front-end Workflow
addyosmani
1366
200k
Raft: Consensus for Rubyists
vanstee
136
6.6k
Reflections from 52 weeks, 52 projects
jeffersonlam
346
20k
Build The Right Thing And Hit Your Dates
maggiecrowley
33
2.4k
Speed Design
sergeychernyshev
25
620
Product Roadmaps are Hard
iamctodd
PRO
49
11k
What's new in Ruby 2.0
geeforr
343
31k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.4k
Imperfection Machines: The Place of Print at Facebook
scottboms
265
13k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
42
9.2k
How GitHub (no longer) Works
holman
310
140k
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