技術と趣味となにか

ゆるくやる

2022-01-01から1年間の記事一覧

TypeScript Compiler APIを使って型定義からOpenAPIのスキーマを生成する

TypeScript Compiler APIでは、TypeScriptコードを入力として木構造のデータ(AST)を生成し様々な形に変換をすることができます。 わかりやすいかつ一番有名なものはTypeScript Compiler APIの名前の通り、TypeScriptをJavaScriptにコンパイルする変換です。 …

mswのモックにOpenAPIスキーマのexampleを使う

フロントエンド開発をしているとAPIがない状況でリクエスト部分を含めた動作確認をしたい場合があります。 今回はmswを使います。 mswjs.io mswはモックAPIを作成するライブラリのひとつです。 アプリケーションと一緒に動かしてリクエストに割り込んでモッ…

FastAPIでOpenAPIスキーマを生成する

Web開発をしているとREST APIを当たり前のようにすると思いますし、大抵はバックエンドとフロントエンドの仕様共有にOpenAPIを使うと思います。 フロントエンドではよくOpenAPIから型定義の生成をしますが、そのOpenAPIも自動生成したかったりします。(Open…

React Offscreen APIが気になる

React 18のリリースブログなどで触れられているReact Offscreen APIが便利そうだなと気になっています。 const App = ({ show }) => { return ( <Offscreen mode={show ? 'visible' : 'hidden'}> <NanikaDekiruElement /> </Offscreen> ); }; (2022/07/30にマージされていたOffscreen API関連のPR中のテストコードでは上のようなインターフェー…