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
3k
デザイナーが WP-API を使う意味-男木島図書館のスマートフォンアプリ制作から学んだWordPressのこれから
WordCamp Kansai 2016 スピーカースライド
nukaga
July 10, 2016
Tweet
Share
More Decks by nukaga
See All by nukaga
高知こどもの図書館のウェブサイト制作から学ぶ “依頼者も制作チームも幸せ” なプロジェクト
nukaga
0
290
do_action Japan 2020 振り返り
nukaga
0
490
英語ができない私がいかにしてグローバルチームにいるか / My english is poor, but I want to contribute to WordPress.
nukaga
7
6.9k
WordPressを使って社会の課題解決を目指す / SDGs with WordPress
nukaga
2
7.1k
#25 WP ZoomUP - WordPress 5.3 Beta 事前情報
nukaga
0
88
男木島図書館Webサイト WP ZoomUp 用資料 / Ogijima Library site Document for WP ZoomUp
nukaga
0
930
WordPress 5.0 を試してみよう / Let's try WordPress 5.0
nukaga
1
900
A wonderful circulation of the Ogijima Library and WordPress
nukaga
1
1.3k
WordCampの作り方そしてWordCamp Japanリニューアル
nukaga
0
1k
Other Decks in Technology
See All in Technology
VPC間の接続方法を整理してみた #自治体クラウド勉強会
non97
1
850
わたしとトラックポイント / TrackPoint tips
masahirokawahara
1
240
サイバーエージェントにおける生成AIのリスキリング施策の取り組み / cyber-ai-reskilling
cyberagentdevelopers
PRO
2
200
物価高なラスベガスでの過ごし方
zakky
0
380
ユーザーの購買行動モデリングとその分析 / dsc-purchase-analysis
cyberagentdevelopers
PRO
2
100
Java x Spring Boot Warm up
kazu_kichi_67
2
490
新卒1年目が向き合う生成AI事業の開発を加速させる技術選定 / ai-web-launcher
cyberagentdevelopers
PRO
7
1.5k
新R25、乃木坂46 Mobileなどのファンビジネスを支えるマルチテナンシーなプラットフォームの全体像 / cam-multi-cloud
cyberagentdevelopers
PRO
1
130
LeSSに潜む「隠れWF病」とその処方箋
lycorptech_jp
PRO
2
120
Autify Company Deck
autifyhq
1
39k
CAMERA-Suite: 広告文生成のための評価スイート / ai-camera-suite
cyberagentdevelopers
PRO
3
270
【若手エンジニア応援LT会】AWS Security Hubの活用に苦労した話
kazushi_ohata
0
170
Featured
See All Featured
Code Review Best Practice
trishagee
64
17k
Learning to Love Humans: Emotional Interface Design
aarron
272
40k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
228
52k
Building Your Own Lightsaber
phodgson
102
6.1k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
3
370
How GitHub (no longer) Works
holman
311
140k
Ruby is Unlike a Banana
tanoku
96
11k
Rails Girls Zürich Keynote
gr2m
93
13k
Building a Scalable Design System with Sketch
lauravandoore
459
33k
Practical Orchestrator
shlominoach
186
10k
For a Future-Friendly Web
brad_frost
175
9.4k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
664
120k
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