Suche senden
Hochladen
サーバーレスでアンケートフォームを作ってみた
•
Als PPTX, PDF herunterladen
•
0 gefällt mir
•
1,402 views
R
ryutakatori
Folgen
若手勉強会用資料。基本的にはリンク集です。 リンクが有効になっていなかったので上げなおしました。
Weniger lesen
Mehr lesen
Technologie
Diashow-Anzeige
Melden
Teilen
Diashow-Anzeige
Melden
Teilen
1 von 13
Jetzt herunterladen
Empfohlen
Amazon Athena 初心者向けハンズオン
Amazon Athena 初心者向けハンズオン
Amazon Web Services Japan
20210216 AWS Black Belt Online Seminar AWS Database Migration Service
20210216 AWS Black Belt Online Seminar AWS Database Migration Service
Amazon Web Services Japan
20190821 AWS Black Belt Online Seminar AWS AppSync
20190821 AWS Black Belt Online Seminar AWS AppSync
Amazon Web Services Japan
20190806 AWS Black Belt Online Seminar AWS Glue
20190806 AWS Black Belt Online Seminar AWS Glue
Amazon Web Services Japan
AWS Black Belt Online Seminar 2017 Amazon Kinesis
AWS Black Belt Online Seminar 2017 Amazon Kinesis
Amazon Web Services Japan
GraphQL入門 (AWS AppSync)
GraphQL入門 (AWS AppSync)
Amazon Web Services Japan
AWSにおけるバッチ処理の ベストプラクティス - Developers.IO Meetup 05
AWSにおけるバッチ処理の ベストプラクティス - Developers.IO Meetup 05
都元ダイスケ Miyamoto
[AWS EXpert Online for JAWS-UG 18] 見せてやるよ、Step Functions の本気ってやつをな
[AWS EXpert Online for JAWS-UG 18] 見せてやるよ、Step Functions の本気ってやつをな
Amazon Web Services Japan
Empfohlen
Amazon Athena 初心者向けハンズオン
Amazon Athena 初心者向けハンズオン
Amazon Web Services Japan
20210216 AWS Black Belt Online Seminar AWS Database Migration Service
20210216 AWS Black Belt Online Seminar AWS Database Migration Service
Amazon Web Services Japan
20190821 AWS Black Belt Online Seminar AWS AppSync
20190821 AWS Black Belt Online Seminar AWS AppSync
Amazon Web Services Japan
20190806 AWS Black Belt Online Seminar AWS Glue
20190806 AWS Black Belt Online Seminar AWS Glue
Amazon Web Services Japan
AWS Black Belt Online Seminar 2017 Amazon Kinesis
AWS Black Belt Online Seminar 2017 Amazon Kinesis
Amazon Web Services Japan
GraphQL入門 (AWS AppSync)
GraphQL入門 (AWS AppSync)
Amazon Web Services Japan
AWSにおけるバッチ処理の ベストプラクティス - Developers.IO Meetup 05
AWSにおけるバッチ処理の ベストプラクティス - Developers.IO Meetup 05
都元ダイスケ Miyamoto
[AWS EXpert Online for JAWS-UG 18] 見せてやるよ、Step Functions の本気ってやつをな
[AWS EXpert Online for JAWS-UG 18] 見せてやるよ、Step Functions の本気ってやつをな
Amazon Web Services Japan
とにかく分かりづらいTwelve-Factor Appの解説を試みる
とにかく分かりづらいTwelve-Factor Appの解説を試みる
Masatoshi Tada
The Twelve-Factor Appで考えるAWSのサービス開発
The Twelve-Factor Appで考えるAWSのサービス開発
Amazon Web Services Japan
202205 AWS Black Belt Online Seminar Amazon VPC IP Address Manager (IPAM)
202205 AWS Black Belt Online Seminar Amazon VPC IP Address Manager (IPAM)
Amazon Web Services Japan
Amazon DynamoDB(初心者向け 超速マスター編)JAWSUG大阪
Amazon DynamoDB(初心者向け 超速マスター編)JAWSUG大阪
崇之 清水
Apache Airflow入門 (マーケティングデータ分析基盤技術勉強会)
Apache Airflow入門 (マーケティングデータ分析基盤技術勉強会)
Takeshi Mikami
AWSで作る分析基盤
AWSで作る分析基盤
Yu Otsubo
20200630 AWS Black Belt Online Seminar Amazon Cognito
20200630 AWS Black Belt Online Seminar Amazon Cognito
Amazon Web Services Japan
初心者向けMongoDBのキホン!
初心者向けMongoDBのキホン!
Tetsutaro Watanabe
AWS Black Belt Online Seminar 2017 Amazon DynamoDB
AWS Black Belt Online Seminar 2017 Amazon DynamoDB
Amazon Web Services Japan
DatadogでAWS監視やってみた
DatadogでAWS監視やってみた
tyamane
AWS BlackBelt AWS上でのDDoS対策
AWS BlackBelt AWS上でのDDoS対策
Amazon Web Services Japan
20210330 AWS Black Belt Online Seminar AWS Glue -Glue Studioを使ったデータ変換のベストプラクティス-
20210330 AWS Black Belt Online Seminar AWS Glue -Glue Studioを使ったデータ変換のベストプラクティス-
Amazon Web Services Japan
Amazon Redshift パフォーマンスチューニングテクニックと最新アップデート
Amazon Redshift パフォーマンスチューニングテクニックと最新アップデート
Amazon Web Services Japan
backlogsでもCI/CDする夢を見る
backlogsでもCI/CDする夢を見る
Takeru Maehara
20200526 AWS Black Belt Online Seminar AWS X-Ray
20200526 AWS Black Belt Online Seminar AWS X-Ray
Amazon Web Services Japan
【第21回Elasticsearch勉強会】aws環境に合わせてelastic stackをログ分析基盤として構築した話
【第21回Elasticsearch勉強会】aws環境に合わせてelastic stackをログ分析基盤として構築した話
Hibino Hisashi
Re: ゼロから始める監視設計
Re: ゼロから始める監視設計
Masahito Zembutsu
VPC Reachability Analyzer 使って人生が変わった話
VPC Reachability Analyzer 使って人生が変わった話
Noritaka Sekiyama
AWS Black Belt Online Seminar Amazon Aurora
AWS Black Belt Online Seminar Amazon Aurora
Amazon Web Services Japan
AWSメンテナンス ElastiCache編
AWSメンテナンス ElastiCache編
Serverworks Co.,Ltd.
Sql world を支える技術
Sql world を支える技術
Oda Shinsuke
The seminar of asp.net at 201908 sakurug
The seminar of asp.net at 201908 sakurug
SAKURUG co.
Weitere ähnliche Inhalte
Was ist angesagt?
とにかく分かりづらいTwelve-Factor Appの解説を試みる
とにかく分かりづらいTwelve-Factor Appの解説を試みる
Masatoshi Tada
The Twelve-Factor Appで考えるAWSのサービス開発
The Twelve-Factor Appで考えるAWSのサービス開発
Amazon Web Services Japan
202205 AWS Black Belt Online Seminar Amazon VPC IP Address Manager (IPAM)
202205 AWS Black Belt Online Seminar Amazon VPC IP Address Manager (IPAM)
Amazon Web Services Japan
Amazon DynamoDB(初心者向け 超速マスター編)JAWSUG大阪
Amazon DynamoDB(初心者向け 超速マスター編)JAWSUG大阪
崇之 清水
Apache Airflow入門 (マーケティングデータ分析基盤技術勉強会)
Apache Airflow入門 (マーケティングデータ分析基盤技術勉強会)
Takeshi Mikami
AWSで作る分析基盤
AWSで作る分析基盤
Yu Otsubo
20200630 AWS Black Belt Online Seminar Amazon Cognito
20200630 AWS Black Belt Online Seminar Amazon Cognito
Amazon Web Services Japan
初心者向けMongoDBのキホン!
初心者向けMongoDBのキホン!
Tetsutaro Watanabe
AWS Black Belt Online Seminar 2017 Amazon DynamoDB
AWS Black Belt Online Seminar 2017 Amazon DynamoDB
Amazon Web Services Japan
DatadogでAWS監視やってみた
DatadogでAWS監視やってみた
tyamane
AWS BlackBelt AWS上でのDDoS対策
AWS BlackBelt AWS上でのDDoS対策
Amazon Web Services Japan
20210330 AWS Black Belt Online Seminar AWS Glue -Glue Studioを使ったデータ変換のベストプラクティス-
20210330 AWS Black Belt Online Seminar AWS Glue -Glue Studioを使ったデータ変換のベストプラクティス-
Amazon Web Services Japan
Amazon Redshift パフォーマンスチューニングテクニックと最新アップデート
Amazon Redshift パフォーマンスチューニングテクニックと最新アップデート
Amazon Web Services Japan
backlogsでもCI/CDする夢を見る
backlogsでもCI/CDする夢を見る
Takeru Maehara
20200526 AWS Black Belt Online Seminar AWS X-Ray
20200526 AWS Black Belt Online Seminar AWS X-Ray
Amazon Web Services Japan
【第21回Elasticsearch勉強会】aws環境に合わせてelastic stackをログ分析基盤として構築した話
【第21回Elasticsearch勉強会】aws環境に合わせてelastic stackをログ分析基盤として構築した話
Hibino Hisashi
Re: ゼロから始める監視設計
Re: ゼロから始める監視設計
Masahito Zembutsu
VPC Reachability Analyzer 使って人生が変わった話
VPC Reachability Analyzer 使って人生が変わった話
Noritaka Sekiyama
AWS Black Belt Online Seminar Amazon Aurora
AWS Black Belt Online Seminar Amazon Aurora
Amazon Web Services Japan
AWSメンテナンス ElastiCache編
AWSメンテナンス ElastiCache編
Serverworks Co.,Ltd.
Was ist angesagt?
(20)
とにかく分かりづらいTwelve-Factor Appの解説を試みる
とにかく分かりづらいTwelve-Factor Appの解説を試みる
The Twelve-Factor Appで考えるAWSのサービス開発
The Twelve-Factor Appで考えるAWSのサービス開発
202205 AWS Black Belt Online Seminar Amazon VPC IP Address Manager (IPAM)
202205 AWS Black Belt Online Seminar Amazon VPC IP Address Manager (IPAM)
Amazon DynamoDB(初心者向け 超速マスター編)JAWSUG大阪
Amazon DynamoDB(初心者向け 超速マスター編)JAWSUG大阪
Apache Airflow入門 (マーケティングデータ分析基盤技術勉強会)
Apache Airflow入門 (マーケティングデータ分析基盤技術勉強会)
AWSで作る分析基盤
AWSで作る分析基盤
20200630 AWS Black Belt Online Seminar Amazon Cognito
20200630 AWS Black Belt Online Seminar Amazon Cognito
初心者向けMongoDBのキホン!
初心者向けMongoDBのキホン!
AWS Black Belt Online Seminar 2017 Amazon DynamoDB
AWS Black Belt Online Seminar 2017 Amazon DynamoDB
DatadogでAWS監視やってみた
DatadogでAWS監視やってみた
AWS BlackBelt AWS上でのDDoS対策
AWS BlackBelt AWS上でのDDoS対策
20210330 AWS Black Belt Online Seminar AWS Glue -Glue Studioを使ったデータ変換のベストプラクティス-
20210330 AWS Black Belt Online Seminar AWS Glue -Glue Studioを使ったデータ変換のベストプラクティス-
Amazon Redshift パフォーマンスチューニングテクニックと最新アップデート
Amazon Redshift パフォーマンスチューニングテクニックと最新アップデート
backlogsでもCI/CDする夢を見る
backlogsでもCI/CDする夢を見る
20200526 AWS Black Belt Online Seminar AWS X-Ray
20200526 AWS Black Belt Online Seminar AWS X-Ray
【第21回Elasticsearch勉強会】aws環境に合わせてelastic stackをログ分析基盤として構築した話
【第21回Elasticsearch勉強会】aws環境に合わせてelastic stackをログ分析基盤として構築した話
Re: ゼロから始める監視設計
Re: ゼロから始める監視設計
VPC Reachability Analyzer 使って人生が変わった話
VPC Reachability Analyzer 使って人生が変わった話
AWS Black Belt Online Seminar Amazon Aurora
AWS Black Belt Online Seminar Amazon Aurora
AWSメンテナンス ElastiCache編
AWSメンテナンス ElastiCache編
Ähnlich wie サーバーレスでアンケートフォームを作ってみた
Sql world を支える技術
Sql world を支える技術
Oda Shinsuke
The seminar of asp.net at 201908 sakurug
The seminar of asp.net at 201908 sakurug
SAKURUG co.
Yesod(at FPM2012)
Yesod(at FPM2012)
Seizan Shimazaki
Rdbms起点で考えると見えない世界 okuyama勉強会
Rdbms起点で考えると見えない世界 okuyama勉強会
Masakazu Muraoka
Rendr入門: サーバサイドで(も)動かす、Backbone.js
Rendr入門: サーバサイドで(も)動かす、Backbone.js
Masahiko Tachizono
Node.jsではじめるサーバ構築
Node.jsではじめるサーバ構築
AimingStudy
Spring.project
Spring.project
広平 田村
Javaで1から10まで書いた話(sanitized)
Javaで1から10まで書いた話(sanitized)
Tokuhiro Matsuno
Ppl
Ppl
Seizan Shimazaki
Play frameworkの概要
Play frameworkの概要
Shuhei Kaneko
ASP.NET Core 概要(2017年3月時点)
ASP.NET Core 概要(2017年3月時点)
Atsushi Yokohama (BEACHSIDE)
地方企業がソーシャルゲーム開発を成功させるための10のポイント
地方企業がソーシャルゲーム開発を成功させるための10のポイント
Kentaro Matsui
Cockatoo
Cockatoo
Hiroaki Kubota
JavaScript 研修
JavaScript 研修
Yuki Ishikawa
JavaからScalaへ
JavaからScalaへ
takezoe
Albatross
Albatross
Hiroaki Kubota
LambdaとMobileの美味しいかもしれない関係
LambdaとMobileの美味しいかもしれない関係
Hiraku Komuro
サーバサイドいらずのWebアプリ
サーバサイドいらずのWebアプリ
Kazuya Hiruma
Talk: serverless-express
Talk: serverless-express
HiroyukiTakakura
2016/12/17 ASP.NET フロントエンドタスク入門
2016/12/17 ASP.NET フロントエンドタスク入門
miso- soup3
Ähnlich wie サーバーレスでアンケートフォームを作ってみた
(20)
Sql world を支える技術
Sql world を支える技術
The seminar of asp.net at 201908 sakurug
The seminar of asp.net at 201908 sakurug
Yesod(at FPM2012)
Yesod(at FPM2012)
Rdbms起点で考えると見えない世界 okuyama勉強会
Rdbms起点で考えると見えない世界 okuyama勉強会
Rendr入門: サーバサイドで(も)動かす、Backbone.js
Rendr入門: サーバサイドで(も)動かす、Backbone.js
Node.jsではじめるサーバ構築
Node.jsではじめるサーバ構築
Spring.project
Spring.project
Javaで1から10まで書いた話(sanitized)
Javaで1から10まで書いた話(sanitized)
Ppl
Ppl
Play frameworkの概要
Play frameworkの概要
ASP.NET Core 概要(2017年3月時点)
ASP.NET Core 概要(2017年3月時点)
地方企業がソーシャルゲーム開発を成功させるための10のポイント
地方企業がソーシャルゲーム開発を成功させるための10のポイント
Cockatoo
Cockatoo
JavaScript 研修
JavaScript 研修
JavaからScalaへ
JavaからScalaへ
Albatross
Albatross
LambdaとMobileの美味しいかもしれない関係
LambdaとMobileの美味しいかもしれない関係
サーバサイドいらずのWebアプリ
サーバサイドいらずのWebアプリ
Talk: serverless-express
Talk: serverless-express
2016/12/17 ASP.NET フロントエンドタスク入門
2016/12/17 ASP.NET フロントエンドタスク入門
Kürzlich hochgeladen
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
atsushi061452
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NTT DATA Technology & Innovation
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
Toru Tamaki
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Hiroshi Tomioka
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
WSO2
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
CRI Japan, Inc.
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
Toru Tamaki
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
sn679259
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
CRI Japan, Inc.
Kürzlich hochgeladen
(12)
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
サーバーレスでアンケートフォームを作ってみた
1.
サーバーレスアーキテクチャで アンケートフォームを作ってみた 若手勉強会用資料
2.
はじめに • 今回の内容は、若手向けの初回としてはかなり難しい →キーワードだけ覚えればOK • 次回からは基礎からやるので安心 •
ネット上に情報があるものについて話すのでスライドはリンク集
3.
アンケートフォームを作るのに必要なもの • 何が必要だと思いますか?
4.
アンケートフォームを作るのに必要なもの ※javaで作る場合のサンプル • サーバーサイド • Webサーバー •
apache(アクセスを処理する) • Tomcat(javaを動かす) • javaで作ったプログラム • DB • クライアントサイド • ブラウザ上で動くアンケートフォーム(jsp等) • その他ダイナミックDNS設定などなど……。 → 1週間くらいかかる
5.
サーバーレスで作る場合 ※AWSで作る場合 • サーバーサイド • API
Gateway(アクセスを受け付けるところ) • AWS Lambda(関数を書くだけでプログラムが動く) • Amazon DynamoDB(RDBではないDB。キーと値のセットで使う) • クライアントサイド • ブラウザ上で動くアンケートフォーム(html, js等) • その他AWSへの料金はかかる → 1日でできる!
6.
キーワード • サーバーレスアーキテクチャ • https://www.publickey1.jp/blog/18/serverless.html •
"サーバーレスというよりサーバーエンジニアレス" • https://kurochan-note.hatenablog.jp/entry/2016/08/30/191000 より引用 • "イベントドリブン的な考えを推し進める事でよりそのメリットを最大化" • https://dev.classmethod.jp/cloud/aws/serverless-real-merit/ より引用 • FaaS PaaS IaaS • https://knowledge.sakura.ad.jp/15940/
7.
大まかな構成図 利用者のブラウザ上 HTML CSS JavaScript Ajax ※ページはそのままでJavaScript で裏で通信している API Gateway AWS Lambda DynamoDB
8.
大まかな構成 • アンケート入力ページ • 選択肢から次回の勉強会のテーマで取り扱ってほしいものを一つ選んで送 信 •
裏でAjaxでアンケート結果登録APIにアクセス。登録が正常終了したら結果ページに遷 移させる。 • アンケート結果ページ • ページのロードが終わるとJSが動く • Ajaxでアンケート結果取得APIにアクセス。全結果を取得し、各テーマの得票数を表示 する。
9.
キーワード(というほどでもないですが) • Ajax • 初心者目線でAjaxの説明 •
https://qiita.com/hisamura333/items/e3ea6ae549eb09b7efb9 • REST API • 0からREST APIについて調べてみた • https://qiita.com/masato44gm/items/dffb8281536ad321fb08
10.
アンケートフォーム構築 • 以下サイトを元にAWS関係設定 • AWSのLambdaとDynamoDBとAPIGatewayの連携 •
https://qiita.com/tentatsu/items/c45bcc4062f1a6d4cf2a • Javaの人なのでLambdaはjavaで書こうかと思いましたが、Lambdaのweb上のエディタで さっくり作りたかったので例の通りNode.jsで行きました。 • node.jsは初めてだったので他のページも参考にしました。 • 初めての、LambdaとDynamoDBを使ったAPI開発 • https://qiita.com/miutex/items/d80c9ff0290966eb0cf8 • こちらには取得の時のコードも書いてあるので組み合わせたら行けました。
11.
HTMLの配置 • 頑張らないが目標だったので背景色だけCSSで指定し、他はほとん ど素のHTML • JSはとりあえずJQueryで$.post()とか$.get()を使用 •
できたものはS3に配置し適当に公開 • corsエラーとやらで動かない • 公式のページを基に修正して動くように • https://docs.aws.amazon.com/ja_jp/apigateway/latest/developerguide/how-to- cors.html
12.
完成! • 当日はURLをQRコードにして見てもらえるようにします。
13.
所感 • 古風なやり方に比べるととても早く構築できる。 • AWSが全部管理してくれるので楽。 •
サーバーで複雑な処理をしないのなら、フロントエンドエンジニアが 一人でサービスを作れそう。 • 実際に業務で使われるようになるにはもう少し時間がかかりそうな 目新しい技術を触って楽しかった。
Jetzt herunterladen