a-blog cms のブロックエディターで、画像の横に本文を回り込ませたいことがありました。標準の画像ブロックには「左寄せ・中央・右寄せ」はありますが、どれも画像は段落の間に置かれ、文章は回り込みません。そ...

a-blog cms のブロックエディターに、絵文字を入力する機能を追加するプラグイン（拡張アプリ）「BlockEditorEmoji」を作りました。本文で : や ： に続けて入力すると候補が出て、ツールバーのボタンからは検索...

はじめにこのブログ(Next.js 16 + a-blog cms)を、Vercel から Cloudflare Workers の無料プランに移行しました。費用は無料のまま、ほぼ同じ機能で動いています。この記事では、移行しようと思った経緯、最初に...

普段 a-blog cms のサポート業務をしている中で、「WordPress から a-blog cms にデータを移したいんだけど、どうしたらいい？」というご相談をちょこちょこいただくことがあり、自分でも以前から気になっていた...

この記事は a-blog cms Advent Calendar 2025 の19日目の記事です。2023 年の a-blog cms アドベントカレンダーで「a-blog cms をヘッドレスCMSとして Next.js でサイト制作するときのポイント」という記事を書き...

CMS を開発する上で必ず必要不可欠な UI として、ブラウザ上で「HTMLを編集するUI」が存在します。 contenteditable に始まり、TinyMCE や CKEditor のようなリッチエディタ、Gutenberg のようなブロックエディタ...

このエントリーは「a-blog cms Advent Calendar」の19日目の記事です。 今年は、a-blog cms の次期バージョンである Ver. 3.2 でエントリー管理画面にカスタムフィールド検索機能を実装した経験から、カスタムフ...

Next.js × Tailwind CSS（Flowbite 利用）でダークモード機能を実装したので、実装方法を紹介します。 完成形は、このブログのヘッダーに切り替え用のドロップダウンから確認できます。 前提 利用している技術は...

a-blog cms をバックエンドで動かして、Next.js でフロントエンドを構築している Web サイトで sitemap.xml を実装する方法を紹介します。 このサイトでも今回紹介する方法で実装した sitemap.xml を以下のURLで...

a-blog cms をバックエンドで動かして、Next.js でフロントエンドを構築している Web サイトで RSS Feed を実装する方法を紹介します。 このサイトでも今回紹介する方法で実装した RSS Feed を以下のURLで配信し...