この記事では、数あるメール配信システムの中から、プロがおすすめする20種類のメール配信システムについて、機能や価格の違いをまとめています。 いま本記事をご覧頂いている方は、一斉送信やメルマガ配信に課題をお持ちで、新しいメール配信システムの導入をご検討されていたり、2024年2月から施行されたGmail送信者ガイドライン変更に伴い、ご利用中のシステムやツールからの乗り換えをご検討されている方が多いと思います。 メール一斉送信やメルマガ配信をするならメールソフトよりも、「リスト管理や予約配信・効果測定」などのメールの配信に特化した様々な機能が使える「メール配信システム」が便利で使いやすく、多くの企業がメールの配信にはメール配信システムを利用しています。 そんなメール配信に欠かせないメール配信システムについて、利用料金やサービスの特徴についてもそれぞれ分かりやすくまとめました。 メール配信システ

※こちらの記事は2017/9に公開した記事にアップデート情報を追記したものです。 こんにちは、デザイン担当のBEDです。 メルマガのデザインは商品の魅力を伝えることや、購入などのコンバージョン率アップに大きな役割を果たします。 そこで今回は、ありとあらゆるジャンルのメルマガのデザインを集めている海外のサイトを中心に紹介します。ちょっと見るだけでも参考になるので、デザインに迷った時に見てもらえると良いと思います。 サイトごとに個性がありますので、検索機能や掲載事例数も紹介します。 一番使いやすい「Email-Gallery」 Email-Gallery 絞り込みフィルタ： 業界 色 カラム数 掲載数：1700通以上 Email-Galleryの特徴 カリフォルニアのデザイナー、Min Kimさんが運営するサイト。有名企業も含め豊富なデザインを紹介しています。バランスが取れているので慣れていな

松野美穂💮 @matsunom おいしいものをもっとおいしそうに描くイラストレーター。 #味がする絵 ▶︎#AdobeCommunityExpert #AdobeExpressAmbassadors ▶︎they/them Non-binary ▶︎山口宇部→浅草→北千住→千葉 ▶︎ご依頼はお問合せ下さい ▶︎ 食のコンセプトクリエイター matsunom.com 松野美穂🍙クリエポE-6 @matsunom AIが「よくある回答」を出すのが得意ならば、自分が人並みにできない苦手な部分で頼るのがいいのかな？と思い、イラストの価格交渉メールの文例をお願いした結果がこちら pic.twitter.com/maRvmQQlrl

レスポンシブHTMLメールとは、PCやスマートフォンなどのデバイスの画面サイズに応じて、自動的にレイアウトや画像サイズを最適化して表示するHTMLメールのことです。1つのソースで様々なデバイス表示に対応することができます。 しかしながら、HTMLメールのレスポンシブ化の方法や手順は、Webサイトのレスポンシブ化とは少し異なる点があります。既にレスポンシブデザインを理解しているWebサイト制作者の方でも、HTMLメール用のレスポンシブ化について学んでおく必要があるでしょう。 本記事では、多くのメールクライアントで正しく表示される、シンプルなレスポンシブHTMLメールの作成方法を具体的なコーディング方法も交えながら、初心者の方にもわかりやすく解説します。

こんにちは。デザイナーの白木です。 前回はクラシコムのUXリサーチについてお話しましたが、今回は「北欧、暮らしの道具店」のメルマガをABテストの手法を使って改善した話をしたいと思います。 「北欧、暮らしの道具店」通常のメルマガは商品紹介がメインですが、それとは別に当店のアプリを紹介するメルマガも配信しています。 これまではメルマガ登録者全員に配信していたのですが、その中にはアプリをすでにご利用いただいている方も多くいらっしゃるため、アプリのダウンロードには繋がりにくいという課題がありました。 そこでアプリ紹介メルマガを配信する対象をメルマガの新規登録者に絞ることにしました。新規登録者は当店を知って間もない方が多いと思われるため、アプリについて知ってもらえる良い機会になると考えたからです。 内容も見直し、いくつかのパターンを配信して効果を検証してみました。 ※本来同じ期間に複数のパターンをテ

基本的な使い方 作成編 リポジトリをクローンする npm ciで各種モジュールをインストールする npx gulpでツールを起動する src配下にhtmlファイルを設置しテーブルコーディングをする src/sass配下にscss記法でスタイルを記述 メール送信編 .env-sampleを.envにリネームして送信先、送信元の情報を記述する npx gulp mailでメールを送信する メールテンプレートとしてhtmlを複数作成している場合、npx gulp mail --file hogeとするとhoge.htmlの内容を送信できます。（デフォルトではindex.html） また、メールのタイトルを指定したい場合、npx gulp mail --subject fugaとするとfugaがタイトルのメールとして送信されます。（デフォルトではhtml mail test） 設定ファイルの記述

HTMLメール作成にあたってのまとめ記事です。 HTMLメールは、通常のWebサイトのようにコーディングが出来るわけではなく、 さまざまな制限の中作成する必要があります。 今回は、レイアウト崩れをなるべくおこさない、HTMLメール作成のポイントをまとめていきます。 HTMLメール作成のポイント meta関連 HTML 4.01を使用する。文字コードはメーラーで使用されている「iso-2022-jp」を使用する。CSSは<style>タグ内またはインラインで記述する。viewportに「initial-scale=1」を基本入れない。(Androidでバグの可能性あり)body要素に「-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;」を指定しておく。colorの指定の際、#fffなど省略記法を使用しない。#ffffffと6

コミュニケーションデザイングループの山口です。 最近のスマートフォンやPCには「黒」を基調とした画面になる「ダークモード」というのがあります（眩しくないので、目に優しいらしいです）。 この設定をすると、ウェブサイトだけでなく、メールアプリも黒ベースに変更になります。そうすると、今まで白を背景としてキレイに見えていた（HTML）メールも、作り方や環境によっては、白黒と混ざり合って読みづらくなってしまうことになります。 あくまでも、ユーザーが選んで設定しているので、その設定をすべて覆すようなことはもちろんできません。ただ、その設定においてもメールを読みやすくすることは可能です。 ダークモードの種類として、 ① 部分的な色反転 ② フルカラー反転 ③ 色の変化なし という3種類のパターンがあります。このうち「①部分的な色反転」と「②フルカラー反転」の特徴をまず説明します。 ① 部分的な色反転 明

ダークモード対応する機会があったのでメモ。 ダークモードに対応しているメーラーは背景色と文字色が反転したり、文字色の彩度が落ちます。 2021年8月時点でiOS , mac 標準搭載のメールアプリでは制御を確認しました。 :root { color-scheme: light dark; supported-color-schemes: light dark; } /* ライトモードの時 */ body { background-color: #FFFFFF; color: #333333; } /* ダークモードの時 ※ダークモードが存在しないアプリだとこの記述は読まれない。 */ @media (prefers-color-scheme: dark) { body { background-color: #333333; color: #FFFFFF; } } Gmailだと上記の記述

iOS12で追加された「ショートカット」アプリは、よく使う機能やさまざまな操作を自動化して実行させる機能です。 「zip形式で圧縮してメールで送信」はファイルを送信する際にzip形式に圧縮してメールフォーマットを作成する便利機能です。 この記事では、「zip形式で圧縮してメールで送信」の追加方法と、設定方法を解説します。 「ショートカット」アプリをダウンロードする 「ショートカット」アプリは、App Storeで無料で入手できます。まずはアプリを入手しましょう。

メール送信 今回ご紹介するモジュールは、メール送信のためのモジュールです。 このモジュールを使用すると、 node.js上から簡単にメールの送信ができます。 メールの送信方法は、SMTPを使用するか、sendmailを使用するかプログラム上で指定できるようになっています。 Nodemailerは以下のような特徴を持っています。 Unicodeを使用可能 テキストの他にHTMLメールも送信できる 添付ファイルが使用できる HTMLに画像埋め込みができる SSL/ TLSを使用して、セキュアなメール送信が可能 最低限必要な機能は揃っていますね。ではインストールして動かしてみましょう。 なお、本記事での動作確認環境は下記の通りです。 OS : MacOS X 10.6.8 Node.js : v0.4.8 npm : 1.0.14 nodemailer : 0.1.18 まずはnpmを使用してモ

“標準的なHTMLメール”は存在しない 世の中には「標準的なHTMLメール」という規格が存在しません。例えば、マイクロソフトが提供する『Outlook』のサポートチームは『Microsoft Word』を用いてHTMLメールを作成することを推奨していますが（※）、『Microsoft Word』で作成されたHTMLメールは、GmailやiOS、サンダーバードなど別のメールクライアントでは正しく機能しないこともあります。その逆もまた然りです。HTMLメールはこういった複雑な受信環境を前提のもとに作成する必要があります。 ※この理由として「長年ユーザーにはそうしてもらっているし、セキュリティ上の観点からそうしている」という回答がサポートチームから得られたケースもあるようです。 HTMLメールを受け取る環境の組み合わせは100万以上存在する スマートフォンが浸透したことにより、あらゆる環境でHT

Mozillaの「Thunderbird」や、macOSおよびiOSに標準搭載の「Apple Mail.app」など、多数のメールクライアントにおいて、受信されたメールの送信元を詐称することが可能な脆弱性「Mailsploit」が5日、公開されました。日本語の情報がまだ出回っていないため、自分用のメモも兼ねてまとめました。 — 今回発覚したこの脆弱性の影響を受けるメールクライアントは非常に多く、先述の「Thunderbird」「Apple Mail.app」だけでなく、Microsoftの「メール」アプリ、「Outlook 2016」、Webメールでは「Yahoo!メール（英語版）」など、世界中でリリースされているほぼ全てのメールクライアントが該当しています。 Mailsploitのサイトでは、実際にそのデモを試すことができます。 Mailsploitのデモ 送信先の欄に自分のメールアドレ

2008 年 9 月 12 日に携帯電話のメールアドレスを変更いたしました 新しい携帯電話のメールアドレスは amamama◎docomo.ne.jp (◎は、@に置き換えてください) になります。 ちなみに PC のメールアドレスは seijro◎gmail.com (◎は、@に置き換えてください) です。 というわけで 今後ともよろしくお願いいたします。