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.7k
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
6.8k
Cloudflare Pages に入門してみた / 2023-10-14 Cloudflare Meetup Nagano Vol.2
torounit
1
850
ブロックエディタをゴリゴリに使い倒してサイトを作った話 / Kansai WordPress Meetup 2023 09 23
torounit
14
8.9k
ブロックエディターカスタマイズことはじめ #wpshinshu / 2023-06-17 Shinshu WordPress Meetup vol.24
torounit
1
300
FSE時代におけるWEBサイト制作の研究 #wpshinshu / 2023-05-20 Shinshu WordPress Meetup vol.23
torounit
0
380
ブロックエディターを用いたWEBサイト開発とカスタムフィールドのあり方を考える。/ WordCamp Japan 2021
torounit
0
490
ブロックエディターで変わる、WordPress でのウェブサイト開発 / SaCSS Special 26
torounit
4
820
Block Editor カスタマイズ入門 #WPmeetupOsaka / Get started customize for block editor
torounit
12
2.9k
本当にだれにでもできる、WordPress をよりよいものにする方法。/ wordcamp tokyo 2019
torounit
2
2.4k
Other Decks in Technology
See All in Technology
家族アルバム みてねで直面してきた技術的負債 / MIXI KAG 2024
isaoshimizu
17
7.7k
単回帰分析について数式を追いながら実装してみた
kentaitakura
0
500
10分でわかるfreeeのQA
freee
0
260
8週連続ウェビナー_イチから学ぶFivetran
cmsuzu
0
170
KubeCon EU: Unlocking new Platform Experiences with Open Interfaces
salaboy
1
380
プッシュ型子育てサービスを、先行プロジェクト実施自治体において開始します
govtechtokyo
0
290
技育祭2024春 LT Finatextホールディングス
kevinrobot34
1
170
GitHub最新情報キャッチアップ 2024年3月
dzeyelid
17
3.2k
初心者が行く!サーバレスWebアプリ開発の道
nagaharutogawa
0
450
LLMプロダクト事業の立ち上げにおける挑戦
layerx
PRO
7
1.5k
GraphQLに入門してみた
chiroruxx
2
130
複数の LLM モデルを扱う上で直面した辛みまとめ
kazuyaseki
1
250
Featured
See All Featured
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
226
16k
Thoughts on Productivity
jonyablonski
57
3.8k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
12
1.4k
Code Review Best Practice
trishagee
54
15k
Web development in the modern age
philhawksworth
201
10k
GraphQLの誤解/rethinking-graphql
sonatard
48
9.1k
Build The Right Thing And Hit Your Dates
maggiecrowley
23
1.9k
Why You Should Never Use an ORM
jnunemaker
PRO
50
8.6k
Adopting Sorbet at Scale
ufuk
66
8.5k
Fireside Chat
paigeccino
19
2.6k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3k
Stop Working from a Prison Cell
hatefulcrawdad
265
19k
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