Serverless WordPress & next Interface of WordPress

187 Views

October 28, 17

スライド概要

WordCamp Singapore 2017

Talk about ...
- What is Serverless ?
- WordPress + Serverless: What are the benefits?
- Voice Control: Next interface of WordPress
- WordPress + Amazon Alexa: An easy way to try VUI

シェア

またはPlayer版

埋め込む »CMSなどでJSが使えない場合

関連スライド

各ページのテキスト
1.

WordCamp Singapore 2017 Serverless WordPress & next Interface of WordPress

2.

Agenda • What is Serverless ? • WordPress + Serverless: What are the benefits? • Voice Control: Next interface of WordPress • WordPress + Amazon Alexa: An easy way to try VUI

3.

Hidetaka Okamoto • Digitalcube Co. Ltd. • WordCamp Kyoto 2017 Lead • React / ASK / WordPress / CloudFormation

4.

We develop WordPress products on AWS

6.

What is “Serverless” ?

8.

Serverless is a design pattern

9.

Serverless is a concept that is currently running in production.

10.

src:https://www.gartner.com/newsroom/id/3784363

11.

src:https://www.gartner.com/newsroom/id/3784363

12.

Serverless = No servers to manage and scale src:https://www.slideshare.net/keisuke69/serverless-antipatterns

13.

Application Middleware OS Hardware Amazon EC2

14.

Application Application Middleware OS Middleware OS Hardware Hardware Amazon EC2 Serverless (AWS Lambda)

15.

This lets you focus on your application code instead of worrying about provisioning, configuring, and managing servers. – Amazon Web Services https://aws.amazon.com/serverless/build-a-web-app/

16.

WordPress + Serverless - What are the benefits?

17.

We have to worry about … • How do I know my website is secure? • Is my server running the latest software? • Can my website and server scale with traffic? • How quickly could I recover form a server crash?

18.

Serverless helps you to resolve these problems

19.

#getshifter

21.

Hosting as static HTML • Only static files are published (HTML / CSS / JS / Images / etc..) • Cached by Global CDN • No PHP & No MySQL • Easy to scale and recover (Stateless webserver)

22.

WordPress Admin On-Demand • Powered down by default • Site admins can power-up WordPress anytime • After editing, we can power-down WordPress • If you never edit content, the WordPress container is never running

23.

Checkpoint • Serverless is a web server and architecture concept • There are no servers to manage or scale • Serverless WordPress is scalable and more secure

24.

Vo i c e C o n t r o l - Next interface of WordPress

26.

Amazon Alexa is the voice service that powers Amazon Echo

27.

Amazon Alexa enables us to ... • Interact with devices using Voice • Build new experiences using Voice

28.

Ta l k somthing Responce Audio Capture Audio Playback Speech to Te x t Te x t t o Speech Call web API

29.

Ta l k somthing Responce Audio Capture Audio Playback Alexa Skills Kit Speech to Te x t Te x t t o Speech Call web API

30.

Ta l k somthing Responce Audio Capture Audio Playback Alexa Skills Kit Speech to Te x t Te x t t o Speech AWS Lambda Call web API web API

31.

Ta l k somthing Responce Audio Capture Audio Playback Alexa Skills Kit Speech to Te x t Te x t t o Speech w esb AoP n I W e j u s t fCoa lcl u the API

32.

echosim.io can try Alexa Skill in browser

33.

WordPress + Amazon Alexa - An easy way to try VUI

34.

Flash Briefing Skills (Feed Reader Application)

35.

“A Flash Briefing provides a quick overview of news and other content such as comedy, interviews, and lists that a customer discovers and enables in Skills section of the Alexa app” https://developer.amazon.com/public/solutions/alexa/alexa-skills-kit/docs/understanding-the-flash-briefing-skill-api

36.

Feed format (RSSorJSON) <item> <guid>urn:uuid:1335c695-cfb8-4ebb-abbd-80da344efa6b</guid> <title>News Title</title> <description>News Description</description> <link>Source URL</link> <pubDate>published Date</pubDate> </item>

38.

Yo u j u s t p r o v i d e y o u r Yo u c a n c r e a t e Wo r d P r e s s ' s R S S . a voice application.

39.

Alexa & WordPress examples • The New York Times https://www.amazon.com/Daily-New-York-Times/dp/B01MY9B5BB/ • Shifter man https://www.amazon.com/dp/B0753C53WQ/ • AMIMOTO News https://www.amazon.com/Digitalcube-Inc-AMIMOTO-News/dp/B0753ZQXTL

40.

Alexa Skills Kit SDK for Node.js Examples • Hello World • RSS / ATOM Feed reader • Quiz game • City Guide • etc… https://github.com/alexa/

41.
[beta]
A l e x a S k i l l s k i t + W P A P I = > C u s t o m Vo i c e S k i l l
'GetNewsIntent': function () {
const self = this
// Call WP API
h t t p G e t ( ' h t t p s : / / g e t s h i f t e r. i o / w p - j s o n / w p / v 2 / p o s t s ' , f u n c t i o n ( r e s p o n s e ) {
// Parse API response
const responseData = JSON.parse(response);
const output = responseData[0].title.rendered;
// Make Alexa response
self.response.speak(output);
self.emit(':responseReady');
})
},

#getshifter

42.

h t t p s : / / w w w. a m a z o n . c o m / D i g i t a l c u b e - I n c - S h i f t e r- m a n / Alexa + WP API example #getshifter

43.

https://github.com/getshifter/alexa-shifterman Shifterman is OSS #getshifter

44.

Conclusion • Create scalable WordPress sites with Serverless • Build your own voice apps with Amazon Alexa, today • Power your Alexa enabled apps with WordPress • Combine WordPress and Alexa for an entirely new media

45.

Thanks ! https://getshifter.io/ #getshifter