MJML - レスポンシブなHTMLメール用テンプレート // MOONGIFT Archived

今やレスポンシブデザインはWebだけでなく、メールにおいても大事な存在になっています。メールもデスクトップはもちろん、スマートフォンやタブレットで閲覧することもあるでしょう。そんなメール用のレスポンシブデザインを実現してくれるフレームワークがMJMLです。専用の記法で作るのが特徴です。

MJMLの使い方

MJMLのシンプルなデモです。

モバイルで見た場合のデザインに変更しました。

こんな複雑なデザインも実現できます。

メニューをつけたデザイン。

モバイルデザイン。

MJMLを使うことで、最適なレスポンシブデザインが容易に実現できるようになります。メールはサーバ側のHTMLと異なり、JavaScriptを実行したり、データの出し分けもできません。MJMLを使えばメールの反応率も大きく変わってくることでしょう。

MJMLはnode/JavaScript製のオープンソース・ソフトウェア（MIT License）です。