Upgrade to Pro — share decks privately, control downloads, hide ads and more …

APIを使う、作る

 APIを使う、作る

TanakaMidnight

April 15, 2022
Tweet

More Decks by TanakaMidnight

Other Decks in Programming

Transcript

  1. Using APIs,
    Creating APIs
    2022.4.9 @TanakaMidnight

    View full-size slide

  2. ★ フロントエンドエンジニアで
    バックエンドはやったことがない
    ★ Reactで何か作りたいけど
    バックエンドまで作る時間が無い
    ★ サーバー立てずにバックエンド作りたい
    ★ お金をかけずにバックエンドを作りたい
    対象者
    2

    View full-size slide

  3. Agenda
    3
    1. あるものを使う
    「公開APIを利用」
    2. なければサクッと作る
    「ノーコード」
    3. ちょっと凝ったことをしたい
    「サーバレス」

    View full-size slide

  4. 1.
    あるものを使う
    「公開APIを利用」
    利用できるAPIを紹介。

    View full-size slide

  5. Google Cloud Vision API
    https://cloud.google.com/vision/
    画像分析
    ラベル検出, 顔検出,
    テキスト検出などが可能
    無料枠:1,000 ユニット/月まで
    ※1ユニット:1検出
    5

    View full-size slide

  6. Cloud Natural Language
    API
    https://cloud.google.com/natural-language
    非構造化テキストを分析
    エンティティ分析, 感情分析,
    構文分析などが可能
    無料枠:5,000 ユニット/月まで
    ※1ユニット:1000文字まで
    6

    View full-size slide

  7. Weather API
    https://openweathermap.org/api
    天気情報の取得
    無料枠: 60 呼び出し/分
    7

    View full-size slide

  8. Exercise DB
    https://rapidapi.com/justin-WFnsXH_t6/api/exe
    rcisedb/
    エクササイズ情報を取得(英語)
    8
    Food Calorie Data Search
    https://rapidapi.com/kenpi04/api/food-calorie-d
    ata-search/
    カロリー等の栄養素情報を取得(英
    語)

    View full-size slide

  9. RapidAPI Hub
    https://rapidapi.com/hub
    APIを検索、実行可能なサービス
    無償で試せるAPIなどが豊富。
    9

    View full-size slide

  10. 2.
    なければサクッと作る「ノー
    コード」
    各種サービス紹介

    View full-size slide

  11. SheetDB
    https://sheetdb.io
    GoogleスプレッドシートをDB代わりに利
    用できる
    無料枠:500 リクエスト/月まで
    参考記事)
    Googleスプレッドシートで APIが作れる「SheetDB」
    https://itnews.org/news_contents/product-sheet-db/
    11

    View full-size slide

  12. Base
    https://www.base-api.io
    画像やファイルの保存、ユーザー認証、
    メール送信などのAPIを提供
    無料利用枠あり
    参考記事)
    アカウント認証の APIをオールインワンで提供する「 Base API」
    https://itnews.org/news_contents/product-base-api
    12

    View full-size slide

  13. 3.
    ちょっと凝ったことをしたい
    「サーバレス」
    各種サービス紹介

    View full-size slide

  14. Firebase
    https://firebase.google.com/
    Backend as a Service
    認証、ストレージ、DBなど
    バックエンドを作成可能
    無料利用枠あり
    14

    View full-size slide

  15. AWS Amplify
    https://aws.amazon.com/jp/amplify/
    Backend as a Service
    認証、ストレージ、DBなど
    バックエンドを作成可能
    12 か月間の無料利用枠期間あり
    15

    View full-size slide

  16. 16
    THANKS!
    Any questions?
    You can find me at @TanakaMidnight

    View full-size slide