エンジニアの自由研究発表会vol.8 【無駄のない無駄なシステム】AWS Lambdaを活用した サーバレス自己顕示欲満たしシステム デュエル名刺ジェネレーター v2 の構築 の資料

1. 内容は個人的な見解であり、所属する会社、組織とは全く関係ありません。
また、クソデュエル名刺ジェネレーターは、発表者個人がプライベートでの技術検証のために作成したものであり
所属する会社、組織とは全く関係ありません。
鈴木 潤
パーソルホールディングス株式会社
https://digi-card-web.belltree.tokyo/
【無駄のない無駄なシステム】AWS Lambdaを活用した
サーバレス自己顕示欲満たしシステム デュエル名刺ジェネレーター v2 の構築
アクセスして
作ったやつを
Twitterでシェア！
俺がエゴサする！

2. 内容は個人的な見解であり、所属する会社、組織とは全く関係ありません。
また、クソデュエル名刺ジェネレーターは、発表者個人がプライベートでの技術検証のために作成したものであり
所属する会社、組織とは全く関係ありません。
自己紹介
鈴木 潤
平社員 33歳 男性
所属：パーソルホールディングス株式会社
GDXエンゲージメントプロダクト開発部
社内業務システムの開発, R&D など
好きなもの 金と権力
欲しいもの 金と権力
苦手なもの しごと・社会活動全般
好きなもの 金と権力
https://digi-card-web.belltree.tokyo/
アクセスして
作ったやつを
Twitterでシェア！
俺がエゴサする！

3. 内容は個人的な見解であり、所属する会社、組織とは全く関係ありません。
また、クソデュエル名刺ジェネレーターは、発表者個人がプライベートでの技術検証のために作成したものであり
所属する会社、組織とは全く関係ありません。
https://digi-card-web.belltree.tokyo/
自己顕示欲
自己
顕示欲
アクセスして
作ったやつを
Twitterでシェア！
俺がエゴサする！
自分を実際よりも
大きく見せなければならない！！！１

4. https://digi-card-web.belltree.tokyo/
内容は個人的な見解であり、所属する会社、組織とは全く関係ありません。
また、クソデュエル名刺ジェネレーターは、発表者個人がプライベートでの技術検証のために作成したものであり
所属する会社、組織とは全く関係ありません。
クソデュエル名刺ジェネレーター v2
アクセスして
作ったやつを
Twitterでシェア！
俺がエゴサする！

5. 内容は個人的な見解であり、所属する会社、組織とは全く関係ありません。
また、クソデュエル名刺ジェネレーターは、発表者個人がプライベートでの技術検証のために作成したものであり
所属する会社、組織とは全く関係ありません。
https://digi-card-web.belltree.tokyo/
OGPに対応
名刺交換フェイズに
差し出すことで
ビジネスの場でも
コンバットトリックを
キメることができる！
アクセスして
作ったやつを
Twitterでシェア！
俺がエゴサする！

6. お金、出来るだけ払いたくない
内容は個人的な見解であり、所属する会社、組織とは全く関係ありません。
また、クソデュエル名刺ジェネレーターは、発表者個人がプライベートでの技術検証のために作成したものであり
所属する会社、組織とは全く関係ありません。
https://digi-card-web.belltree.tokyo/
アクセスして
作ったやつを
Twitterでシェア！
俺がエゴサする！

7. 内容は個人的な見解であり、所属する会社、組織とは全く関係ありません。
また、クソデュエル名刺ジェネレーターは、発表者個人がプライベートでの技術検証のために作成したものであり
所属する会社、組織とは全く関係ありません。
https://digi-card-web.belltree.tokyo/
Lambda function
Lambda function
Amazon API Gateway
S3
Amazon CloudFront
Amazon Elastic Container
Registry (Amazon ECR)
AWS Cloud
動的に画像を生成
画像生成ライブラリ
をインストールしたイメージをアップロード
JavaScript
CSSなど
画像生成ライブラリ
node-canvas
Fabric.js
含めると、50MBを超えてしまうため、
Lambda関数をコンテナで作成 EJS（Node.jsで使えるテンプレートエンジン）
でHTMLを動的に生成
メタタグにbase64文字列を入れるだけでは画像が表示されないため、OGP用のURLを作る必要がある。
Twitter API
Lambda function

8. 内容は個人的な見解であり、所属する会社、組織とは全く関係ありません。
また、クソデュエル名刺ジェネレーターは、発表者個人がプライベートでの技術検証のために作成したものであり
所属する会社、組織とは全く関係ありません。

9. 内容は個人的な見解であり、所属する会社、組織とは全く関係ありません。
また、クソデュエル名刺ジェネレーターは、発表者個人がプライベートでの技術検証のために作成したものであり
所属する会社、組織とは全く関係ありません。

10. 内容は個人的な見解であり、所属する会社、組織とは全く関係ありません。
また、クソデュエル名刺ジェネレーターは、発表者個人がプライベートでの技術検証のために作成したものであり
所属する会社、組織とは全く関係ありません。
https://digi-card-web.belltree.tokyo/
アクセスして
作ったやつを
Twitterでシェア！
俺がエゴサする！

11. 改善案
内容は個人的な見解であり、所属する会社、組織とは全く関係ありません。
また、クソデュエル名刺ジェネレーターは、発表者個人がプライベートでの技術検証のために作成したものであり
所属する会社、組織とは全く関係ありません。
https://digi-card-web.belltree.tokyo/
アクセスして
作ったやつを
Twitterでシェア！
俺がエゴサする！

12. 内容は個人的な見解であり、所属する会社、組織とは全く関係ありません。
また、クソデュエル名刺ジェネレーターは、発表者個人がプライベートでの技術検証のために作成したものであり
所属する会社、組織とは全く関係ありません。
https://digi-card-web.belltree.tokyo/
Lambda function
Lambda function
Amazon API Gateway
S3
Amazon CloudFront
Amazon Elastic Container
Registry (Amazon ECR)
AWS Cloud
動的に画像を生成
画像生成ライブラリ
をインストールしたイメージをアップロード
JavaScript
CSSなど
画像生成ライブラリ
node-canvas
Fabric.js
含めると、50MBを超えてしまうため、
Lambda関数をコンテナで作成 EJS（Node.jsで使えるテンプレートエンジン）
でHTMLを動的に生成
メタタグにbase64文字列を入れるだけでは画像が表示されないため、OGP用のURLを作る必要がある。
Twitter API
Lambda function
Lambda Layerを使った方が良いかも
月40円くらいかかってる！
由々しき問題である。

13. 内容は個人的な見解であり、所属する会社、組織とは全く関係ありません。
また、クソデュエル名刺ジェネレーターは、発表者個人がプライベートでの技術検証のために作成したものであり
所属する会社、組織とは全く関係ありません。
https://digi-card-web.belltree.tokyo/
Lambda function
Lambda function
Amazon API Gateway
S3
Amazon CloudFront
Amazon Elastic Container
Registry (Amazon ECR)
AWS Cloud
動的に画像を生成
画像生成ライブラリ
をインストールしたイメージをアップロード
JavaScript
CSSなど
画像生成ライブラリ
node-canvas
Fabric.js
含めると、50MBを超えてしまうため、
Lambda関数をコンテナで作成 EJS（Node.jsで使えるテンプレートエンジン）
でHTMLを動的に生成
メタタグにbase64文字列を入れるだけでは画像が表示されないため、OGP用のURLを作る必要がある。
Twitter API
Lambda function
* キャッシュを有効にしたほうが
良いかも
* コールドスタート対策の仕組み
を入れたほうが良いかも

14. 内容は個人的な見解であり、所属する会社、組織とは全く関係ありません。
また、クソデュエル名刺ジェネレーターは、発表者個人がプライベートでの技術検証のために作成したものであり
所属する会社、組織とは全く関係ありません。
https://digi-card-web.belltree.tokyo/
一定程度まじめなまとめ
API GatewayとLambdaを使うことで、EC2やLightsailなどを使わなくて
も画像を生成するAPIを作成することができた。
API GatewayとLambdaとテンプレートエンジン（今回はEJS）を使うこ
とでJSONではなくHTMLを返すAPIを作成することができた。
Lambda Layerを使うことで、ECRのコストを抑えられる可能性がある
API Gatewayのキャッシュ機能、またはCloudFrontの組み合わせること
Lambdaのコールドスタート対策の仕組みの導入などで、デュエル名刺
の表示速度を改善が可能性が考えられる。
アクセスして
作ったやつを
Twitterでシェア！
俺がエゴサする！
終
制作・著作
━━━━━
鈴木潤