Googleフォームによる無料メルマガ配信システムの作り方 (1/3)
Webデザイナーを対象に、Google Apps Script（以下、GAS）の基本的な使い方から実践的なWebサービスの開発方法までを解説する本連載。第6回に引き続きGoogleフォームとGASを使ったメールマガジン管理システムを作成します。メールマガジンのメール送信と登録解除機能を加え、システムを完成させましょう。応用例として、イベントの案内などのドキュメントをPDF化して送信するスクリプトも考えます。 メールマガジン送信メニューを作る 前回は、あらかじめ用意したテンプレートに沿って、メールマガジンの原稿となるドキュメントを自動生成するところまでを説明しました。次に、メールマガジンの送信機能を作ります。 メールマガジンをそのまま自動的に送信するシステムも作れますが、自動生成された内容を確認せずに送信するのは不安です。自動生成されたドキュメントを開いて確認し、細かな編集を加えて完成させて
レスポンシブemailデザイン
レスポンシブWebデザイン 昨年頃からよく耳にするようになったフレーズの１つである「レスポンシブWebデザイン」とは、単一のHTMLで画面サイズが異なるPC・スマートデバイス等に対応できるWeb制作方法である。 今から遡ること約３年、フィーチャーフォン全盛時代のWebでは、PCはhttp://www.example.jp/モバイルはhttp://www.example.jp/i/などとpathを分けて制作するといったことが盛んに行われていた。HTML5に対応した高機能なブラウザを搭載したスマートデバイスの普及に伴い、ウェブサイトはPCからだけでなくスマートフォンやタブレットからも閲覧されるようになった。 また、フィーチャーフォンの時代においては、利用できるHTMLタグ、JavaScript、CSS等に制限があり、フィーチャーフォンに向けたサイトの最適化が必要とされていた。レスポンシブWeb
レスポンシブHTMLメールを作成する際の覚書 ｜ Tips Note by TAM
レスポンシブHTMLメールを作成することがあったので、覚書です。 おもに「テーブルレイアウトで、PCの時には横並びのカラムを、スマホの時には縦並びにする」 方法についてです。 普段、あまりHTMLメールを作成することがない方もいらっしゃるかと思いますので、 まず、HTMLメールを作成する際の大前提を。 だいたい以下のような感じです。 テーブルレイアウト Outlook（2007/2010/2013）がfloatに対応していないなど、 メーラーによって、CSSのサポート状況にばらつきがあります。 多種多様なメーラーでレイアウト崩れを起こさないためには、 テーブルレイアウトが基本です（今更感はありますが）。 ※主要メーラーのCSSサポート状況は以下で確認できます。 Guide to CSS support in email | Campaign Monitor CSSはインラインで記述 Gma
【備忘録】レスポンシブなメルマガの作成方法
作成するメルマガのレイアウト サンプル Zipファイルをダウンロード 作成したメルマガのレイアウトはシンプルに1カラムのレイアウトです。レスポンシブとは言ってもメルマガのコーディングなので、tableタグでガチガチに固めたレイアウトにしています。なのでブレークポイントでの大きなレイアウト変更は出来ません。 コンテンツと画像幅を640pxにし、ウィンドウサイズを659px以下に縮めていくことで画像も一緒に縮小して幅100%になるようなレイアウトを作成していきます。 ▼PC（Gmail）スクリーンショット ▼スマホ（Gmail）スクリーンショット 画像のスライス 画像を書き出します。スマホで見た時に画像の比率がおかしくなってしまう可能性があるため、縦横どちらも2で割り切れる数で書き出します。 コーディングしてみる（ソース全体） 画像のスライスが終わったらコーディングしていきます。メルマガコーデ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
フレッシュメール：簡単マニュアル
FreshMailについて FreshMailとはメンバー全員がメル友であり、メールという最もベーシックなインターネットツールを用いて、日々の情報を共有することが目的。世界最強のインテリジェンス集団を目指します。 参加方法 下記メールアドレスに空メールを送信し、自動返送されたメールから入力フォームに飛んで簡単な自己紹介を添えて応募下さい。join-fnd.MUFA@ml.freeml.com（自動応対となります。) はじめに 参加完了後、管理画面にログインし、まずは自分のプロフィール、プロフィール写真を登録してください。 書ける範囲で結構ですが「あなただれ？」って状態よりも、その人の「人となり」がわかったほうが受け手側も情報の理解度が深まります。 また、何か困ったときや人材を捜しているときなどにメンバー同士ゆるく繋ることによりSNSとしての機能も果たします。 どうぞご協力ください。 使い方
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
