webpod（iPod）の使い方及び設置方法

Posted by admin | WEBデザイン, ソフトウェア, ライフハック, 便利ツール | 水曜日 16 7月 2008 1:17 AM

webpod（iPod）という面白いWEBアプリを見つけたので使用方法等をご紹介。

webpod
ダウンロード先はこちら：
http://www.search-this.com/tools/webpod/


１．まずは上記ダウンロード先からzipファイルをダウンロードし解凍します。


２．次に、二つのスクリプトタグを<head> </head>タグの間にコピペします。

<script type="text/javascript" src="swfobject.js" ></script>
<script type="text/javascript" src="js-to-flash.js" ></script>

３．webPodを表示させたい場所に下記のコードをコピペします。

   <div id="flashcontent" style="text-align:center;">
         webPodを使うためにアドビからFlashプレーヤーをダウンロードする必要があります。
   </div>
   <script type="text/javascript">
   var so = new SWFObject("webPod.swf", "webPod", "165", "265", "8", "#ffffff");
   so.addParam("quality", "best");
   so.addParam("wmode", "transparent");
   so.addParam("flashvars", "xmlFile=tunes.xml");
   so.write("flashcontent");
   </script>

・webPod.swfファイルへのパスは適宜変更して下さい。（解凍したままアップロードするのであれば、変更は必要ありません。）

・もし、webPod-slimを使っているならば、webPod.swfからwebPod-slim.swfに上記のコードを変えて、165から125に幅を変えてください。

・flashvars「xmlFile=tunes.xml」のパスも適宜変更して下さい。（解凍したままアップロードするのであれば、変更は必要ありません。）

４．playSongメソッドのリンクを作ります。

<a href="javascript:playSong('Lost Someone')">Lost Someone</a>

tunes.xmlファイルで指定したタイトルと曲名が同一であることを確認してください。これは大文字と小文字の区別されますので注意して下さい。

５．最後にMP3ファイルをアップロードして、tunes.xmlファイルを修正します。

tunes.xmlファイルの書式参考です。

<tunes>
  <tune>
    <mp3>http://domain.com/music/song.mp3</mp3>
    <title>Lost Someone</title>
    <artist>James Brown</artist>
    <album>Live At The Apollo (1962)</album>
    <bitrate>192</bitrate>
    <image></image>
    <link>http://www.link.com</link>
  </tune>
</tunes>



実際に設置してみたサンプルページはこちらです：
http://blog.96q.org/webpod-ipod-sample/





賞金総額「1,000万円」を山分け出来るかも知れない！？

Posted by admin | ライフハック | 水曜日 9 7月 2008 3:41 PM

「イケメン」vs「ツケメン」、「桃太郎」vs「金太郎」、「カレー」vs「ラーメン」、「カツオ」vs「ワカメ」、「文系」vs「理系」など、関係があるような無いような全20組の検索ワードについて、どちらのワードの方がより多く検索されるか？

その勝敗を予想して賞金総額1,000万円を当てようというのがこの「goo検索ワード対決キャンペーン」です。応募期間は2008年7月15日（火）正午までとなっており、ネット上から誰でも簡単に応募することができます。うまくいけば1,000万円を山分けせずに独り占めすることも可能だと思います。

というわけで、実際に応募してみました。
自分の予想を恥ずかしいのですが、公開してみます（笑）

(続きを読む…)





XHTML（Valid）規格に準じたFlashソースの書き方

Posted by admin | JavaScript, PHP, SEO対策メモ, WEBデザイン | 金曜日 4 7月 2008 11:04 AM

FlashコンテンツをWEBサイトに埋め込むに当たって、
XHTML Validエラーの壁にぶち当たったのでメモとしてエントリー。

参考url：
http://kyosuke.jp/portfolio/seminar/2006-04csslite/flash.html


自分はHTML編集ソフトとして「Dreamweaver8」を使ってるのですがそれでFlashオブジェクトを挿入すると、こんな感じのソースが挿入されます。

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="500" height="200" title="SlideShow">
  <param name="movie" value="SlideShow.swf" />
  <param name="quality" value="high" />
  <embed src="SlideShow.swf" width="500" height="200" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
</object>



上記のソースを【The W3C Markup Validation Service】でチェックすると「there is no attribute “src”」とか、「there is no attribute “width”」でエラーが出ます。

最新の「Dreamweaver CS3」では対応されてるかもしれないが、未だ旧バージョンを使用してる場合に、Flashを挿入したときバリデータでエラーを出さないようにするためには次のように修正する。


１．まずは、「embed」タグを消去する。

「embed」タグはXHTMLでは使えないタグなので削除

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="500" height="200" title="SlideShow">
  <param name="movie" value="SlideShow.swf" />
  <param name="quality" value="high" />
</object>

２．「classid」要素を削除し「type」要素に変更

「classid」要素の代わりに、MIME typeを指定する「type=”application/x-shockwave-flash”」に変更する

<object type="application/x-shockwave-flash" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="500" height="200" title="SlideShow">
  <param name="movie" value="SlideShow.swf" />
  <param name="quality" value="high" />
</object>

３．「codebase」要素を削除し「data」属性に変更

「data」属性にmovieのvalueと同じFlashへのパスを追加しないと表示されないので追加。

<object type="application/x-shockwave-flash" data="SlideShow.swf" width="500" height="200" title="SlideShow">
  <param name="movie" value="SlideShow.swf" />
  <param name="quality" value="high" />
</object>

以上で、W3CのXHTML（Valid）規格に準じたFlashソースの書き方でした。





PHPで画像を擬似的にキャッシュさせない方法

Posted by admin | PHP, 画像処理 | 木曜日 3 7月 2008 2:49 PM

PHPで画像をブラウザにキャッシュさせない方法です。

参考url：
http://webtech-walker.com/archive/2007/03/07112848.html

Web上でフォームを用いて画像をアップする際などに、画像がブラウザにキャッシュされて、いちいちリロードしないと画像が切り替わらないで困った事はありませんか？

自分はあります。はい。そこで、調べました。

そうしたら、上記「Webtech Walker」さんで解決方法がありましたのでメモ。

対処法としては画像の名前の後にユニークなクエリ情報（urlの?以降の情報）を付け加えることです。

<img src="/sample.jpg?<?php echo time(); ?>” alt=”サンプル”>

出力：
<img src=”/sample.jpg?1173278322” alt=”サンプル”>

上記方法で擬似的にキャッシュされないように見せることができます。ブラウザがキャッシュしているかどうかは画像のＵＲＬで判断しているらしいので すが、クエリ情報もこの判断材料に含まれるので、画像の名前が同じでもクエリ情報が違っていれば画像を読みにいってくれるわけです。

キャッシュしなくても問題ないものならいいのですが、画像のサイズが大きい場合などキャッシュした方が良い場合もありますので使いすぎには注意が必要です。





2008年6月のアクセス数の多かった人気記事TOP5

Posted by admin | 月別人気記事 | 水曜日 2 7月 2008 4:22 PM

先月(2008年6月)のアクセス数が多く人気のあった記事のトップ5です。

  1. PHPでタイムスタンプをRFC 2822 フォーマットされた日付に変換する方法
  2. 3年B組SEO先生！
  3. サイトを高速化させる為の豆知識(CSS Sprites)
  4. PHPでファイルをダウンロードさせる方法（PEAR::HTTP_Download）
  5. PHPで月末を求める方法（日付取得方法）

今回は、PHPで日付を扱う機会が多かったです。