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
B2C&B2B&社内向けサービスを抱える開発組織におけるサービス価値を最大化するイニシアチブ管理
belongadmin
1
7k
20250705 Headlamp: 專注可擴展性的 Kubernetes 用戶界面
pichuang
0
270
2025-07-06 QGIS初級ハンズオン「はじめてのQGIS」
kou_kita
0
170
自律的なスケーリング手法FASTにおけるVPoEとしてのアカウンタビリティ / dev-productivity-con-2025
yoshikiiida
1
17k
LLM時代の検索
shibuiwilliam
1
150
KubeCon + CloudNativeCon Japan 2025 Recap
ren510dev
1
380
Connect 100+を支える技術
kanyamaguc
0
200
ビギナーであり続ける/beginning
ikuodanaka
3
760
React開発にStorybookとCopilotを導入して、爆速でUIを編集・確認する方法
yu_kod
1
270
生成AI時代の開発組織・技術・プロセス 〜 ログラスの挑戦と考察 〜
itohiro73
1
460
改めてAWS WAFを振り返る~業務で使うためのポイント~
masakiokuda
2
260
OPENLOGI Company Profile for engineer
hr01
1
34k
Featured
See All Featured
Optimizing for Happiness
mojombo
379
70k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
46
9.6k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
690
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
Code Reviewing Like a Champion
maltzj
524
40k
Bash Introduction
62gerente
613
210k
Documentation Writing (for coders)
carmenintech
72
4.9k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
50
5.5k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.6k
BBQ
matthewcrist
89
9.7k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.4k
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 !