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
170
0
Share
APIを使う、作る
TanakaMidnight
April 15, 2022
More Decks by TanakaMidnight
See All by TanakaMidnight
Vue.jsで書くAdobe XD Plugin
tanakamidnight
0
560
Web App created by Vue.js / Firebase (RxFire)
tanakamidnight
0
460
Firebaseここ最近(2019/01~05)の新機能(Osaka, Web寄り)
tanakamidnight
1
470
Vue.jsで作るAdobeXDプラグイン
tanakamidnight
0
700
できるようになるかもしれないVueNative
tanakamidnight
0
37
ハンズオンを支えた技術
tanakamidnight
0
260
Vue.jsの始め方
tanakamidnight
0
390
Vuesaxを使ってみる
tanakamidnight
0
460
FirebaseでWebサービスを作った(てる)話
tanakamidnight
0
600
Other Decks in Programming
See All in Programming
TSKaigi2026-静的解析への投資がAI時代のコード品質を支える ── カスタムESLintルールの設計と運用
hayatokudou
7
1.3k
inferと仲良くなる10分間
ryokatsuse
1
350
サーバーレスで作る、動画データ管理基盤
oyasumipants
0
360
TSKaigi 2026 TypeScriptバックエンドのオブザーバビリティ戦略 — Datadog × NestJSの実践
taiseiyamamotoan
1
260
ユニットテストの先へ:テスト技法で要求・仕様を整理するJava開発実践 / Beyond_Unit_Testing_Practical_Java_Development_Techniques_for_Organizing_Requirements_and_Specifications
shimashima35
0
340
These Five Tricks Can Make Your Apps Greener, Cheaper, & Nicer
hollycummins
0
270
運用エージェントは "作る" から "育てる" へ - 記憶と自己進化の3層設計パターン / self-evolving-agents-three-layer-agent-design
gawa
12
3.4k
技術記事、AIに書かせるか、自分で書くか? 〜それでも私が自分の手で書く理由〜 / #QiitaConference
jnchito
2
1.2k
Modding RubyKaigi for Myself
yui_knk
0
870
ビジネスモデルから紐解く、AI+型駆動開発
hirokiomote
2
5.2k
「エンジニアインターン、どうやって取った?」準備のリアルを語るLT会 Progate BAR
akiomatic
0
120
Inspired By RubyKaigi (EN)
atzzcokek
0
500
Featured
See All Featured
Darren the Foodie - Storyboard
khoart
PRO
3
3.4k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.7k
Building a Modern Day E-commerce SEO Strategy
aleyda
45
9.1k
We Analyzed 250 Million AI Search Results: Here's What I Found
joshbly
1
1.3k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
860
How to build an LLM SEO readiness audit: a practical framework
nmsamuel
1
760
Building the Perfect Custom Keyboard
takai
2
780
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
2k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
helenjbeal
1
210
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
16k
The untapped power of vector embeddings
frankvandijk
2
1.7k
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