Zod OpenAPI Honoからカスタムフックを生成して楽に無限スクロールを実現する
OpenAPI Honoでバックエンド処理とOpenAPIスキーマを自動生成、そこからOpenAPI React Query CodegenでカスタムuseInfiniteQueryを自動生成して簡単...
OpenAPIスキーマからTanStack Queryコードを生成してスマートにNext.js App Routerでdehydrate/hydrateする
この記事では、Next.jsのApp RouterでTanStack Queryを使用してデータを取得する方法について詳しく解説します。特に、Server ComponentでのデータプリフェッチとH...
Astro + rehype-shikijiでMarkdownからシンタックスハイライト付きHTMLを生成する
Astro + rehype-shikijiでMarkdownからシンタックスハイライト付きHTMLを生成する方法を
ご紹介します。
Astroで外部APIから取得してきたMarkdownにコードハイライトを適用する
ContentfulなどヘッドレスCMSを利用してMarkdownで記事本文を管理してる場合のMarkedとShikiを使ったコードハイライティングの方法を紹介します。
LaravelからTypeScriptの型が生成できるライブラリを作ってみた
Laravel TypegenというLaravelのModelやEnumなどからTypeScriptの型ファイル生成ができるNode.jsライブラリを作成しました。
このライブラリの特徴や使用方法、仕...
OpenAPIスキーマの変更を検知してTypeScriptクライアントを自動生成してくれるViteプラグイン
OpenAPIスキーマの変更を検知してTypeScriptクライアントコードを自動生成してくれるViteプラグイン(vite-plugin-openapi-typescript-codegen)を作っ...
OpenAPIスキーマからReact Query(TanStack Query)のHooksコードを自動生成する
openapi-react-query-codegenを使って、OpenAPIスキーマからReact Query(TanStack Query)のカスタムHooksコードを自動生成する方法を紹介します...
vite-plugin-vue-markedを使ってVueのSFC内でMarkdownを扱う
Vite + Vue3のアプリにvite-plugin-vue-markedを導入して、SFC内のカスタムブロックでMarkdownを記述できるようにします。
記述したMarkdownはVueコンポ...
FlutterにLinterを導入する
flutter_lintsを導入してFlutterアプリにLinterを導入する方法を紹介します。