<p class="thumb"><img src="http://web-marketing.zako.org/images/2011/02/gdocs-viewer2.jpg" alt="PSD、AI、XLSXなどのプレビュー" title="gdocs-viewer" width="514" height="204" class="aligncenter size-full wp-image-17355" /></p><p>Googleはいったいどこまで、今までの不可能を可能にしてしまうのでしょう。これまで、PhotoshopのPSDファイルなどをサイト上でプレビューさせるには、キャプチャ画像を使ったり、<a href="/web-tools/embedit-in-any-file-in-your-website.html">embedit.in</a>などのサービスを使う必要がありました。</p>
<p>しかし、今回Googleが提供するGoogle Docs Viewerが対応するファイル形式に、新たに12種類が追加されることによって、他のサービスを使うことなく、いままでできなかったサイト上でのファイルのプレビューを行うことができるようになりました。</p>
<!--more-->
<h3 class='header-label'>PSD、AI、XLSXなどのプレビューにも対応した「Google Docs Viewer」</h3>
<p>「<a class='web-site-link' href="http://docs.google.com/viewer" target="_blank">Google Docs - Viewer</a>」は、<strong>PDFやPPT（パワーポイント）などのファイルをプレビューするリンクを生成、サイトへの埋込みタグも発行してくれるサービス</strong>。今回、新たにフォトショやイラレなど12種類のファイル形式に対応し、より便利なものになりました。</p>

<h4 class='tips'>今回追加された12種類のファイル形式</h4>
<ul><li>Microsoft Excel (.XLS and .XLSX)<br></li><li>Microsoft PowerPoint 2007 / 2010 (.PPTX)<br></li><li>Apple Pages (.PAGES)<br></li><li>Adobe Illustrator (.AI)<br></li><li>Adobe Photoshop (.PSD)<br></li><li>Autodesk AutoCad (.DXF)<br></li><li>Scalable Vector Graphics (.SVG)<br></li><li>PostScript (.EPS, .PS)<br></li><li>TrueType (.TTF)<br></li><li>XML Paper Specification (.XPS)</li></ul>

<h4 class='tips'>Photoshop (.PSD)のプレビュー</h4>
<iframe src="http://docs.google.com/viewer?url=web-marketing.zako.org%2Fflash%2FSnowBoard__PSD_by_klaib.psd&embedded=true" width="522" height="650" style="border: none;"></iframe>
<p>↑若干読み込みに時間がかかるものの、PSDファイルのURLを指定するだけでサイト上でプレビューを表示させることができます。</p>


<h4 class='tips'>Excel 2010 (.XLSX)のプレビュー</h4>
<iframe src="http://docs.google.com/viewer?url=web-marketing.zako.org%2Fflash%2FBook4.xlsx&embedded=true" width="520" height="600" style="border: none;"></iframe>
<p><br />↑グラフが簡素化されますが、.xlsx形式のファイルもプレビューすることができます。</p>
<p><img src="http://web-marketing.zako.org/images/2011/02/gdocs-viewer1.jpg" alt=".xlsx" title="gdocs-viewer1" width="400" height="291" class="aligncenter size-full wp-image-17352" /><br />↑ちなみに、元にした.xlsxのファイルはこちらです。</p>
<p>ただし、パワーポイント2007以降のスマートアートのプレビューには対応していないのが残念。これがプレビューできると、よりグラフィカルなウェブコンテンツがカンタンに作れるのになと感じます。</p>

<h4 class='tips'>Google Docs Viewerの使い方</h4>
<p><img src="http://web-marketing.zako.org/images/2011/02/gdocs-viewer2.png" alt="使い方" title="gdocs-viewer2" width="520" height="299" class="aligncenter size-full wp-image-17361" /><br />↑このツールの使い方はシンプルで、リンクを発行したいファイルのURLを貼り付け、リンク文言を設定して「Generate link」を押すだけ。</p>
<p>するとメール用のリンク、別ページでプレビューするためのHTMLリンクタグ、そしてページ上でプレビューする埋め込みタグの３つが発行されます。</p>
<p>このタグをコピーして、表示させたい場所へ貼りつければOKです。</p>
<p>興味のある方は<a class='web-site-link' href="http://docs.google.com/viewer" target="_blank">Google Docs - Viewer</a>へどうぞ。</p>
<p>細かい部分ではあるものの、少なからず実現できずにモヤモヤしていたものが、一気に解決されるのは良いものですね。</p>
<p>Via:<a class='web-site-link' href="http://googledocs.blogspot.com/2011/02/12-new-file-formats-in-google-docs.html" target="_blank">Docs Blog</a></p>

<div class="booklink-box" style="text-align:left;padding-bottom:20px;font-size:small;/zoom: 1;overflow: hidden;"><div class="booklink-image" style="float:left;margin:0 15px 10px 0;"><a href="http://www.amazon.co.jp/exec/obidos/asin/4798127914/webm-22/" name="booklink" rel="nofollow" target="_blank"><img src="http://ecx.images-amazon.com/images/I/51gdAQlD-HL._SL160_.jpg" style="border: none;" /></a></div><div class="booklink-info" style="line-height:120%;/zoom: 1;overflow: hidden;"><div class="booklink-name" style="margin-bottom:10px;line-height:120%"><a href="http://www.amazon.co.jp/exec/obidos/asin/4798127914/webm-22/" rel="nofollow" name="booklink" target="_blank">小さな会社の Google Apps 導入・設定ガイド (Small Business Support)</a><div class="booklink-powered-date" style="font-size:8pt;margin-top:5px;font-family:verdana;line-height:120%">posted with <a href="http://yomereba.com" rel="nofollow" target="_blank">ヨメレバ</a></div></div><div class="booklink-detail" style="margin-bottom:5px;">株式会社サテライトオフィス 翔泳社 2013-01-16    </div><div class="booklink-link2" style="margin-top:10px;"><div class="shoplinkamazon" style="display:inline;margin-right:5px;background: url('http://img.yomereba.com/kz_y.gif') 0 0 no-repeat;padding: 2px 0 2px 18px;white-space: nowrap;"><a href="http://www.amazon.co.jp/exec/obidos/asin/4798127914/webm-22/" rel="nofollow" target="_blank" title="アマゾン" >Amazon</a></div><div class="shoplinkkindle" style="display:inline;margin-right:5px;background: url('http://img.yomereba.com/kz_y.gif') 0 0 no-repeat;padding: 2px 0 2px 18px;white-space: nowrap;"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/B00G9QJBOU/webm-22/" rel="nofollow" target="_blank" >Kindle</a></div><div class="shoplinkrakuten" style="display:inline;margin-right:5px;background: url('http://img.yomereba.com/kz_y.gif') 0 -50px no-repeat;padding: 2px 0 2px 18px;white-space: nowrap;"><a href="http://hb.afl.rakuten.co.jp/hgc/08dacc41.2a184675.08dacc42.068adaaa/?pc=http%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F12168871%2F%3Fscid%3Daf_ich_link_urltxt%26m%3Dhttp%3A%2F%2Fm.rakuten.co.jp%2Fev%2Fbook%2F" rel="nofollow" target="_blank" title="楽天ブックス" >楽天ブックス</a></div><div class="shoplinkbk1" style="display:inline;margin-right:5px;background: url('http://img.yomereba.com/kz_y.gif') 0 -150px no-repeat;padding: 2px 0 2px 18px;white-space: nowrap;"><a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2321183&pid=882425367&vc_url=http%3A%2F%2Fhonto.jp%2Fnetstore%2Fsearch_021_104798127914.html%3Fsrchf%3D1%26srchGnrNm%3D1" target="_blank" title="bk1" >honto<img src="http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2321183&pid=882425367" height="1" width="1" border="0"></a></div><div class="shoplinkehon" style="display:inline;margin-right:5px;background: url('http://img.yomereba.com/kz_y.gif') 0 -250px no-repeat;padding: 2px 0 2px 18px;white-space: nowrap;"><a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2321183&pid=882425360&vc_url=http%3A%2F%2Fwww.e-hon.ne.jp%2Fbec%2FSA%2FDetail%3FrefISBN%3D4798127914" target="_blank" title="e-hon" >e-hon<img src="http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2321183&pid=882425360" height="1" width="1" border="0"></a></div>	  <div class="shoplinkkino" style="display:inline;margin-right:5px;background: url('http://img.yomereba.com/kz_y.gif') 0 -350px no-repeat;padding: 2px 0 2px 18px;white-space: nowrap;"><a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2321183&pid=882425369&vc_url=http%3A%2F%2Fwww.kinokuniya.co.jp%2Ff%2Fdsg-01-9784798127910" target="_blank" title="kino" >紀伊國屋書店<img src="http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2321183&pid=882425369" height="1" width="1" border="0"></a></div></div></div><div class="booklink-footer" style="clear: left"></div></div>