Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
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
460
Vue.jsで作るAdobeXDプラグイン
tanakamidnight
0
690
できるようになるかもしれないVueNative
tanakamidnight
0
33
ハンズオンを支えた技術
tanakamidnight
0
260
Vue.jsの始め方
tanakamidnight
0
370
Vuesaxを使ってみる
tanakamidnight
0
440
FirebaseでWebサービスを作った(てる)話
tanakamidnight
0
560
Other Decks in Programming
See All in Programming
CSC509 Lecture 14
javiergs
PRO
0
220
ローターアクトEクラブ アメリカンナイト:川端 柚菜 氏(Japan O.K. ローターアクトEクラブ 会長):2720 Japan O.K. ロータリーEクラブ2025年12月1日卓話
2720japanoke
0
720
スタートアップを支える技術戦略と組織づくり
pospome
8
16k
宅宅自以為的浪漫:跟 AI 一起為自己辦的研討會寫一個售票系統
eddie
0
490
Full-Cycle Reactivity in Angular: SignalStore mit Signal Forms und Resources
manfredsteyer
PRO
0
120
AIの誤りが許されない業務システムにおいて“信頼されるAI” を目指す / building-trusted-ai-systems
yuya4
6
1.9k
大体よく分かるscala.collection.immutable.HashMap ~ Compressed Hash-Array Mapped Prefix-tree (CHAMP) ~
matsu_chara
1
210
WebRTC と Rust と8K 60fps
tnoho
2
1.9k
Rediscover the Console - SymfonyCon Amsterdam 2025
chalasr
2
160
SwiftUIで本格音ゲー実装してみた
hypebeans
0
100
Go コードベースの構成と AI コンテキスト定義
andpad
0
120
堅牢なフロントエンドテスト基盤を構築するために行った取り組み
shogo4131
8
2.2k
Featured
See All Featured
Product Roadmaps are Hard
iamctodd
PRO
55
12k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.8k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
253
22k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
47
7.8k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.8k
Being A Developer After 40
akosma
91
590k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
1.6k
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
3
390
Git: the NoSQL Database
bkeepers
PRO
432
66k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.8k
Thoughts on Productivity
jonyablonski
73
5k
Build The Right Thing And Hit Your Dates
maggiecrowley
38
3k
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