<p class="thumb"><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2011/06/google-sites-mobile.jpg" alt="Googleサイトを携帯サイトに自動変換する新機能" title="google-sites-mobile" width="514" height="204" class="aligncenter size-full wp-image-18384" /></p>
<p>Google Appsを会社で利用し、Googleサイトにルールやマニュアル、プロジェクトの情報などをまとめていると、スマートフォンなどの携帯デバイスで閲覧・編集したいケースも出てくるはず。</p>
<p>しかし、Googleサイトのページを携帯から見ると、PCと同様のものが表示されてしまうために閲覧性が低くなっていました。</p>
<p>そのGoogleサイトが、自動的にモバイルサイトへ変換するオプション機能を追加したようなので、早速試してみました。</p><!--more-->
<h3 class='header-label'>Googleサイトを携帯サイトに自動変換する新機能</h3>
<p>今回Googleサイトに追加された<strong>携帯端末への自動調整機能</strong>は、設定することで有効化されるオプション機能。</p>
<p>設定すると、iPhoneやAndroidなどの携帯端末に最適化されたサイトが表示されるようになります。</p>
<p>ちなみに、Googleサイトでモバイルサイトを構築するテンプレート、<a href="http://www.google.com/sites/help/intl/en/mobile-landing-pages/mlpb.html#template_local-business_black" target="_blank">Google Sites - Mobile Templates</a>もあります。</p>

<h4 class='tips'>携帯版サイトのサンプル</h4>

<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2011/06/google-sites-mobile4.png" alt="モバイルサイト" title="google-sites-mobile4" width="500" height="565" class="aligncenter size-full wp-image-18383" /><br />↑こちらが設定前、設定後のGoogleサイトを比較したもの。モバイルに最適化されたサイトは、サイドメニューがデフォルトで畳んだ状態になっています。</p>

<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2011/06/google-sites-mobile5.png" alt="サイドメニュー" title="google-sites-mobile5" width="480" height="365" class="aligncenter size-full wp-image-18382" /><br />↑サイドメニューは、左側をタップすれば開くようになっています。</p>

<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2011/06/google-sites-mobile6.png" alt="リスト" title="google-sites-mobile6" width="480" height="431" class="aligncenter size-full wp-image-18381" /><br />↑リストのタイトル部分を残してスクロールするといった見やすさを重視した機能も追加されます。</p>

<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2011/06/google-sites-mobile7.png" alt="リスト項目の追加・編集" title="google-sites-mobile7" width="480" height="482" class="aligncenter size-full wp-image-18389" /><br />↑リスト項目の追加や編集も可能です。</p>


<h4 class='tips'>モバイルサイト設定手順</h4>

<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2011/06/google-sites-mobile1.png" alt="サイトの設定" title="google-sites-mobile1" width="497" height="492" class="aligncenter size-full wp-image-18387" /><br />↑まず、モバイル版を表示させたいサイトを開き、【その他の操作】→【サイトを管理】の順に選択します。</p>

<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2011/06/google-sites-mobile2.png" alt="全般設定" title="google-sites-mobile2" width="500" height="414" class="aligncenter size-full wp-image-18386" /><br />↑設定画面が開いたら、サイドメニューの【全般】をクリック。</p>

<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2011/06/google-sites-mobile3.png" alt="携帯サイトに変換" title="google-sites-mobile3" width="500" height="264" class="aligncenter size-full wp-image-18385" /><br />↑次に、「モバイル」欄の【携帯端末用にサイトを自動的に調整する】にチェックを入れ、【変更を保存】ボタンを押せば、設定完了です。</p>

<p>興味がある方は<a href="https://sites.google.com/" target="_blank">Google サイト</a>へどうぞ。</p>

<p>外出先から細かいところを確認したり、ログを残したりできるようになるだけに、よりスキマ時間を有効活用できそうですね。</p>

<p>Via：<a href="http://googledocs.blogspot.com/2011/06/automatic-mobile-rendering-for-google.html">Automatic mobile rendering for Google Sites - Docs Blog</a></p>