はじめに

スマートフォンやタブレットなどの新しいデバイスが増えるということは、Webサイトの閲覧環境が変わるだけではありません。これまでデスクトップPCのメールクライアントやWebサービスで閲覧していたEメールは、今となっては外出先でスマートデバイスの付属のメールクライアント、専用のアプリで閲覧する機会が増えているのではないでしょうか？

しかし、未だに配信されてくるHTMLメールは従来のままのデスクトップ仕様であることが多いように思われます。スマートフォンなどの表示領域が小さいデバイスではその閲覧に支障をきたす（写真は見えるが文字が読めない、など）ことが多く、小さい画面に縮小表示されたHTMLメールを読もうという気はなかなか起きません。キャンペーンの告知やブランドの認知などで使われることも多く、直接的に売上に影響を与えるものが既読マークだけ付けられてスルーされていてはもったいないものです。

HTMLメールの制作は、現在のWeb制作技法や最新の技術をそのまま使えるわけでもなく、それなりの知識と経験が必要なものでもあります。それに加えて、新たなデバイスへの対応が求められています。これまでのHTMLメールという認識をあらためる時期であることは確かです。

本書では、覚えておきたいHTMLメールの基礎知識から、現在の多様なデバイス環境で読めるHTMLメールの作り方、制作時に役立つツールなどを解説します。

こもりまさあき

変更履歴 （詳細は巻末に記載）

• Ver. 0.2.0: Chapter 4、5の追加
• Ver. 0.1.0: 「Early Release」として初版発行（Chapter 1、2、3収録）

謝辞

株式会社ミツエーリンクス、木達氏のブログにて（Responsive Email Design | 覚え書き | @kazuhito）、本文中の記述、ソースコードのとの齟齬などをご指摘いただきました。こちらの件については、Ver. 0.2.2において本文・ソースコードともに修正をおこなっております。

この場を借りてあらためてお礼申し上げます。

※本書に掲載した会社名、プログラム名、システム名、サービス名などは一般に各社の商標または登録商標です。本文中において™、®は必ずしも明記していません。