Download to read offline
![Action with Obseriot
action.context.replace = {
handler: {
name: ‘action_context_replace’,
action: ( screen, id, url ) => [ screen, id, url ]
} }](https://image.slidesharecdn.com/riot-170202101657/85/Riot-63-320.jpg)
![[20171116 三木会] AWSを利用したサーバーレス開発の実践 by アイレット株式会社 cloudpack事業部 高橋 直樹 氏](https://cdn.slidesharecdn.com/ss_thumbnails/2aws-171130004633-thumbnail.jpg?width=640&height=640&fit=bounds)
![[D3]サーバーレスでサービスを作ってみた話](https://cdn.slidesharecdn.com/ss_thumbnails/d3-161107044903-thumbnail.jpg?width=640&height=640&fit=bounds)
Riotでサーバレスにした話
- 1.
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21.
- 22.
- 23.
- 24.
- 26.
- 27.
- 28.
- 29.
- 31.
- 32.
- 33.
- 34. Lambda の APIから RDS に接続
- 35. API Gateway でHTTP リクエス トから Lambda を呼び出す
- 36. S3 に html,js, css
- 37. CloudFront の ErrorPage を index.html にする
- 38.
- 39.
- 40.
- 41.
- 43. API Gateway の プロキシ統合で Lambdaをプロキシ サーバにする Lambda で SSR して、返ってきた HTML を 元に適宜ステータスコードを設定 プロキシ統合によって UA などのヘッダで 処理を自由に変えることが可能
- 44.
- 45.
- 46.
- 47.
- 48.
- 49.
- 50.
- 51.
- 52.
- 53.
- 54.
- 55.
- 57.
- 58.
- 59. <app> <div ref=”screens”></div> <script> ( …) </script> </app> app.tag
- 60. import riot from‘riot’ import route from ‘riot-route’ import urlListener from ‘./my/libs/urlListener’ route( urlListener ) riot.mount( ‘app’ ) init.js
- 61.
- 62.
- 63. Action with Obseriot action.context.replace= { handler: { name: ‘action_context_replace’, action: ( screen, id, url ) => [ screen, id, url ] } }
- 64. Store with Obseriot store.context= { state: {}, handler: { name: ‘store_context’, action: () => store.context.state } }
- 65. Dispatch Action withObseriot obseriot.notify( action.context.replace, screen, id, url )
- 66. Reduce Store withObseriot obseriot.listen( action.context.replace, ( s, i, u) => { store.cotext.state = { screen: s, id: i, url: u } obseriot.notify( store.context ) } )
- 67.
- 68. context, history, browser,windowSize, user, posts, modal, menu, ad, ... なるべく多くの状態をストアで管理
- 69. キャッチされない例外が発生したら ストアのデータを送信すれば、 バグの改善につながる window.onerror = msg=> { mySendFn( msg, getAllState() ) }
- 70.
- 71. CloudFront API Gateway Lambda S3 RDS EC2 $3,703 Before $6,737 After $3,490 Now CloudFront +API Gateway + Lambda + S3 $773 インスタンス変えるの サボっているだけ
- 72. CloudFront 3,732 GB APIGateway 360.12 GB Lambda 9,910,208.48 s 12,710,517 Request S3 ... Cost