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-API を使う意味-男木島図書館のスマートフォンアプリ制作から学んだWor...
Search
nukaga
July 10, 2016
Technology
6
3.2k
デザイナーが WP-API を使う意味-男木島図書館のスマートフォンアプリ制作から学んだWordPressのこれから
WordCamp Kansai 2016 スピーカースライド
nukaga
July 10, 2016
Tweet
Share
More Decks by nukaga
See All by nukaga
高知こどもの図書館のウェブサイト制作から学ぶ “依頼者も制作チームも幸せ” なプロジェクト
nukaga
0
430
do_action Japan 2020 振り返り
nukaga
0
560
英語ができない私がいかにしてグローバルチームにいるか / My english is poor, but I want to contribute to WordPress.
nukaga
7
7.2k
WordPressを使って社会の課題解決を目指す / SDGs with WordPress
nukaga
2
7.6k
#25 WP ZoomUP - WordPress 5.3 Beta 事前情報
nukaga
0
130
男木島図書館Webサイト WP ZoomUp 用資料 / Ogijima Library site Document for WP ZoomUp
nukaga
0
1k
WordPress 5.0 を試してみよう / Let's try WordPress 5.0
nukaga
1
990
A wonderful circulation of the Ogijima Library and WordPress
nukaga
1
1.4k
WordCampの作り方そしてWordCamp Japanリニューアル
nukaga
0
1.1k
Other Decks in Technology
See All in Technology
re:Inventに行くまでにやっておきたいこと
nagisa53
0
610
だいたい分かった気になる 『SREの知識地図』 / introduction-to-sre-knowledge-map-book
katsuhisa91
PRO
3
1.5k
Zero Trust DNS でより安全なインターネット アクセス
murachiakira
0
110
OTEPsで知るOpenTelemetryの未来 / Observability Conference Tokyo 2025
arthur1
0
290
ViteとTypeScriptのProject Referencesで 大規模モノレポのUIカタログのリリースサイクルを高速化する
shuta13
3
220
IBC 2025 動画技術関連レポート / IBC 2025 Report
cyberagentdevelopers
PRO
2
210
Dify on AWS 環境構築手順
yosse95ai
0
150
webpack依存からの脱却!快適フロントエンド開発をViteで実現する #vuefes
bengo4com
4
3.6k
知覚とデザイン
rinchoku
1
610
Open Table Format (OTF) が必要になった背景とその機能 (2025.10.28)
simosako
2
370
MCP ✖️ Apps SDKを触ってみた
hisuzuya
0
390
頭部ふわふわ浄酔器
uyupun
0
230
Featured
See All Featured
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.7k
Context Engineering - Making Every Token Count
addyosmani
8
310
Agile that works and the tools we love
rasmusluckow
331
21k
Designing Experiences People Love
moore
142
24k
A designer walks into a library…
pauljervisheath
209
24k
VelocityConf: Rendering Performance Case Studies
addyosmani
333
24k
Building Better People: How to give real-time feedback that sticks.
wjessup
369
20k
Balancing Empowerment & Direction
lara
5
700
It's Worth the Effort
3n
187
28k
Code Review Best Practice
trishagee
72
19k
The Straight Up "How To Draw Better" Workshop
denniskardys
238
140k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1k
Transcript
σβΠφʔ͕81"1*Λ͏ҙຯ Wo rd C a m p K a n
s a i 2 0 1 6 J u n k o N u k a g a உౡਤॻؗͷεϚʔτϑΥϯΞϓϦ੍࡞͔ΒֶΜͩ 8PSE1SFTTͷl͜Ε͔Βz
– TA K AY U K I M I Y
O S H I “ΈΜͳಉ͡ເΛԿݟΔΜͩ”
ຊ  ͷ Ξ δΣ ϯ μ • ࣗݾհ •
உౡʹ͍ͭͯ • உౡਤॻؗʹ͍ͭͯ • WP-REST-API (உౡਤॻؗεϚʔτϑΥϯΞϓϦ) • WP-REST-API Ͱͷ͜Ε͔Β
ϑϦʔϥϯεͷWebσβΠφʔ WordCamp Osaka 2012 ෭࣮ߦҕһ WordCamp Kansai 2014 ࣮ߦҕһ σδλϧΩϡʔϒ
νʔϜΊ 2014உౡҠॅɻ NPO๏ਓஉౡਤॻؗɹཧࣄ Twitter @nukaga FB nukagajunko ֹ լ ॱ ࢠ ͬͯͲ Μ ͳ ਓ ʁ
͍͖ͳΓͷ༨ஊͰ͕͢ɺ͜ͷొ͍ͬͯΔੴɻ આ͕͋Γ·͢ɻ Photo by. Takashi Fumimoto
ί ϛ ϡχςΟɺ  ༁ ɺ ς ʔϚ ࡞ 
ɺ ͳ Ͳ ɻ h t t p s : / / p ro f i l e s . w o rd p re s s . o rg / n u k a g a / Wo rd P re s s ʹ ؔ ͯ͠ 
உ  ౡ ߳  ݝ ߴ দ ࢢ ਓ
ޱ 1 7 5 ਓ
உ  ౡ ͜ ͜ https://openstreetmap.jpΑΓ Ԭࢁ ߳
ਓޱਓ͚ͩͲழඖʁೣඖʁ ࠷ۙʮೣౡʯͱͯ͠औΓ͋͛ΒΕΔ͜ͱ͋Δ͕ ౡͰೣʹࠔ͍ͬͯΔਓଟ͍ɻ ށࠃࡍܳज़ࡇͷͷҰͭɻ ݹຽՈ͕ଓ͘খಓɺւ͕ݟ͑Δࡔɺ ͳΜ͔ͩջ͔͍͠ؾ࣋ͪʹͳΔૉఢͳౡɻ உౡ ͬͯͲΜͳౡʁ ೣౡͱݺͳ͍Ͱ ౡຽ͔Βͷؾ࣋ͪ
–  ށ  ࠃ ࡍ ܳ ज़ ࡇ “ւͷ෮ݖ”
2 0 1 3  1 0 ݄ ɺ Ҡ
ॅ ऀ 3 ੈ ଳ Λ த ৺ ʹ ֶ ߍ ࠶ ։ Λ ٻ Ί Δ ཁ  ॻ ͱ ̕ ̌ ̌ ໊ Ҏ ্ ͷ ॺ ໊ Λ ߴ দ ࢢ ʹ ఏ ग़ ɻ େ  ल ਓ ࢢ  ͕ ड ͚ औ Γ ɺ ͦ ͷ ޙ ߴ দ ࢢ ڭ ҭ ҕ һ ձ ͷ ఆ ྫ ձ ʹ ͯɺ ਖ਼ ࣜ ʹ உ  খதֶߍͷ࠶։͕ܾఆɻ உ  খ த ֶ ߍ ࠶ ։
ౡ ʹ ਤ ॻ ؗ Λ  Γ ͨ ͍
ݹ ຽ Ո ʁ ഇ  ʁ
· ͣ  Ҡ ಈ ਤ ॻ ؗ ͔ Β
η ϧϑ Ϗ ϧ υ Ͱ ਤ ॻ ؗ ࡞
Γ
2 0 1 6  2 ݄ 1 4 
։ ؗ
None
  ͞ Μ Ո  Ҡ ॅ Wo rd
C a m p ౦ ژ ɺ Wo rd C a m p ؔ  ࣮ ߦ ҕ һ  ͕ ॅ Ή Ṗ ͷ ౡ ʹ
WordPress Friend WordBench உౡ
Wo rd B e n c h உ  ౡ
Ն ߹ ॓ ਃ ͠ ࠐ Έ  7 ݄ 1 1  · Ͱ
A m a z o n w i s h
Ϧε τ ʹ ͯ ཉ ͠ ͍ ຊ ʢ உ  ౡ ਤ ॻ ؗ ཉ ͠ ͍ ຊ Ϧε τ ʣ
2 2 7 8 L i k e
உ  ౡ ਤ ॻ ؗ ެ ࣜ α Π
τ h t t p : / / o g i j i m a - l i b r a r y. o r. j p
Wo rd P re s s ͷ ς ʔ Ϛ
 P H P Ͱ ͔ ͔ ͳ ͖ Ό ͍ ͚ ͳ ͍ ͷ ʁ
None
W P
R E S T Representational State Transfer ௨৴ํ๏ͷ༷ͷҰͭ
A P I APIɺΞϓϦέʔγϣϯ ͔Βར༻Ͱ͖ΔɺΦϖϨʔ ςΟϯάγεςϜϓϩά ϥϛϯάݴޠͰ༻ҙ͞Εͨ ϥΠϒϥϦͳͲͷػೳͷೖ ΓޱͱͳΔͷͰ͋Δɻ wikipedia
ΑΓ
A P I  ༻ ྫ ຬைʗׯைͷใΛWebαΠτʹද͍ࣔͨ͠ ຬைʗׯைͷใΛఏڙ͍ͯ͠Δਓ͕͍Δ ͦͷใΛΘͤͯΒͬͯWebαΠτʹදࣔ͢Δ ϓϥάΠϯΛ࡞Δ
API
W P − R E S T- A P I
Λ  ͏ ͱ ຬைʗׯைͷใΛఏڙ͍ͯ͠Δਓ͕͍Δ ྫ WordPressΛͬͯͬͪ͜ଆʹͳΕΔ
உ  ౡ ਤ ॻ ؗ ε Ϛʔ τϑ
Υϯ Ξ ϓ Ϧ
͋ Δ  ɺ ౦ ͔ Β ཱྀ ਓ དྷ
ͨ Γ ͯ ޱ Λ ։ ͘ ɻ ʮ ೊ Α ɺ ε Ϛʔ τϑ Υϯ Ξ ϓ Ϧ Λ  Γ څ ͑ ɻ ʯ ཱྀ ਓ ɹ TA K AY U K I M I YA U C H I
உ  ౡ ਤ ॻ ؗ ެ ࣜ α Π
τ h t t p : / / o g i j i m a - l i b r a r y. o r. j p
Wo rd P re s s R E S T
A P I h t t p s : / / w o rd p re s s . o rg / p l u g i n s / re s t - a p i /
W P R E S T A P I ϓ
ϥ άΠ ϯ Λ Π ϯε τ ʔϧ ͯ͠ ༗ ޮ Խ
i o n i c h t t p :
/ / i o n i c f r a m e w o r k . c o m /
m i y a 0 0 0 1 / w
p - a n g u l a r j s h t t p s : / / g i t h u b . c o m / m i y a 0 0 0 1 / w p - a n g u l a r j s
G i t h u b h t t p
s : / / g i t h u b . c o m / o g i j i m a - l i b r a r y
ε Ϛʔ τϑ Υϯ Ξ ϓ Ϧ ʹ ײ ͡
ͨ ϝ Ϧ ο τ • ҰΞΫηεͨ͠Βճઢ͕ແͯ͘ใ͕ݟΕΔ • WebαΠτͷத͔Β୳ͣ͞ʹΞΫηεͰ͖Δ • ͓ΒͤΛߴ͍֬ͰϢʔβʔʹ͑Δ͜ͱ͕Ͱ͖Δ
W P - R E S T- A P I
Ͱ Ͱ ͖ Δ ͜ ͱ • σβΠφʔ͕PHPΛ֮͑ͳͯ͘ྑ͍ • όοΫΤϯυͱϑϩϯτΤϯυͷશۀ͕Մೳ
ࠓ · Ͱ  … WordPressΛόοΫάϥϯυͱͯ͠αΠτΞϓϦΛߏ ங͢Δͱ͍͏͜ͱ͋ͬͨ
ध ཁ ͱ ͯ͠ WordPressͷߘը໘͍͍͢ γΣΞ͕ߴ͘Ϣʔβʔͱͷੑ͕ߴ͍
W P - R E S T- A P I
ͷ ࠓ ޙ WordPress 4.4 ΑΓҰ෦ػೳ͕ίΞʹಋೖ →Ͱ৭ʑ͏ͳΒ·ͩϓϥάΠϯΛͬͯͶ
W P - R E S T- A P I
G i t h u b
F e a t u re P l u g
i n s Tr a c k i n g
Wo rd P re s s 4 . 7 ͔
Β ί Ξ ʹ ࣮  ༧ ఆ
Կ ͕ ى ͜ Δ ͔ ΞϓϦWebαΠτͷόοΫάϥϯυͱͯ͠ͷ׆༻͕ ࠓ·ͰΑΓͬͱۙʹͳΔ σβΠφʔͷϫʔΫϑϩʔ͕มΘΔ
هࣄΛೖΕΔਓ σβΠφʔ όοΫΤϯυ શۀ
࠷ ۙ ͷ ͓  ࣄ ϫ ʔ Ϋ ϑ
ϩ ʔ ɹ ͦ ͷ 1 ϫΠϠʔϑϨʔϜ σβΠϯΧϯϓ ίʔσΟϯά WordPressΈࠐΈ  Υ ʔ λ ʔ ϑ Υ ʔϧ ܕ
࠷ ۙ ͷ ͓  ࣄ ϫ ʔ Ϋ ϑ
ϩ ʔ ɹ ͦ ͷ 2 ! ϑϨʔϜϫʔΫΛࢦఆ͞ΕͯɺͦΕʹ͋ΘͤͯσβΠϯ Χϯϓ B o o t s t r a p  ͏ ͔ Β ͦ Ε ʹ ͋ Θ ͤ ͯ σ βΠ ϯ
࠷ ۙ ͷ ͓  ࣄ ϫ ʔ Ϋ ϑ
ϩ ʔ ɹ ͦ ͷ 3 ςʔϚΛબΜͰΒͬͯ ࢠςʔϚΛͬͯ ΦϯϒϥβσβΠϯ
σόΠε͕૿͍͑͗ͯ͢Δ ϨεϙϯγϒσβΠϯ RetinaରԠ ΞΫηγϏϦςΟ UX ैདྷͷΓํͰ͍ͭ·Ͱ͍͚Δʁ
Wo rd P re s s × A P I
ϫ ʔ Ϋ ϑ ϩ ʔ Λ ม ͑Δ ͜ ͱ ͕ Ͱ ͖ Δ   Έ WordPress ͷςʔϚʢviewʣΛ࡞ΔͷʹPHPΛ͔͔ͳͯ͘ྑ͍ εϚʔτϑΥϯΞϓϦͳͲͷόοΫΤϯυͱͯ͠ͷWordPress ଞͷϑϨʔϜϫʔΫͱͷ࿈ܞ͕؆୯ʹ
– A N T O I N E D E
S A I N T- E X U P É RY “͓ͱͳͩͬͯɺ͡ΊΈΜͳࢠͲͩͬͨ”
5IBOLZPV Ta k a y u k i M i
y a u c h i Ta k a y u k i M i y o s h i H i d e t a k a O k a m o t o S h i n i c h i N i s h i k a w a