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
280
do_action Japan 2020 振り返り
nukaga
0
470
英語ができない私がいかにしてグローバルチームにいるか / My english is poor, but I want to contribute to WordPress.
nukaga
7
6.8k
WordPressを使って社会の課題解決を目指す / SDGs with WordPress
nukaga
2
7.1k
#25 WP ZoomUP - WordPress 5.3 Beta 事前情報
nukaga
0
82
男木島図書館Webサイト WP ZoomUp 用資料 / Ogijima Library site Document for WP ZoomUp
nukaga
0
920
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
990
Other Decks in Technology
See All in Technology
四国クラウドお遍路 2024 in 高知 オープニング
yukataoka
0
190
App Router を実プロダクトで採用して見えてきた勘所をちょっとだけ紹介
marokanatani
1
890
Oracle Autonomous Database:サービス概要のご紹介
oracle4engineer
PRO
1
7k
技術ブログや登壇資料を秒で作るコツ伝授します
minorun365
PRO
23
5.5k
忙しい人のためのLangGraph概要まとめ
__ymgc__
1
150
LINEヤフーのフロントエンド組織・体制の紹介
lycorp_recruit_jp
0
330
突撃! 隣のAmazon Bedrockユーザー 〜YouはどうしてAWSで?〜
minorun365
PRO
3
330
Jetpack Compose Modifier 徹底解説 / Jetpack Compose Modifier
wiroha
0
140
音声AIエージェントの世界とRetell AI入門 / Introduction to the World of Voice AI Agents and Retell AI
rkaga
5
920
Oracle Cloud Infrastructure IaaS 新機能アップデート 2024/6 - 2024/8
oracle4engineer
PRO
0
110
なにもしてないのにNew Relicのデータ転送量が増えていたときに確認したこと
tk3fftk
2
200
エンジニア向け会社紹介資料
caddi_eng
15
250k
Featured
See All Featured
Documentation Writing (for coders)
carmenintech
65
4.3k
The Cult of Friendly URLs
andyhume
76
6k
Web Components: a chance to create the future
zenorocha
308
42k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
45
4.8k
Side Projects
sachag
451
42k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
25
3.9k
Making Projects Easy
brettharned
113
5.8k
How STYLIGHT went responsive
nonsquared
93
5.1k
Happy Clients
brianwarren
96
6.6k
Art, The Web, and Tiny UX
lynnandtonic
294
20k
5 minutes of I Can Smell Your CMS
philhawksworth
202
19k
Gamification - CAS2011
davidbonilla
79
4.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