技術ブログにMermaidダイアグラムを導入した話【はてなブログ・DEV.to・Next.js対応】
はてなブログ、DEV.to、Next.jsの技術ブログでMermaidダイアグラムを表示できるようにした実装を紹介します。各プラットフォームの特性に合わせた設定と、ダークモード対応まで解説します。
・
mermaidjavascript+2
webdevの記事
5件の記事が見つかりました
Google AdSense「有用性の低いコンテンツ」審査対応の記録
Google AdSenseの審査で「有用性の低いコンテンツ」という理由で不合格になりました。Aboutページの追加、ナビゲーション改善、コンテンツ拡充、メタ情報改善などの対応を実施した記録です。
・
adsenseseo+2
Next.js + Resend APIでお問い合わせフォームを実装した話
Next.js（App Router）とResend APIを使用して、お問い合わせフォームを実装しました。フロントエンドのバリデーション、バックエンドのメール送信、XSS対策、エラーハンドリングまで、実装の詳細をまとめます。
・
nextjsresend+2
Vercel統合Neonでブランチ制限に達した話と対処方法
VercelとNeonの統合で、プレビューデプロイごとに自動的にデータベースブランチが作成され、無料プランの上限（10個）に達してしまいました。固定プレビューブランチを使用する設定で解決した話をまとめます。
・
vercelneon+3
Vercel Postgresで匿名コメント欄を実装する（Next.js App Router）
認証なし（表示名＋任意ID）で投稿できるコメント欄を、Vercel PostgresとNext.jsのRoute Handlersで最小構成に追加。レート制限やハニーポット、XSS対策などの実装ポイントをまとめます。
・
nextjsvercel+2