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を導入する方法を紹介します。
【Node.js/Google Analytics 4(GA4)/Contentful】Google Analytics Data APIを使って人気記事を取得する
新バージョンGoogle Analytics 4(GA4)からGoogle Analytics Data APIを使ってページビュー数を取得、そこからContentfulの記事情報を取得して人気記事一...
FlutterとFirebaseで日本語のOCRアプリを作る
FlutterとFirebaseを使って日本語を読み取るOCRアプリを作ってみます。
非推奨となったFirebase ML Vision SDKを使わず推奨されている方法のCloud Vision...
【Next.js+Vercel+Contentful】Next.jsのPreview Modeを利用してContentfulから記事プレビューを表示する
Next.js+Vercel+Contentful環境で構築したブログシステムにNext.jsのPreview Modeを利用してContentfulから記事プレビューを表示させる方法を解説します。