XserverXserverSupportDomainDomainSupportMany-KingMany-King Support

「2007年10月10日」のアーカイブ

SlideShare の発行タグを XHTML 1.0 に最適化

【注意】
本投稿記事は、Firefox では機能することが解っていますが、どうやら Opera、Internet Explorer ではコードとしては正しいようですが、結果としてスライドが正しく表示されない可能性があるそうです。大変申し訳ありませんが、万能では無いようですので注意が必要です!

自分で作成したスライド(登録されたスライドは何でも公開できますが・・・)をブログで公開するために、SlideShare というサイトを本ブログの投稿記事「SlideShare が面白い!」で紹介しました。

ところが、この SlideShare で発行される XHTML タグは、どうやら「XHTML 1.0」に対応していないようで、SlideShare のコードをそのまま挿入してしまうと、「W3C::Markup Validation Service」でエラーが発生してしまっていました。

そこで、解決策を探してウェブサイトを徘徊していると・・・やっぱり、同じようなことを考える方がいらっしゃるようで、「WEBマーケティングブログ::YouTubeの発行タグをXHTML 1.0に最適化するFirefoxのスクリプト」を発見しました。内容は、YouTube に関してですが、タグを見ているとどうやら SlideShare とほとんど同じ!

そこで、以下のようなコード修正を実施!

<div style=”width:425px;text-align:left” id=”__ss_147034″><object style=”margin:0px” height=”355″ width=”425″><param name=”movie” value=”http://s3.amazonaws.com/slideshare/ssplayer2.swf?doc=introducing-to-erp-1193445820309315-4“/><param name=”allowFullScreen” value=”true”/><param name=”allowScriptAccess” value=”always”/><embed src=”http://s3.amazonaws.com/slideshare/ssplayer2.swf?doc=introducing-to-erp-1193445820309315-4″ type=”application/x-shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” width=”425″ height=”355″></embed></object><div style=”font-size:11px;font-family:tahoma,arial;height:26px;padding-top:2px;”><a href=”http://www.slideshare.net/?src=embed”><img src=”http://s3.amazonaws.com/slideshare/logo_embd.png” style=”border:0px none;margin-top:-5px” alt=”SlideShare”/></a> | <a href=”http://slideshare.net/ZeroChaCool/introducing-to-erp” title=”View this slideshow on SlideShare”>View</a> | <a href=”http://www.slideshare.net/upload”>Upload your own</a></div></div>

とにかく複雑怪奇にみえる上記のような発行タグを上記でご紹介した投稿記事にあるコードを参照に・・・

<object width=”425″ height=”355″ data=”http://s3.amazonaws.com/slideshare/ssplayer2.swf?doc=introducing-to-erp-1193445820309315-4″ type=”application/x-shockwave-flash”><a href=”http://s3.amazonaws.com/slideshare/ssplayer2.swf?doc=introducing-to-erp-1193445820309315-4″>Introducing to ERP</a></object>

余計な部分を省き、単純に object タグだけにして貼り付けてみました。これで XHTML 1.0 での問題はなくなり、少なくとも、私の Firefox 2.0.0.8 (Windows XP) という環境ではまったく問題なく閲覧できています。

即ち、SlideShare での発行タグを以下のように修正することになります(強調されているところ入れ替える)。

<object width=”425″ height=”355″ data=”URL” type=”application/x-shockwave-flash”><a href=”URL“>Introducing to ERP</a></object>

ただ、どうしてこうすれば問題が無くなるかは今のところ理解できず・・・

SlideShare が面白い!

【注意】
本投稿記事は、Firefox では表示できることが解っていますが、SlideShare が発行するタグを変更しているため、どうやら Opera、Internet Explorer では正しく表示されない可能性があるそうです。大変申し訳ありませんが、万能では無いようです!

本ブログと連携している SlideShare は、ZeroChaCool’s Slidespace でご覧頂けます。

ウェブサイトを徘徊していると、多くのサイトで YouTube や Yahoo Video とかいった動画が多くのブログに貼り付けてありますよね!動画の内容によっては、見入ってしまうのですが、どうやら最近の傾向としてこうした動画を貼り付けることは、WEB 2.0 といった傾向だそうです。

本サイトは、テキストベースのブログで、そうした動画はほとんど貼り付けていないのですが、ちょっと淋しい!?といったご指摘も受けたりしていて、何かブログを賑やかにする方法はないかな~と探していると・・・

すると、MS-PowerPoint のファイルを公開して、そのスライドを公開できるようにするウェブサイトを発見。個人的には、結構沢山!?の PowerPoint ファイルがありますから、意外と自分向きかも・・・SlideShare というのがそのサイトで、ブログにスライドを貼り付けると以下のようになります。

WEB 2.0 SUMMIT

何やらとっても良さそうですが・・・動画だとちょっと見ただけではその内容がはっきりしないし、公開期限切れなんていうことで、実際には見れないような動画も多く存在しているようだし。ちょっとはまりそうな気配ですが、それよりもとにかく素晴らしいデザインのスライドのオンパレード。ビジネスでも参考になりそうです。

自分のスライドをちょっと貼り付けてみると・・・

Introducing to ERP

日本語のタイトルは表記でき無いようですし、ちょっとレイアウトが日本語の場合!?乱れていますが、使えないというレベルではなさそうです。そこそこ良い感じではないでしょうかね~(ってまた自己満足の世界ですが・・・)