マルチクライアント対応でレスポンシブのHTMLメール作成ツール

マルチクライアント対応でレスポンシブのHTMLメール作成ツール
■ 店頭より得で、予約しやすいオンラインショップ。
 → ドコモオンラインショップ
 → auオンラインショップ
 → ソフトバンクオンラインショップ

最新のiPhoneを得して乗り換えるなら、最大6万円のキャッシュバックがある
→ SMARTPHONE STORE

HTMLメールのコーディングはとても大変!

メールクライアントによってレンダリングは全然違うので、コツがたーくさんあります。
20年前の不思議なHTMLタグも書かないといけないですし。

英語出来る方が下記のPDFを読んだら、コーディングルールの酷さがすぐ分かると思います:
Definitive Results : GUIDEAN HTML-MAIL

でも、実は、そこまで苦労しなくてもいい。

マークアップの手助けにMJMLが凄い!

MJML(MailJet Markup Language)はレスポンシブのHTMLメールのフレームワークです。
オープンソースです。

簡単に説明すると、とても単純なマークアップの入力だけで天才が作ったメール用HTMLをアウトプットできる。

アウトプットのHTMLは下記のメールクライアント・OSと対応します:

  • Outlook 2000, 2002, 2003, 2007
  • Outlook 2010, 2011, 2013, 2016 (OSX)
  • Office 365, Outlook.com
  • Gmail, AOL Mail, Yahoo Mail
  • Apple Mail 7, 8
  • Android 4.4
  • Gmail App (android)
  • iPhone 5s (iOS7, iOS8), 6, 6 Plus
  • iPad, iPad Mini

サンプルを見ましょう

確かに、サンプルを見れば、MJMLのすごさで気持ち良くなるよ!

このシンプルなマークアップから・・・

image05

・・・この複雑なHTMLがアウトプットされる:

image09

<

h2>使い方は?
使い方は結構楽です。

まず、サイトに行きましょう:
https://mjml.io/try-it-live

そう、ブラウザの中で作成もエクスポートも出来ます!
そして、レスポンシブ機能の検証UIもあります:

image06

ドキュメンテーションは分かりやすくて少ない!
こちらです(英語版のみ):
https://mjml.io/documentation/#standard-components

3つのテンプレートも使えます:

image07

https://mjml.io/templates

結論

今日も生産性を上げるツールを見つけたんじゃないですか!

嬉しいでしょう!
(相変わらず単純過ぎる結論w)

以上!

■最新のiPhoneの購入・機種変更なら店頭より得で、予約しやすいオンラインショップ。
機種の頭金や使わないオプションパックをつけて年間何万円も損していませんか?
オンラインショップなら故障のサポートもしっかりしていて最低限の費用。待たされることもありません。
 → ドコモオンラインショップ
 → auオンラインショップ
 → ソフトバンクオンラインショップ

最新のiPhoneを得して乗り換えるなら、最大6万円のキャッシュバックがある
→ SMARTPHONE STORE
がお得です。