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.4k
ブロックエディタをゴリゴリに使い倒してサイトを作った話 / 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
830
Block Editor カスタマイズ入門 #WPmeetupOsaka / Get started customize for block editor
torounit
12
3.1k
本当にだれにでもできる、WordPress をよりよいものにする方法。/ wordcamp tokyo 2019
torounit
2
2.8k
Other Decks in Technology
See All in Technology
生成AIと知識グラフの相互利用に基づく文書解析
koujikozaki
1
150
いまならこう作りたい AWSコンテナ[本格]入門ハンズオン 〜2024年版 ハンズオンの構想〜
horsewin
9
2.1k
生成AIの強みと弱みを理解して、生成AIがもたらすパワーをプロダクトの価値へ繋げるために実践したこと / advance-ai-generating
cyberagentdevelopers
PRO
1
190
プロポーザルのつくり方 〜個人技編〜 / How to come up with proposals
ohbarye
2
160
現地でMeet Upをやる場合の注意点〜反省点を添えて〜
shotashiratori
0
540
分布で見る効果検証入門 / ai-distributional-effect
cyberagentdevelopers
PRO
4
700
コンテンツを支える 若手ゲームクリエイターの アートディレクションの事例紹介 / cagamefi-game
cyberagentdevelopers
PRO
1
130
AWSコンテナ本出版から3年経った今、もし改めて執筆し直すなら / If I revise our container book
iselegant
15
4k
Amazon CloudWatch Network Monitor 導入ガイド_デモ説明付き
yukimmmm
0
110
新卒1年目が向き合う生成AI事業の開発を加速させる技術選定 / ai-web-launcher
cyberagentdevelopers
PRO
7
1.5k
【若手エンジニア応援LT会】AWS Security Hubの活用に苦労した話
kazushi_ohata
0
170
【若手エンジニア応援LT会】AWSで繋がり、共に成長! ~コミュニティ活動と新人教育への挑戦~
kazushi_ohata
0
180
Featured
See All Featured
Bootstrapping a Software Product
garrettdimon
PRO
305
110k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
Done Done
chrislema
181
16k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Product Roadmaps are Hard
iamctodd
PRO
48
10k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
41
2.1k
Faster Mobile Websites
deanohume
304
30k
A better future with KSS
kneath
238
17k
Learning to Love Humans: Emotional Interface Design
aarron
272
40k
No one is an island. Learnings from fostering a developers community.
thoeni
19
3k
Producing Creativity
orderedlist
PRO
341
39k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
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