Responsive Email Design

This Book is written in Japanese.

モダンなHTMLメールの作り方

※電子書籍＋本文中で使用しているHTMLソース付きパッケージです

---

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

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

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

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

こもりまさあき

初版のChapter 1のサンプルは以下のURLに用意しております。
https://db.tt/01UmQFMK

---

本書籍は「EPub/Mobi/PDF」の3種類のファイル形式で提供していますが、LeanPubの自動生成システムを使用しているため、その体裁は基本リフロー型のレイアウトになっています。17.8cm x 23.1cmのPDF換算で100P程度ありますが、若干レイアウト面において空白などが目に付く部分もあるかもしれません。その点あらかじめご了承いただきたく思います。

---

目次

Chapter 0: はじめに

Chapter 1: なぜ、Responsive Email なのか

Chapter 2: HTML Email の基本

Chapter 3: Responsive Email の基本

Chapter 4: Responsive Email を作ろう

Chapter 5: Responsive Email のリソース

---

変更履歴

* 2014.07.14: 本文中とソースコードの齟齬の修正など（Ver. 0.2.2）

* 2014.07.12: 第二版発行後に見つかった誤字・脱字の修正（Ver. 0.2.1）

* 2014.07.12: 正式リリース。Chapter 4、5の本文追加（Ver. 0.2）

* 2014.06.28: 初版発行以後に見つかった誤字・脱字の修正、Chapter 3の本文追加（Ver. 0.1.1）

* 2014.06.28: 「Early Release」として初版発行（Chapter 1、2、3収録）（Ver. 0.1）