PHP, Perl, Python, Ruby 文法などの比較まとめチートシート

Posted by admin | JavaScript, PHP, Perl, ruby, ソフトウェア | 日曜日 8 8月 2010 9:26 PM

プログラミング言語の比較対応で文法覚えられそうなんで便利!

* Big Script: PHP, Perl, Python, Ruby, Smalltalk
http://hyperpolyglot.wikidot.com/scripting

* Small Script: Bash, Tcl, Lua, Javascript, IO
http://hyperpolyglot.wikidot.com/small

* Platform: C, C++, Objective C, Java, C#
http://hyperpolyglot.wikidot.com/platform





webpod(iPod)の使い方及び設置方法

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

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

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


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


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

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

3.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」のパスも適宜変更して下さい。(解凍したままアップロードするのであれば、変更は必要ありません。)

4.playSongメソッドのリンクを作ります。

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

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

5.最後に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/





JavaScriptの関数オブジェクトを完璧に理解する

Posted by admin | JavaScript | 水曜日 16 4月 2008 11:18 AM

JavaScriptの関数オブジェクトを完璧に理解する – builder by ZDNet Japan

あとで勉強する為にメモメモ。





Highslide JSの使用方法

Posted by admin | JavaScript | 木曜日 10 4月 2008 12:38 PM

Highslide JSの使用方法のメモ。

参考url:
http://www.koikikukan.com/archives/2007/01/18-005102.php

ダウンロードページ:
http://vikjavev.no/highslide/download.php

2008-04-10時点での最新バージョンは3.3.12でした。


1.スクリプトのインクルード設定
</head> の直前に設定します。


<script type="text/javascript" src="http://user-domain/highslide/highslide.js"></script>
<script type="text/javascript">
hs.graphicsDir = 'highslide/graphics/';
window.onload = function() {
hs.preloadImages();
}
</script>



2.ポップアップ用空要素設定
Highslide JS でポップアップする画像を表示させるための div 空要素を設定します。そして div 要素の id 属性に “highslide-container” を設定します。
<body>タグの直下に記述します。


<div id="highslide-container"></div>



3.タグ設定
まず、サムネイル画像表示用の img タグを書き、それを a タグで括ります。a タグの href 属性には元画像の URL を設定してください。
そして a タグに class 属性 “highslide” と、onclick 属性を追加します。
なお、ユーザビリティを考慮して onkeypress 属性も追加しておくと良いでしょう。


<a href="[画像ファイルのURL]" class="highslide" onclick="return hs.expand(this)" onkeypress="return hs.expand(this)"><img src="[サムネイル画像のURL]" alt="..." /></a>



他にもこちらを参考にしました。
http://www.koikikukan.com/archives/2007/03/30-003838.php





テキストエリア等の入力フォームをリサイズ可能にするJavaScript

Posted by admin | JavaScript | 木曜日 13 3月 2008 4:07 PM

テキストエリア等の入力フォームをリサイズ可能にするJavaScript

入力フォームをリサイズ出来る必要性が出て調べたのでメモ。

参考url:
テキストエリアとかリサイズ可能にする JavaScript
http://espion.just-size.jp/archives/06/237175908.html


yukotan hour
http://yukotan.blogspot.com/2007/02/javascript.html





Page 1 of 212