Next.jsのMDXにMermaidダイアグラムを追加する
Next.js 15のMDXを使用したブログにMermaidダイアグラムを追加する実装方法を、既存のシンタックスハイライターとのコンフリクト回避、ライトモード・ダークモードへのテーマ対応、フローチャート・シーケンス図・クラス図・ガントチャートなど多様なダイアグラムの描画方法とともにまとめた記事です。
Figma MCP機能概要 - コード生成の仕組みと実際のレスポンス
Figma MCPサーバーの主要機能とツール概要を紹介。デザインからのコード生成の仕組み、実際のレスポンス形式を実例とともに解説します。
snapDOMを活用したDOMの画像変換
snapDOMを使ったDOMの画像変換について、WebコンテンツのSNSシェア用画像生成やゲームアプリで使える実装方法を解説します。