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
SoccerNet GSRの紹介と技術応用:選手視点映像を提供するサッカー作戦盤ツール
mixi_engineers
PRO
1
190
業務自動化プラットフォーム Google Agentspace に入門してみる #devio2025
maroon1st
0
200
『OCI で学ぶクラウドネイティブ 実践 × 理論ガイド』 書籍概要
oracle4engineer
PRO
2
120
Optuna DashboardにおけるPLaMo2連携機能の紹介 / PFN LLM セミナー
pfn
PRO
2
900
BtoBプロダクト開発の深層
16bitidol
0
370
神回のメカニズムと再現方法/Mechanisms and Playbook for Kamikai scrumat2025
moriyuya
4
590
AWS 잘하는 개발자 되기 - AWS 시작하기: 클라우드 개념부터 IAM까지
kimjaewook
0
110
研究開発部メンバーの働き⽅ / Sansan R&D Profile
sansan33
PRO
3
20k
OpenAI gpt-oss ファインチューニング入門
kmotohas
2
1k
PLaMoの事後学習を支える技術 / PFN LLMセミナー
pfn
PRO
9
3.9k
M5製品で作るポン置きセルラー対応カメラ
sayacom
0
160
AIAgentの限界を超え、 現場を動かすWorkflowAgentの設計と実践
miyatakoji
0
150
Featured
See All Featured
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Practical Orchestrator
shlominoach
190
11k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
19
1.2k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.1k
4 Signs Your Business is Dying
shpigford
185
22k
A Tale of Four Properties
chriscoyier
160
23k
Facilitating Awesome Meetings
lara
56
6.6k
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