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
180
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
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
270
Vue.jsの始め方
tanakamidnight
0
400
Vuesaxを使ってみる
tanakamidnight
0
460
FirebaseでWebサービスを作った(てる)話
tanakamidnight
0
600
Other Decks in Programming
See All in Programming
Vite+ Unified Toolchain for the Web
naokihaba
0
410
act1-costs.pdf
sumedhbala
0
150
LaravelLive Japan の裏方のすべて — 第188回 PHP勉強会@東京 (2026-06-24)
suguruooki
2
140
Semantic Version 単位で戦略を柔軟に変えて、パッケージアップデートを自動化する
daitasu
1
330
これからAgentCoreを触る方へトレンドはGatewayです
har1101
6
460
なぜ型を書くのか? TSKaigi2026で改めて考える #tskaigi_smarthr
kajitack
0
190
技術的負債解消で開発者の未来を開く- AIの力でコード刷新
kmd2kmd
0
140
その問い、本当に正しいですか?AI時代のエンジニアに必要な哲学と認知科学 / ai-philosophy-cognitive-science
minodriven
14
6.6k
Even G2とAWSで推しのエージェントを召喚しよう!
har1101
1
140
エンジニアにデザインハーネスを 〜デザインプロセスを規定するためのハーネス〜 / Design harness from an engineer's perspective
rkaga
2
560
Spec Driven Development | AI Summit Lisbon
danielsogl
PRO
0
230
分散システム、なんですぐ死んでしまうん?耐障害性を高めたいあなたのためのレジリエンスパターン入門
mshibuya
2
490
Featured
See All Featured
Ruling the World: When Life Gets Gamed
codingconduct
0
270
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
3.6k
New Earth Scene 8
popppiees
3
2.4k
Ethics towards AI in product and experience design
skipperchong
2
320
How STYLIGHT went responsive
nonsquared
100
6.2k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
2
880
The Director’s Chair: Orchestrating AI for Truly Effective Learning
tmiket
1
210
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.3k
Everyday Curiosity
cassininazir
0
250
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
1
1.3k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
Color Theory Basics | Prateek | Gurzu
gurzu
0
380
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