[B! api][開発] ikosinのブックマーク

未ログインでも叩けるAPIエンドポイントにレートリミットを導入する

先日だれでもAIメーカーというWebサービスをリリースしました。このサービスは例によってOpenAI APIを使っており、トークンの使用量がランニングコストに大きく影響します。また、気軽に使ってもらえるよう未ログインでも使用できる仕様にしているため、気をつけないと悪意のある人に大量にトークンを使用されてしまう可能性があります。ノーガードだとどうなるか例えば、POST /api/askという「リクエストbodyのpromptの値を取り出し、OpenAI APIのChat Completionsに投げる」という単純なエンドポイントを作ったとします。「未ログインでも使ってもらいたいから」と認証を一切しなかった場合どうなるでしょうか？悪意のある攻撃者に見つかれば、promptを上限ギリギリの長さの文章に設定したうえで、/api/askに対してDoS攻撃するかもしれません。トークンを大量

ikosin 2023/05/03

リンク

フリーのWeb API、Ramen APIを作った - ゆーすけべー日記

TL;DR Ramen APIを作った REST API、GraphQLにも対応している登録・認証いらず、完全無料プロトタイピングやテストに使える店ごとのラーメン写真が手に入る現在、26店舗登録されている例えば、Reactを勉強する時に使う GitHubリポジトリにてコンテンツを追加できる詳しくはGitHubリポジトリを見てもらいたい Base URL: // GET https://ramen-api.dev/shops/yoshimuraya?pretty { "shop": { "id": "yoshimuraya", "name": "吉村家", "photos": [ { "name": "yoshimuraya-001.jpg", "width": 1200, "height": 900, "authorId": "yusukebe", "url": "https:

ikosin 2022/04/18

api
開発

リンク

Mock Service Worker

import { http, HttpResponse } from 'msw'import { setupWorker } from 'msw/browser' // Describe the network.const handlers = [ http.get('https://acme.com/product/:id', ({ params }) => { return HttpResponse.json({ id: params.id, title: 'Porcelain Mug', price: 9.99, }) }),] // Enable API mocking anywhere.const worker = setupWorker(...handlers)await worker.start() Omit implementation details Intercept

ikosin 2022/04/05

api
開発

リンク

OpenAPIでAPIドキュメントを初めて作るときに読む資料

OpenAPIを使ってAPIドキュメントを初めて作るときに参考になった資料をまとめました。最初に読む資料 Swagger ではない OpenAPI Specification 3.0 による API サーバー開発 OpenAPIとはなんぞや？すこし前に話題になったSwaggerとの違いは？どのように書いていけば良い？などをざっくり頭に入れられる資料です。スキーマファースト開発のためのOpenAPI（Swagger）設計規約ざっくり記法が分かる記事です。OpenAPIはyamlファイルでの記述が基本ですが、後述する Stoplight Stadio というGUIエディターを使うと、比較的楽に作成管理ができます。エラーレスポンス OpenAPIというよりAPIそのもののエラーレスポンスの設計思想についてです。 REST API Error Handling Best Practices

ikosin 2020/10/28

リンク

pixiv Sketchのフロントアーキテクチャ - pixiv inside [archive]

（ピクシブ株式会社 Advent Calendar 2016 12日目の記事です） qiita.com こんにちは、エンジニアの id:geta6 です。普段は主にpixiv Sketchの開発などに携わっています。さて、先日ISUCON6の本選が開催され、ISUketchというReactを使ったお絵かきサービスが話題になったかと思います。この問題で採用されたアーキテクチャは『pixiv Sketch』のアーキテクチャを参考にしたものとなっています。パフォーマンス等に関しましては本選の感想として良質な記事がいくつも執筆されていますのでそちらに譲るとして、今回はこのアーキテクチャの設計意図や利点について話します（2年前のリリース当初からずっとこの構成なので今さら感はありますが）。どういうアーキテクチャか pixiv SketchのWeb版は、2つのサーバーから構成されています。 1つ