<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0"
    xmlns:dc="http://purl.org/dc/elements/1.1/"
    xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
    xmlns:admin="http://webns.net/mvcb/"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:content="http://purl.org/rss/1.0/modules/content/">
<channel>
<title>Travellers Tales</title>
<link>http://travel-lab.info/tech/pblog/index.php</link>
<pubDate>Thu, 15 Nov 2007 01:10:00 +0900</pubDate>
<description>
Travellers Tales - RSS 2.0 (Really Simple Syndication).
</description>
<item>
<title>iPod touch/iPhone 専用 Gmail インターフェイスがいつの間にかできている件</title>
<link>http://travel-lab.info/tech/pblog/article.php?id=167</link>
<guid>http://travel-lab.info/tech/pblog/article.php?id=167</guid>
<pubDate>Thu, 15 Nov 2007 01:10:00 +0900</pubDate>
<description>表示言語 English (US) で、iPod touch/iPhone 専用 Gmail インターフェイス
iPod touch で Gmail を使っている人は気が付いていると思いますが、いつからか1 Gmail は iPod tou...</description>
<content:encoded>
<![CDATA[<h4>表示言語 English (US) で、iPod touch/iPhone 専用 Gmail インターフェイス</h4>
<p>iPod touch で Gmail を使っている人は気が付いていると思いますが、いつからか<sup id="fnref:TL-167_Gmail_2"><a href="#fn:TL-167_Gmail_2" rel="footnote">1</a></sup> Gmail は iPod touch/iPhone 専用インターフェイスを用意して、見やすくなっています。</p>
<p><img src="http://travel-lab.info/tech/pblog/resources/Gmail-iPod_touch-message_lists.png" height="480" width="320" alt="Gmail iPod touch - メッセージ一覧" /></p>
<p>※ 上記画像は <a href="http://travel-lab.info/tech/pblog/article.php?id=150" title="Travellers Tales : iPhone 用 Google Reader、Google Calendar の設定を見る">Firefox + User Agent Switcher</a> で擬似的に iPod touch/iPhone の画面を再現したものです。</p>
<!--
YouTube のこの動画とはインターフェイスが違いますね。
<object data="http://www.youtube.com/v/Alkx0bbAvfY&rel=1" type="application/x-shockwave-flash" width="425" height="355"><param name="movie" value ="http://www.youtube.com/v/Alkx0bbAvfY&rel=1" /><param name="wmode" value="transparent" />
<a href="http://www.youtube.com/watch?v=qg1ckCkm8YI">YouTube - GmailがiPod touchで使いやすくなった</a></object>
-->
<p>iPod touch や iPhone から <a href="http://mail.google.com" title="Gmail - 標準インターフェイス">http://mail.google.com</a> や <a href="http://m.gmail.com" title="Gmail - モバイル機器用インターフェイス">http://m.gmail.com</a> にアクセスすると、自動的にこの専用インターフェイスになるようです。</p>
<p>ただし、今のところ、Gmail 表示言語が English (US) になっている必要があるようです。新しいインターフェイスを使いたい方は、あらかじめ Gmail の表示言語を変更しておきましょう。</p>
<p>iPod touch/iPhone 専用インターフェイスになっても、下の方にある <a href="https://mail.google.com/mail/h/" title="Gmail - basic HTML">basic HTML</a>
（<a href="https://mail.google.com/mail/h/" title="Gmail - basic HTML">https://mail.google.com/mail/h/</a>）をクリックすれば、従来の表示になります。ただ、この簡易 HTML 表示は、フル機能の Gmail が使えない（例えば、差出人の変更）のが残念です。（こうなると iPod touch/iPhone からフル機能の Gmail を使う方法ってあるのでしょうか？）</p>
<p>以下では、Gmail の iPod touch/iPhone インターフェイスの HTML なんかも見てみます。
<!-- more --></p>
<h4>iPod touch/iPhone 専用 Gmail インターフェイスの HTML</h4>
<p>HTML を眺めてみても、特に <a href="http://travel-lab.info/tech/pblog/article.php?id=157" title="Travellers Tales : ウェブサイトを iPhone/iPod touch 対応にする最も簡単な方法">viewport</a> の設定はないようです。<a href="http://travel-lab.info/tech/pblog/article.php?id=150" title="Travellers Tales : iPhone 用 Google Reader、Google Calendar の設定を見る">Google Reader、Google Calendar の設定</a>とは違いますね。</p>
<p>目に付くところとしては、CSS 3 の先行実装の <code>-webkit-border-top-left-radius</code> や <code>-webkit-border-top-right-radius</code> のような WebKit の独自拡張でしょうか。例えば以下の部分です。</p>
<pre><code>.msgtop {border-left:thin solid #BFBFBF;
border-top:thin solid #BFBFBF;
border-right:thin solid #BFBFBF;
-webkit-border-top-left-radius: 5px;-moz-border-radius-topleft: 5px;
-webkit-border-top-right-radius: 5px;-moz-border-radius-topright: 5px;
background-color:#EFEFEF; padding:5px;}
</code></pre>
<p><code>border-radius</code><sup id="fnref:TL-167_moz-border-radius"><a href="#fn:TL-167_moz-border-radius" rel="footnote">2</a></sup> という CSS プロパティは、あの面倒な角丸インターフェイスを、CSS で実現するものです。（早く標準になってほしい。）</p>
<p>iPod touch/iPhone 用 Gmail では、例えばメッセージの枠の表示に
使われています。</p>
<p><img src="http://travel-lab.info/tech/pblog/resources/Gmail-iPod_touch-message.png" height="480" width="320" alt="Gmail iPod touch - メッセージ表示例" /></p>
<h4>iPod touch/iPhone 専用 Gmail インターフェイスの制限</h4>
<p>この iPod touch/iPhone 用インターフェイスは、メッセージの閲覧にはよいのですが、先にも触れたようにできることは、若干制限されています。</p>
<p>できることとできないことの代表的なものをまとめてみました。</p>
<ul>
<li>できること
<ul>
<li>メールを作成 (Compose Mail)</li>
<li>返信 (Reply)</li>
<li>転送 (Forward)</li>
<li>アーカイブ (Archive)</li>
<li>受信トレイへ移動 (Move to Inbox)</li>
<li>Star を付ける (Add star)</li>
<li>Star をはずす (Remove star)</li>
<li>既読にする (Mark as read)</li>
<li>未読にする (Mark as unread)</li>
<li>削除 (Delete)</li>
</ul></li>
<li>できないこと
<ul>
<li>ラベルを付ける (Apple label)</li>
<li>ラベルを削除 (Remove label)</li>
<li>迷惑メールを報告 (Report spam)</li>
<li>件名を編集 (Edit Subject)</li>
<li>差出人の変更 (Change sender)</li>
<li>連絡先の作成・削除 (Compose/Delete contacts)</li>
<li>その他設定の変更 (Change Setteings)</li>
</ul></li>
</ul>
<p>元々、モバイル機器用のインターフェイスが基になっているので機能に制限があるのではないかと思います。</p>
<p>できないことを行うには、標準 (standard) インターフェイスを使えばよいのですが、現状では iPod touch/iPhone から標準インターフェイスを使う方法がなさそうです。選択肢としては残しておいてほしいですね。</p>
<p><a href="https://mail.google.com/mail/?nocheckbrowser" title="ブラウザチェックなし Gmail">https://mail.google.com/mail/?nocheckbrowser</a> も iPod touch/iPhone からは使えないようです。</p>
<div class="footnotes">
<hr />
<ol>
<li id="fn:TL-167_Gmail_2">
<p>English (US) でしか使えないことから考えても Gmail 2.0 の導入と同時にでしょうか：<a href="http://journal.mycom.co.jp/news/2007/10/31/016/index.html" title=" - 携帯参入に続いてGmail 2.0、期待感からGoogle株価は700ドル台目前に | 経営 | マイコミジャーナル">携帯参入に続いてGmail 2.0、期待感からGoogle株価は700ドル台目前に | マイコミジャーナル</a> ／ <a href="http://www.itmedia.co.jp/news/articles/0710/31/news079.html">Google、Gmail刷新で高速化へ - ITmedia News</a> ／ <a href="http://akihitok.typepad.jp/blog/2007/10/gmail_20_5ea6.html">POLAR BEAR BLOG: サクサク動く Gmail 2.0</a>&#160;<a href="#fnref:TL-167_Gmail_2" rev="footnote">&#8617;</a></p>
</li>
<li id="fn:TL-167_moz-border-radius">
<p><code>-moz-border-radius-topleft</code>、<code>-moz-border-radius-topright</code> という Mozilla 系ブラウザの CSS 拡張まで入っているのは、Google の開発でも <a href="http://travel-lab.info/tech/pblog/article.php?id=150" title="Travellers Tales : iPhone 用 Google Reader、Google Calendar の設定を見る">Firefox + User Agent Switcher</a> を使っているからだったりして。&#160;<a href="#fnref:TL-167_moz-border-radius" rev="footnote">&#8617;</a></p>
</li>
</ol>
</div>
]]>
</content:encoded>
</item>
</channel>
</rss>