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
インターフェイス再考 ユースケースから考える これからのWordPressサイト
Search
Hidetaka Okamoto
May 06, 2018
Technology
0
89
インターフェイス再考 ユースケースから考える これからのWordPressサイト
WordBench 5/5
岡本秀高
Hidetaka Okamoto
May 06, 2018
Tweet
Share
More Decks by Hidetaka Okamoto
See All by Hidetaka Okamoto
OpenAI APIで API Changelogを要約してみた話 / chatgpt-osaka-1
hideokamoto
0
580
コミュニティ運営から 中の人に変わって感じたこと
hideokamoto
0
81
Developerが Developer Advocateになった話 / dev-rel-meetup-tokyo-71
hideokamoto
0
330
Jamstack開発者のための App Runner入門
hideokamoto
1
480
WordPressでの webサイト制作2022 / ngk2022s
hideokamoto
0
430
JavaScript(TypeScript)で メディアサイトを インフラから構築する方法 / jsconf-jp-2021
hideokamoto
2
4.2k
AWS上でStripeを利用したアプリをより安全にデプロイする方法 /jaws-pankration-2021
hideokamoto
1
190
Shifter Headlessと Headless WordPressの紹介
hideokamoto
0
1.8k
Stripe & Next.js + AWS Amplify で会員 + 定期課金機能 / JP_Stripes20210903
hideokamoto
7
3.2k
Other Decks in Technology
See All in Technology
Enhancing SaaS Product Reliability and Release Velocity through Optimized Testing Approach
ropqa
1
230
CRE Camp #1 エンジニアリングを民主化するCREチームでありたい話
mntsq
1
130
Delegating the chores of authenticating users to Keycloak
ahus1
0
140
Lazy application authentication with Tailscale
bluehatbrit
0
210
OPENLOGI Company Profile
hr01
0
67k
SaaS型なのに自由度の高い本格CMSでサイト構築と運用のコスパ&タイパUP! MovableType.net の便利機能とユーザー事例のご紹介
masakah
0
110
american aa airlines®️ USA Contact Numbers: Complete 2025 Support Guide
aaguide
0
120
fukabori.fm 出張版: 売上高617億円と高稼働率を陰で支えた社内ツール開発のあれこれ話 / 20250704 Yoshimasa Iwase & Tomoo Morikawa
shift_evolve
PRO
2
7.7k
ゼロからはじめる採用広報
yutadayo
3
940
ビズリーチが挑む メトリクスを活用した技術的負債の解消 / dev-productivity-con2025
visional_engineering_and_design
3
7.6k
KubeCon + CloudNativeCon Japan 2025 Recap
ren510dev
1
380
スタートアップに選択肢を 〜生成AIを活用したセカンダリー事業への挑戦〜
nstock
0
200
Featured
See All Featured
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.4k
Bash Introduction
62gerente
613
210k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Designing Experiences People Love
moore
142
24k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Being A Developer After 40
akosma
90
590k
Rebuilding a faster, lazier Slack
samanthasiow
82
9.1k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
510
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
950
Raft: Consensus for Rubyists
vanstee
140
7k
Side Projects
sachag
455
42k
Transcript
ΠϯλʔϑΣΠε࠶ߟ Ϣʔεέʔε͔Βߟ͑Δ ͜Ε͔ΒͷWordPressαΠτ WordBench 5/5 Ԭຊलߴ
ࣗݾհ • Digitalcube Co. Ltd. • WordCamp Kyoto 2017࣮ߦҕ һ
• ྲྀ͠ͷJAWS-UGӡӦϝϯόʔ H i d e t a k a O k a m o t o
Alexa Skills Kit͚ͷΖΖΛ࡞ͬͨΓ https://www.npmjs.com/package/ask-util
CloudFrontͷΩϟογϡཧϓϥάΠϯ https://www.npmjs.com/package/ask-utils
Shifter: WordPressͰ੩తαΠτδΣωϨʔλʔ https://getshifter.io
AMIMOTO: CDN / WAFඪ४ରԠWPϗεςΟϯά https://amimoto-ami.com/
ࠓ͢Δ • ࠓى͖͍ͯΔʮෆՄආͳྲྀΕʯ • WordPressͰͰ͖Δ͜ͱɺ͖͢͜ͱ • ͜ͷઌੜ͖ͷ͜Δʹ
ͦΖͦΖ ը໘ͷͳ͍ੈք ߟ͑Δ͕དྷͨ
ϘλϯΛԡͤɺ͕ಧ͘ΈɿAmazon μογϡϘλϯ https://www.amazon.co.jp/Amazon-Dash-Button-μογϡ-Ϙλϯ/
̏εςοϓͰ४උͯ͠ɺ͋ͱԡ͚ͩ͢ https://www.amazon.co.jp/Amazon-Dash-Button-μογϡ-Ϙλϯ/
ʮཉ͍͠ʯͱࢥͬͨ࣌ʹ͙͢ΞΫγϣϯͰ͖Δ https://www.amazon.co.jp/Amazon-Dash-Button-μογϡ-Ϙλϯ/
ͰΛจ͢ΔΈɿAmazon Alexa https://amzn.to/2I8kt3V
ૹঢ়گϦετͷ࡞ͰͰ͖Δ https://amzn.to/2I8kt3V
Ϣʔβʔͱͷ””͕ࠓٸʹ͕͍ͬͯΔ • ࠓɿʮPC͚ͩʯ͔ΒʮεϚϗ͕ϝΠϯʯͷҠߦ • ͜Ε͔ΒɿʮGUIʯ͔ΒʮGUIҎ֎ʯͷҠߦ • ʮͳͥͦ͏ͳΔͷ͔ʁʯΛߟ͑Δඞཁ͕͋Δ • ʮΑΓ؆୯ɺΑΓखܰʹతΛୡ͍ͨ͠ʯ
͔ͭͯͷwebͷݰؔޱ https://www.yahoo.co.jp/
ʮ͑ΛΓ͍ͨʯͱ͍͏తʹಛԽͨ݁͠Ռ https://www.google.co.jp/
ΑΓ؆୯ɺΑΓखܰɺΑΓศརʹ • ࠓɿʮPC͚ͩʯ͔ΒʮεϚϗ͕ϝΠϯʯͷҠߦ • ͜Ε͔ΒɿʮGUIʯ͔ΒʮGUIҎ֎ʯͷҠߦ • ʮͳͥͦ͏ͳΔͷ͔ʁʯΛߟ͑Δඞཁ͕͋Δ • ʮΑΓ؆୯ɺΑΓखܰʹతΛୡ͍ͨ͠ʯ
WordPressͱ ࠓى͖ͭͭ͋ΔྲྀΕͷ ͖߹͍ํΛߟ͑Δ
WordPress https://wordpress.org/
– h t t p s : / / w
o rd p re s s . o rg / “WordPress is open source software you can use to create a beautiful website, blog, or app.”
– h t t p s : / / w
o rd p re s s . o rg / “WordPress is open source software you can use to create a beautiful website, blog, or app.”
– h t t p s : / / w
o rd p re s s . o rg / “WordPress is open source software you can use to create a beautiful website, blog, or app.”
Ͳ͏ͬͯ create app͢Δʁ
/wp-json
– h t t p s : / / d
e v e l o p e r. w o rd p re s s . o rg / re s t - a p i / “The WordPress REST API makes it easier than ever to use WordPress in new and exciting ways, such as creating Single Page Applications on top of WordPress.”
Client libs • JavaScript: node-wpapi • JavaScript: ember-wordpress • Ruby:
wp-api-client • C#: WordPress PCL
େͳ͜ͱ
– h t t p s : / / w
w w. g o o g l e . c o m / i n t l / j a / a b o u t / p h i l o s o p h y. h t m l “ϢʔβʔʹযΛߜΕɺ ଞͷͷΈͳޙ͔Β͍ͭͯ͘Δ”
తͱखஈ͕ࠞ͟ΔͱͭΒΈ͕૿͢ • ʮPWAͱ͔Alexaͱ͔ྲྀߦͬͯΔ͔Β͏ͪΔʂʯ • ʮͲ͏ͤόζϫʔυͰ͠ΐɺεϧʔͰ͍͍Αʯ • ʮϏδωενϟϯε͔͔ͩΒɺϓϩτͭͬͯ͘ΈΑʯ • ʮ͜ͷϢʔεέʔεɺ͏ͪͷސ٬ʹ߹Θͳ͍͔ʯ
WordPressΛ͍ଓ͚͍ͯΔ ڧΈͬͯͳΜͩΖ͏
WordPress is Publishing platform • ʮใΛൃ৴͢Δʯ͜ͱʹ͚ͨCMS • ಛʹϒϩάɾχϡʔεͳͲͷϑϩʔίϯςϯπʹڧ͍ • ϓϥάΠϯɾςʔϚͰͷ༰қͳػೳ֦ுॴ
• ͳʹΑΓʮϓϨΠϠʔ͕ଟ͍ʯ
WordPressͰPodcast https://wordpress.org/plugins/amazon-polly/
WordPressߘͷԻϑΝΠϧΛࣗಈੜ https://blogs.wp-kyoto.net/archives/223/
WordPress x Amazon Alexa https://voicewp.com
WordPress x Amazon Alexa https://voicewp.com
WordPressͷίϯςϯπΛ ԻԽ͢Δࡍͷҙ
ʮಡΈݴ༿ʯͱʮ͠ݴ༿ʯҧ͏ • WordPressͰॻ͔ΕͨهࣄʮಡΈݴ༿ʯ • ಡΈ͍͢ॻ͖ํͱɺฉ͖͍͢͠ํҟͳΔ • VUIͩͱʮऴΘΔ·Ͱͨͳ͍ͱʯͱ͍͏ετϨε • ԻԽΛߟ͑Δ߹ɺҰʹग़ͯ͠ಡΈ্͛ͯΈΑ͏
AlexaͰͷԻσβΠϯΨΠυʢҰ෦ʣ https://developer.amazon.com/ja/designing-for-voice/what-alexa- says/
͜ͷઌੜ͖ͷ͜Δʹ
ࣗͷڧΈɾ͖ͳΛ Ͳ͏৽͍͠ྖҬʹ݁ͼ͚ͭΔ͔
࣮ళฮʹECͷϊϋΛ࣋ͪࠐΉɿAmazon GO https://www.slideshare.net/hide69oz/20180424-jp- stripeskyotoamazongo
Amazon GO”ແਓίϯϏχ”Ͱͳ͍ https://www.slideshare.net/hide69oz/20180424-jp- stripeskyotoamazongo
AWS TechΤόϯδΣϦετ͕େʹ͍ͯ͠Δ͜ͱ https://aws.amazon.com/jp/blogs/news/jaws-days-2018-technical- evangelist/
ΈΜͳશྗͷૉৼΓΖ͏ͥ
Full swing !