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
38
ハンズオンを支えた技術
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
PostgreSQL 18で考えるUUID主キー
kazuhiro1982
0
440
そこに3びきプロダクトがいるじゃろう——生成AI時代における“価値が届かない理由”の構造
kosuket
0
330
AI時代、エンジニアはどう育つのか -未経験エンジニアの成長を間近で見て考えたこと-
thasu0123
0
200
Embedded SREと共に達成した会員管理システムのAWS移行 - SRE NEXT 2026 ランチスポンサーセッション
niftycorp
PRO
1
3.2k
Haskell/Servantを通してWebミドルウェアを捉え直す
pizzacat83
1
630
属人化した知識を、 AIが辿れる地図にする
pkshadeck
PRO
1
120
生成AIで帳票OCRが「簡単に」作れる時代になった?
kon_shou
0
100
php-fpmのプロセスが枯渇した日-調査・対処・そして本当にやるべきだったこと-
shibuchaaaan
0
180
PHP Application における Kubernetes 内 gRPC 通信
ganchiku
0
570
自動化したのに回らないテスト運用の壁ーAI時代の品質責任と生産性
mfunaki
0
110
ビデオ通話が繋がる0.2秒で何が起きているのか
supurazako
2
160
AI時代に設計が 最大の生産性レバーになる 意図駆動開発とデータを消さない設計|Don't Delete Your Data or Your Intent — Design as the Deepest Lever in the AI Era
tomohisa
0
120
Featured
See All Featured
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1.5k
The B2B funnel & how to create a winning content strategy
katarinadahlin
PRO
1
450
Speed Design
sergeychernyshev
33
2k
Designing for Timeless Needs
cassininazir
1
420
A Modern Web Designer's Workflow
chriscoyier
698
190k
For a Future-Friendly Web
brad_frost
183
10k
Are puppies a ranking factor?
jonoalderson
1
3.7k
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
Leo the Paperboy
mayatellez
8
2k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
4k
Utilizing Notion as your number one productivity tool
mfonobong
4
490
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
inesmontani
PRO
0
580
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