---
title: ServerlessでAnnictに記録したアニメ数をバッジにす るサービスを作った話
tags:  #serverlesslt #プログラミング  
author: [ペンギン内閣](https://www.docswell.com/user/PenguinCabinet)
site: [Docswell](https://www.docswell.com/)
thumbnail: https://bcdn.docswell.com/page/Y76Y9RGQEV.jpg?width=480
description: Serverless LT会発表資料 https://qiita.com/PenguinCabinet/items/6cdb6db6a5f8083295e5
published: November 25, 22
canonical: https://www.docswell.com/s/PenguinCabinet/5DP245-Serverless-LT1
---
# Page. 1

![Page Image](https://bcdn.docswell.com/page/Y76Y9RGQEV.jpg)

ServerlessでAnnictに記録したアニメ数をバッジにす
るサービスを作った話
ペンギン内閣


# Page. 2

![Page Image](https://bcdn.docswell.com/page/G75GN8V274.jpg)

Annictとは
見たアニメを記録したり、感想を書いたりするサービスです。
(APIも公開されていて、開発者にはありがたい)


# Page. 3

![Page Image](https://bcdn.docswell.com/page/9J2Y5K31JR.jpg)

作ろうと思った動機
Githubプロフィール用のバッジを生成するサービスがあります。
Qiitaのコントリビューション数や記事数をバッジにするサービスやZennの記事数をバ
ッジにするサービスなどです。


# Page. 4

![Page Image](https://bcdn.docswell.com/page/DEYGKN14EM.jpg)

僕も何かをバッジにするサービスを作りたい


# Page. 5

![Page Image](https://bcdn.docswell.com/page/VJNGRX2678.jpg)

作りました


# Page. 6

![Page Image](https://bcdn.docswell.com/page/YE9WM81RE3.jpg)

Annictに記録した見たアニメ数やフォロワー数をバッ
ジにするサービス
Annict-Badge
Githubプロフィール用に使えます。
# My Annict watched animes(「見た」アニメ数)
[![My Annict watched animes](https://annict.penguincabinet.com/?user_id=PenguinCabinet&type=watched_count)](https://annict.com/@PenguinCabinet)
# My Annict create at(Annictアカウントを作った日付)
[![My Annict create at](https://annict.penguincabinet.com/?user_id=PenguinCabinet&type=created_at)](https://annict.com/@PenguinCabinet)
# My Annict followers(フォロワー数)
[![My Annict followers](https://annict.penguincabinet.com/?user_id=PenguinCabinet&type=followers_count)](https://annict.com/@PenguinCabinet)


# Page. 7

![Page Image](https://bcdn.docswell.com/page/GE8NL84G7D.jpg)

使用した技術スタック
Google Cloud Functions
Google Cloud Run
Python
Google Cloud Runを使用しているのは、独自ドメインを設定するためです。
Google Cloud FunctionsからGoogle Cloud Runに変換しています。


# Page. 8

![Page Image](https://bcdn.docswell.com/page/LELPLR6X7R.jpg)

フローチャート


# Page. 9

![Page Image](https://bcdn.docswell.com/page/4JM4MR537W.jpg)

サーバーレスにして良かったところ
スケーリングをあんまり考えなくていい。
今回のシンプルにSVG画像を返すのとFaaSの構造がベストマッチだった。
デプロイが簡単。VPSだと環境構築とかしなきゃいけないので。


# Page. 10

![Page Image](https://bcdn.docswell.com/page/PJRWVR3R79.jpg)

おわり
ご清聴ありがとうございました