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
PRO
May 06, 2018
Technology
0
78
インターフェイス再考 ユースケースから考える これからのWordPressサイト
WordBench 5/5
岡本秀高
Hidetaka Okamoto
PRO
May 06, 2018
Tweet
Share
More Decks by Hidetaka Okamoto
See All by Hidetaka Okamoto
OpenAI APIで API Changelogを要約してみた話 / chatgpt-osaka-1
hideokamoto
PRO
0
370
コミュニティ運営から 中の人に変わって感じたこと
hideokamoto
PRO
0
45
Shopify / Stripeで 静的サイトでも オンライン決済・物販をはじめよう / shifter-meetu-feb-2022
hideokamoto
PRO
0
690
Developerが Developer Advocateになった話 / dev-rel-meetup-tokyo-71
hideokamoto
PRO
0
210
Stripeでの オンライン決済理解した - エンジニア達の「〇〇完全に理解した」Talk #25
hideokamoto
PRO
0
610
Jamstack開発者のための App Runner入門
hideokamoto
PRO
1
360
WordPressでの webサイト制作2022 / ngk2022s
hideokamoto
PRO
0
360
JavaScript(TypeScript)で メディアサイトを インフラから構築する方法 / jsconf-jp-2021
hideokamoto
PRO
2
3.8k
AWS上でStripeを利用したアプリをより安全にデプロイする方法 /jaws-pankration-2021
hideokamoto
PRO
1
150
Other Decks in Technology
See All in Technology
障害対応をちょっとずつよくしていくための 演習の作りかた
heleeen
0
160
プロンプトエンジニアリングでがんばらない-Agentic Workflow へ-近藤憲児
kenjikondobai
2
260
反実仮想機械学習とは何か
usaito
PRO
11
4.5k
Além do else! Categorizando Pokemóns com Pattern Matching no JavaScript
wmsbill
0
490
私が trocco を推す理由
__allllllllez__
1
220
「スニダン」開発組織の構造に込めた意図 ~組織作りはパッションや政治ではない!~
rinchsan
3
550
ChatGPT for IT Service Management (IT Pro)
dahatake
7
1.6k
地理空間データ可視化・解析・活用ソリューション Pacific Spatial Solutions (PSS)
pacificspatialsolutions
0
230
複雑な構成要素を持つUIとの向き合い方 〜新・支出グラフでの実例〜 / B43 TECH TALK
nakamuuu
0
140
Azureの基本的な権限管理の勉強会
yhana
0
270
元インフラエンジニアに成る / Human Resources to Human Relations
bobtani
4
910
長期間TiDBを使ってきた話 @ 私たちはなぜNewSQLを使うのかTiDB選定5社が語る選定理由と活用LT / Experiences with TiDB Over Time
chibiegg
2
890
Featured
See All Featured
What's new in Ruby 2.0
geeforr
337
31k
Learning to Love Humans: Emotional Interface Design
aarron
267
39k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
14
1.5k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
17
1.4k
Clear Off the Table
cherdarchuk
84
310k
Making Projects Easy
brettharned
108
5.5k
Embracing the Ebb and Flow
colly
80
4.1k
Large-scale JavaScript Application Architecture
addyosmani
504
110k
Thoughts on Productivity
jonyablonski
58
3.8k
Raft: Consensus for Rubyists
vanstee
132
6.3k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
501
140k
Being A Developer After 40
akosma
57
580k
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 !