1-3. 作成したスキーマから型を取り出したい (infer / shape / element / keyof)

playwrightでnext.jsのテストを実行してcoverageまで取るのがわりと情報揃ってなかったのでまとめる。 手順の流れ 今回は、下記の手順を踏んでいく テストの準備対応 @playwright/testの代わりにplaywright-test-coverageを利用する カバレッジモードのnextの設定 nycを利用するnext.jsの起動モードを準備する(next.config.jsの設定) playwrightとnycをつなぐ playwrightからの起動時にnycを利用した起動モードを利用する 1. テストの準備対応 とりあえず普通にnext.js側のファイルを用意 // pages/index.ts import Head from 'next/head' import React, { useState } from 'react' export default

nextと組み合わせるのをやりながら見つけた便利だった部分についての列挙 マージ機能 https://trpc.io/docs/merging-routers Routerの部分が肥大化してしまいそうだなというのが結構懸念だったが、mergeする機能があるのでこれは便利そうだった。 const appRouter = createRouter() .merge('user.', users) .merge('post.', posts) Infering Types https://trpc.io/docs/infer-types Routerなどの各種定義からTypeScriptの型を取り出す機能。 ちょっと記述が面倒なところはあるが、AppRouterの返り値や入力値が抽出できるので、一通り覚えておくと便利。 （とはいえinputについてはzodのinferを利用する方がスッキリするよ

一見小難しい印象のあるNext.jsをできるだけカジュアルな利用シーンでライトに使う際の観点を紹介・考察した本です なるべく初学者でもわかるように記述してますが、ハンズオンを意識してるものではないのでご注意ください。 また、Reactの基礎部分等についても記載していませんのでこちらもご注意ください 目次と1章は無料までは無料にしています。