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
420
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
120
男木島図書館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
多様な事業ドメインのクリエイターへ 価値を届けるための営みについて
massyuu
0
110
ZOZOのAI活用実践〜社内基盤からサービス応用まで〜
zozotech
PRO
0
170
生成AI_その前_に_マルチクラウド時代の信頼できるデータを支えるSnowflakeメタデータ活用術.pdf
cm_mikami
0
110
pprof vs runtime/trace (FlightRecorder)
task4233
0
160
自作LLM Native GORM Pluginで実現する AI Agentバックテスト基盤構築
po3rin
2
250
データエンジニアがこの先生きのこるには...?
10xinc
0
440
o11yで育てる、強い内製開発組織
_awache
3
120
From Prompt to Product @ How to Web 2025, Bucharest, Romania
janwerner
0
120
OCI Network Firewall 概要
oracle4engineer
PRO
1
7.8k
SOC2取得の全体像
shonansurvivors
1
370
M5製品で作るポン置きセルラー対応カメラ
sayacom
0
140
業務自動化プラットフォーム Google Agentspace に入門してみる #devio2025
maroon1st
0
190
Featured
See All Featured
Testing 201, or: Great Expectations
jmmastey
45
7.7k
Fireside Chat
paigeccino
40
3.7k
How STYLIGHT went responsive
nonsquared
100
5.8k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
20k
Site-Speed That Sticks
csswizardry
11
880
Git: the NoSQL Database
bkeepers
PRO
431
66k
The Straight Up "How To Draw Better" Workshop
denniskardys
237
140k
Music & Morning Musume
bryan
46
6.8k
GraphQLとの向き合い方2022年版
quramy
49
14k
Statistics for Hackers
jakevdp
799
220k
Scaling GitHub
holman
463
140k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.9k
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