ブログなどにpdfなどを閲覧可能状態で貼り付ける方法 - 子子子子子子（ねこのここねこ）はてブロ部

Stilrent Icon Set .png by ~SLjodal
残念ながらこの手法は使えなくなったようです…（2013/4/23確認）
当分はてダで書くんじゃないかと思っている[twitter:@riocampos]です。

まえおき

これなのですが、多分Googleドライブビューアの機能を使ってるんだと思います（知識不足ですみません）。
あと、当初は「はてダ」と書いてましたが、ブログはじめ一般的にどんなサイトにでも載せれるんじゃないかと思い直して、タイトルを変更しました。
また、pdfに限らず、MS Officeのdoc/docx、xls/xlsx、ppt/pptx、ベクターなsvg、PostScriptなps/epsはいけるようです。残念ながらOpenOffice/LibleOffice等で使われるオープンドキュメント形式なodt/ods/odpなどはNGでした。Googleドライブビューアで表示出来るファイル形式と完全に同じかどうかはよく分かりません。

てじゅん

目的のpdfファイルのURLが http://foo.baa/URL.pdf *1 であると仮定します。

iframe → Google Gadget コンバータを開く。

iframe → Google Gadget コンバータ via kwout

「iframeタグまたはURL:」とあるフォーム部分に、ファイル名の前に"http://docs.google.com/gview?url="、後ろに"&embedded=true"を付ける。

http://docs.google.com/gview?url=http://foo.baa/URL.pdf&embedded=true

変換ボタンを押す。
「以下のHTMLをコピーしてはてなダイアリーなどに貼り付けてください。」と出るので、これをはてダなど自分のブログの編集画面へコピペ。上記の例だと以下のようになります。

<script src="http://gmodules.com/ig/ifr?url=http://gimite.net/rails/iframe_gadget/xml%3Fparams%3Dscrolling%3Dtrue%21url%3Dhttp://docs.google.com/gview%253Furl%253Dhttp://foo.baa/URL.pdf%2526embedded%253Dtrue&amp;synd=open&amp;w=500&amp;h=400&amp;title=&amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;output=js"></script>

なお、幅と高さは変更出来るので、ブログなどの適切な幅に応じて設定を変更しましょう。当はてダでは幅500高さ400ぐらいが適切なようでした。