Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
APIを使う、作る
Search
TanakaMidnight
April 15, 2022
Programming
0
160
APIを使う、作る
TanakaMidnight
April 15, 2022
Tweet
Share
More Decks by TanakaMidnight
See All by TanakaMidnight
Vue.jsで書くAdobe XD Plugin
tanakamidnight
0
540
Web App created by Vue.js / Firebase (RxFire)
tanakamidnight
0
430
Firebaseここ最近(2019/01~05)の新機能(Osaka, Web寄り)
tanakamidnight
1
450
Vue.jsで作るAdobeXDプラグイン
tanakamidnight
0
680
できるようになるかもしれないVueNative
tanakamidnight
0
32
ハンズオンを支えた技術
tanakamidnight
0
260
Vue.jsの始め方
tanakamidnight
0
370
Vuesaxを使ってみる
tanakamidnight
0
440
FirebaseでWebサービスを作った(てる)話
tanakamidnight
0
550
Other Decks in Programming
See All in Programming
AI時代に必須!状況言語化スキル / ai-context-verbalization
minodriven
2
250
マンガアプリViewerの大画面対応を考える
kk__777
0
430
組込みだけじゃない!TinyGo で始める無料クラウド開発入門
otakakot
2
380
pnpm に provenance のダウングレード を検出する PR を出してみた
ryo_manba
1
170
CSC305 Lecture 10
javiergs
PRO
0
330
GC25 Recap: The Code You Reviewed is Not the Code You Built / #newt_gophercon_tour
mazrean
0
140
O Que É e Como Funciona o PHP-FPM?
marcelgsantos
0
240
Module Proxyのマニアックな話 / Niche Topics in Module Proxy
kuro_kurorrr
0
200
퇴근 후 1억이 거래되는 서비스 만들기 | 내가 AI를 사용하는 방법
maryang
1
160
alien-signals と自作 OSS で実現する フレームワーク非依存な ロジック共通化の探求 / Exploring Framework-Agnostic Logic Sharing with alien-signals and Custom OSS
aoseyuu
3
4.7k
ドメイン駆動設計のエッセンス
masuda220
PRO
15
6.9k
Google Opal解体新書
mickey_kubo
3
100
Featured
See All Featured
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.7k
How to train your dragon (web standard)
notwaldorf
97
6.3k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
The Art of Programming - Codeland 2020
erikaheidi
56
14k
Product Roadmaps are Hard
iamctodd
PRO
55
11k
Embracing the Ebb and Flow
colly
88
4.9k
Why Our Code Smells
bkeepers
PRO
340
57k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.1k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
For a Future-Friendly Web
brad_frost
180
10k
Mobile First: as difficult as doing things right
swwweet
225
10k
Six Lessons from altMBA
skipperchong
29
4k
Transcript
Using APIs, Creating APIs 2022.4.9 @TanakaMidnight
★ フロントエンドエンジニアで バックエンドはやったことがない ★ Reactで何か作りたいけど バックエンドまで作る時間が無い ★ サーバー立てずにバックエンド作りたい ★ お金をかけずにバックエンドを作りたい
対象者 2
Agenda 3 1. あるものを使う 「公開APIを利用」 2. なければサクッと作る 「ノーコード」 3. ちょっと凝ったことをしたい
「サーバレス」
1. あるものを使う 「公開APIを利用」 利用できるAPIを紹介。
Google Cloud Vision API https://cloud.google.com/vision/ 画像分析 ラベル検出, 顔検出, テキスト検出などが可能 無料枠:1,000
ユニット/月まで ※1ユニット:1検出 5
Cloud Natural Language API https://cloud.google.com/natural-language 非構造化テキストを分析 エンティティ分析, 感情分析, 構文分析などが可能 無料枠:5,000
ユニット/月まで ※1ユニット:1000文字まで 6
Weather API https://openweathermap.org/api 天気情報の取得 無料枠: 60 呼び出し/分 7
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/ カロリー等の栄養素情報を取得(英 語)
RapidAPI Hub https://rapidapi.com/hub APIを検索、実行可能なサービス 無償で試せるAPIなどが豊富。 9
2. なければサクッと作る「ノー コード」 各種サービス紹介
SheetDB https://sheetdb.io GoogleスプレッドシートをDB代わりに利 用できる 無料枠:500 リクエスト/月まで 参考記事) Googleスプレッドシートで APIが作れる「SheetDB」 https://itnews.org/news_contents/product-sheet-db/
11
Base https://www.base-api.io 画像やファイルの保存、ユーザー認証、 メール送信などのAPIを提供 無料利用枠あり 参考記事) アカウント認証の APIをオールインワンで提供する「 Base API」
https://itnews.org/news_contents/product-base-api 12
3. ちょっと凝ったことをしたい 「サーバレス」 各種サービス紹介
Firebase https://firebase.google.com/ Backend as a Service 認証、ストレージ、DBなど バックエンドを作成可能 無料利用枠あり 14
AWS Amplify https://aws.amazon.com/jp/amplify/ Backend as a Service 認証、ストレージ、DBなど バックエンドを作成可能 12
か月間の無料利用枠期間あり 15
16 THANKS! Any questions? You can find me at @TanakaMidnight