Google Workspace(旧G Suite)  最新アップデート情報

Google Workspace(旧G Suite) > Google Workspace(旧G Suite) 最新アップデート情報 > レスポンシブ デザインによってメールの表示を画面の大きさに合わせて最適化する

レスポンシブ デザインによってメールの表示を画面の大きさに合わせて最適化する

2016年9月27日火曜日

Google Workspace(旧G Suite) デベロッパー ブログ (英語)に同じ内容が投稿されています)

投稿者: Pierce Vollucci(アソシエイト プロダクト マネージャー、Gmail) と Steve Bazyl (デベロッパー プログラム エンジニア、Google Workspace(旧G Suite)) 

皆さんが送信したメールは、パソコンで読まれる可能性もありますし、タブレットやスマートフォンで読まれる可能性もあります。むしろ、これらの端末すべて読まれると考えて良いでしょう。しかし、利用する端末によってメールのレイアウトなどの見た目が異なる場合があります。そこで役立つのが今月中に Gmail と Inbox by Gmail で利用可能となる CSS メディアクエリです。CSS メディアクエリを利用すれば、パソコンでの表示、スマートフォンでの縦向き表示、タブレットでの横向き表示のいずれでも、メール送信時のレイアウトが保持されるようになります。またあらゆる端末でのメールのレイアウト表示を最適化するために、幅、回転、解像度に合わせてスタイルを変更できるようになります。

レスポンシブ デザインの適用前と適用後のメール表示の例
サポートされる CSS ルールは、メール設計担当者と話し合いのもと、レスポンシブ デザインに対応するための最適なメディアクエリとして割り出されました。現在 Gmail での CSS サポートを拡大し、メール設計担当者がメールの表示方法をもっと自由に調整できるようにすることを目指して取り組んでいますが、今回のアップデートはその一部分です。以下の CSS ルールのサンプルでは、画面の幅が 500px を超えると赤が適用されます。 

@media screen and (min-width: 500px) {
  .colored {
    color:red;
  }
}
 
サポートされる CSS ルールがすべて記載されたリストは、デベロッパー向け ドキュメント (英語) でご覧いただけます。ユーザーにとって機能豊富でレスポンシブな メールサービスを実現するための助けになれば幸いです。ぜひご覧ください。 

本ブログの原文(英語)は、こちらをご覧ください。

-
 
リリースの詳細
リリース方式:
即時リリースと計画的リリースの両方が対象(2016 年 9 月 28 日以降)

展開ペース:
段階的に展開(機能が表示されるまでに 4 日以上かかる可能性があります)

対象:
Google+ を使用しているドメインのすべてのユーザー

対応:
チェンジ マネジメントを推奨

より詳しく
Gmail 公式ブログ(エンドユーザー向け)(英語)
 
 

Google Workspace(旧G Suite)の機能を
メール・カレンダー・ドキュメントだけだと思っていませんか?

Google Workspace(旧G Suite)はメール・カレンダー・ドキュメントといった機能以外にも、
顧客管理・社内ポータルなど、様々な機能拡張が可能です。

拡張機能例

社内ポータル

社内ポータル

掲示板

掲示板

電話メモ

電話メモ

勤怠管理

勤怠管理

ワークフロー

ワークフロー

タイムカード

タイムカード

顧客管理

顧客管理

営業日報

営業日報

セキュリティ

セキュリティ

経費精算

経費精算

アプリ開発

アプリ開発

こんな方にオススメ

  • ✓ Google Workspace(旧G Suite) を社内で導入しているが、
    メールとカレンダー・ドキュメントしか使えていない。
  • ✓ Google Workspace(旧G Suite) を活用し、業務改善を行いたい。
  • ✓ Google Workspace(旧G Suite) を最大限に活用したい。

Google Workspace(旧G Suite) 連携サービスを活用し、低コスト・スピーディーに Google Workspace(旧G Suite) の機能拡張を実現します。
Google Workspace(旧G Suite) をより便利に使えるよう、システムクレイスが全面的にサポートします。
導入後も、研修・運用サポートなど、万全のサポート体制をご用意しております。

Google Workspaceの
活用例はこちら

関連するGoogle Workspace(旧G Suite) 最新アップデート情報

オンデマンドでApple DEP サーバーと Google モバイル デバイス管理サーバーを同期することが可能に
2022年7月22日金曜日
この記事は 7 月 12 日に英語版ブログに掲載された記事を翻訳したものです。   概要 管理者は Google Workspace の一部のエディションにおいて、オンデマンドで会社が…
Google カレンダーにスケジュール共有の新しいオプションを追加
2021年2月26日金曜日
この記事は 2 月 22 日に英語版ブログに掲載された記事を翻訳したものです。   概要 自分のスケジュールをより効率よく同僚に知らせることができるように、Google カレンダーに …
Android 版のカレンダーと Keep でダークモードがご利用可能に
2019年5月28日火曜日
この記事は 5 月 20 日に英語版ブログに掲載された記事を翻訳したものです。 新しい機能の概要 Android 版の Google カレンダーと Keep で、ダークモードのサポートを開始し…
Android でのカレンダーの新しい会議作成フロー
2019年5月17日金曜日
この記事は 5 月 7 日に英語版ブログに掲載された記事を翻訳したものです。 リリースの概要 ウェブ版 Google カレンダーの新しい会議作成フローについては最近お知らせしましたが、このたび…
Android スマートフォンの組み込みセキュリティ キーの一般提供を開始
2019年5月17日金曜日
この記事は 5 月 7 日に英語版ブログに掲載された記事を翻訳したものです。 リリースの概要 Next 2019 でベータ版として発表した、2 段階認証プロセスのセキュリティ キーとして An…
会社所有の Android 搭載端末のパスワード再設定とロック
2018年10月15日月曜日
この記事は 10 月 1 日に英語版ブログに掲載された記事を翻訳したものです。 Google モバイル管理が有効になっているドメインの Google Workspace(旧G Suite) 管理者様…
Android 搭載端末をより簡単に会社所有端末として設定可能に
2018年9月18日火曜日
この記事は 9 月 6 日に英語版ブログに掲載された記事を翻訳したものです。 従業員が自分のスマートフォンやタブレットを会社所有端末として設定すると、それらの端末に対する完全な制御権限が組織に付与さ…
管理対象アプリを利用して、従業員の iOS 端末上の企業データを保護
2018年9月4日火曜日
この記事は 8 月 14 日に英語版ブログに掲載された記事を翻訳したものです。 モバイル端末の詳細管理を有効にされているドメインの管理者様には、従業員が個人で所有している iOS 端末に保存され…
Gmail モバイルアプリでスレッド表示を無効にする
2018年8月30日木曜日
この記事は 8 月 7 日に英語版ブログに掲載された記事を翻訳したものです。 Gmail では、メールのやり取りの流れを把握しやすいように、メールへの返信が「スレッド」にグループ化されます。ただし、…
Google の連絡帳アプリ(v2.1)がより多くの Android 搭載端末で利用可能に
2017年9月1日金曜日
この記事は 8 月 23 日に英語版ブログに掲載された記事を翻訳したものです。 Google の連絡帳アプリが、Android 5.0(Lollipop)以降の、Samsung、LG、Motorol…

お問い合わせ・資料請求

Google Workspace(旧G Suite)の活用に関するご質問・ご相談は、
お気軽にお問い合わせください。