自社のCRMや会員システムに、お知らせメールや会員向け通知を管理画面から見出し・本文・画像・ボタンを組み合わせて編集できる機能を作りたい、という要件が出たとき、汎用の多機能なメール編集の仕組みを導入する選択肢がまず浮かびます。
ただし、多機能な仕組みは細かい設定を理解するだけでも時間がかかりますし、実際に必要なのは見出し・本文・画像・ボタン・区切り線程度の小さな範囲だけ、ということも少なくありません。
もう一つの悩みが、編集画面から出来上がった内容を、実際に顧客のサーバーへ保存する部分です。編集する画面自体は用意されていても、その先の「保存する仕組み(データの検査・容量制限・確実な保存)」を自分で作る必要が出てくることがあります。
見出し・本文・画像・ボタン・区切り線の5種類の部品を、日本語の画面で追加・並べ替え・複製・削除でき、差し込みの内容を確認しながら、メールで正しく表示されるホームページ形式(HTML)に出力できます。この仕組み自体は外部のサービスと通信しません。作った文書も差し込む値も、組み込んだ画面・サーバーの中だけで扱われます。
これは自社のシステムに組み込んで使う部品です。システム開発を担当するエンジニアが導入する前提の製品で、非エンジニアが単体で使うものではありません。開発を依頼できる相手が必要です。
具体的にできることは次の通りです。
購入版には、保存する仕組みの実装例(2種類のサーバー環境向け)が同梱されており、識別子の検査・容量制限・データ構造の検査・確実な保存が含まれます。動作環境の詳細や、正しく組み込めているかの確認手順は、導入を依頼するエンジニアに確認してもらえば十分です。
保存と復元は、部品を文字列化したものをそのまま保存し、取得後に元の形へ戻して使います。ホームページ形式(HTML)そのものを保存の正本にはしないでください。本番環境では、既存の認証・権限の仕組みを必ず追加し、他の利用者のデータを読めないようにする必要があります。
なお、実際のメールソフト(Gmail・Outlook・Apple Mailなど)での表示は開発時に確認していません。導入する側で、実際のメール確認サービスやメールアカウントを使って表示確認することが推奨されています。
無料版は機能を隠していません。見出し・本文・画像・ボタン・区切り線の5種類の部品と、メール向けホームページ形式の出力は、購入版とまったく同じものが入っています。
無料版に入っていないのは次の2点だけです。
この境界は作り込みの時点で決まっており、あとから切り替えることはできません。ライセンスキーもオンライン認証もありません。
この製品といちばん近い機能を持つのはTemplaticalとreact-email-editorです。2026年8月9日時点で公式サイト・公式ドキュメント・公開パッケージの導入手順を確認しています。
Templaticalは、初期化の簡単さ、データの入出力、装飾を埋め込んだ形式への出力、差し込みタグ、導入時の技術的な例、自社サーバーでの運用、外部への通信なしという特長に加え、ホームページ形式から部品への逆変換機能も持ちます。中核機能では明確に強く、機能で勝っているとは言いません。 なお、この環境でTemplaticalの導入を試したところ通信が完了せず中断したため、実際に動かして確認したとは主張しません。公開されている機能一覧をもとにした比較です。
多機能な編集や、ホームページ形式から部品への逆変換が必要な方は、Templaticalを先に検討することをおすすめします。この製品はホームページ形式から部品への逆変換に対応しません。 保存の正本はバージョン付きのデータであり、データからホームページ形式・データから別形式への一方向の変換だけを保証するため、出力したホームページ形式を編集して読み込み直す運用はできません。
react-email-editorはメールのビジュアル編集と出力の仕組みを提供しますが、出力の先に必要になる「顧客のサーバーへ保存する」実装まではreact-email-editor自身は持ちません。この製品は2種類のサーバー環境向けの保存例を同梱しており、そこまでを一式で渡します。
以下に当てはまる方には、この製品は向きません。
単品買い切り14,800円で、BOOTHで販売されています。月額・席課金・オンライン認証・ライセンスキーはありません。無料版(mail-blocks-free-1.0.0.zip)は別ページで配布されています。