こんにちは！フィフス・フロアの開発チームリーダーのnotozekiです。 最近、OpenAPIという技術を知りました。OpenAPIは、いわゆる「Web API」の仕様を形式的に記述するためのフォーマットです。OpenAPIに関連するツールもいくつか提供されており、たとえばOpenAPI ...

openapi-typescript は OpenAPI から TypeScript の型のみを生成するツール 特定 API のみの抽出 型のみの抽出 Enum 変換 カスタマイズ性 型付きのクライアント用の fetch 関数を生成する。 middleware を追加することで、リクエストやレスポンスをカスタマイズできる。

「実践！フロントエンド分離戦略」はREADYFOR 株式会社主催のエンジニア向けLT勉強会です。ここで、菅原氏が「OpenAPI GeneratorとTypeScriptによる型安全なスキーマ駆動開発」のタイトルで登壇。スキーマ駆動開発とそのメリット、活用しているツールについて ...

概要 OpenAPIでSwaggerを使ってドキュメントは書いているのですが、自動生成までは試したことがなく、一度向き合ってみるかと思って試してみました。 フロントエンドは特に何も考えずTypeScript React、バックエンドにはScalaのマイクロフレームワークのScalatraを使っています。 (本当はKotlin Ktorを ...

React Hooks + TypeScriptによるAPIデータ取得(axios + fetch)のアウトプットになります。 ReactでのAPIにアクセスする方法の学習です。 バックエンドのAPIにアクセスしDBのCRUD処理などをする為に必要。 接続にaxios(サードパーティー)やfetch(JavaScript)を使用して、json ...