開発覚書

twitterer_anywhereとwordpressのページ分割

2011-03-02T00:29:00.002+09:00

twitterer_anywhere.jp.jsを使用してretweetを回収して表示することができるけど、
wordpressのページ分割をしようした場合、以下のような問題が起きる。

１：
http://hogehoge.jp/post_id　をページ分割すると

２：
http://hogehoge.jp/post_id/2　や
http://hogehoge.jp/post_id/3　になる

WPのパーマリンクはページ分割分まで出さないので、
topsyなどに引数で渡す場合　１：http://hogehoge.jp/post_id になる。
逆に出されるとページ毎にリツイート変わってしますのでありがた迷惑。

となると、
http://hogehoge.jp/post_id/2　や
http://hogehoge.jp/post_id/3　では、
ページのURLからトラックバックを取得してるtwitterer_anywhere.jp.jsでは
リツートが表示されなくなる。

それを解消するためtwitterer_anywhere.jp.jsに書かれたjavascriptのreplaceの正規表現を少し書き換え。

ソース下部に書かれたtwitterer_urlの部分を

twitterer_url = location.href.replace(/\/\d$/,"");

にする。

Twitpic等のサムネイル画像取得

2010-12-08T01:46:00.001+09:00

$url = 'Twitpicなどの短縮URL';

$_url = parse_url($url);

hostCheck($_url['host'], $_url['path']);

function hostCheck($host, $path){

if(strcmp($host,"twitpic.com")==0){

$thumbPath = "http://". $host. "/show/thumb". $path;

echo "twitpic : ";

}else if(strcmp($host,"yfrog.com")==0){

$thumbPath = "http://". $host. $path. ".th.jpg";

echo "yfrog : ";

}else if(strcmp($host,"img.ly")==0){

$thumbPath = "http://". $host. "/show/thumb". $path;

echo "img.ly : ";

}else if(strcmp($host,"pic.im")==0){

$thumbPath = "http://". $host. "/website/thumbnail". $path;

echo "pic.im : ";

}else if(strcmp($host,"imgur")==0){

$thumbPath = "http://i.imgur.com/". $path. "l.jpg";

echo "imgur : ";

}else if(strcmp($host,"movapic.com")==0){

$thumbPath = "http://image.movapic.com/pic/t_". $path. ".jpeg";

echo "携帯百景 : ";

}else if(strcmp($host,"ow.ly")==0){

$thumbPath = "http://static.ow.ly/photos/thumb/". $path. ".jpg";

echo "ow.ly : ";

}

//画像であるかの確認

if(@exif_imagetype($thumbPath)){

echo '＜img src="http://www.blogger.com/.%20$thumbPath." /＞';

}

Twitpic 等の画像投稿サービスのサムネイル画像の URL

2010-12-08T01:44:00.000+09:00

ページ URL を書き換えるだけでサムネイル画像が表示できるもの

Twitpic （ドキュメント）
- ページ: http://twitpic.com/
- サムネイル画像: http://twitpic.com/show/
  /
  - : “mini” or “thumb”
携帯百景
- ページ: http://movapic.com/
- サムネイル画像: http://image.movapic.com/pic/
  _
  .jpeg
  - : “s” or “t”
はてなフォトライフ
- ページ: http://f.hatena.ne.jp//YYYYMMDD
- サムネイル画像:http://img.f.hatena.ne.jp/images/fotolife/
  /
  /YYYYMMDD/YYYYMMDD
  _.jpg
  : “120″ or “m”
Mobypicture （ドキュメント）
- ページ: http://moby.to/
- サムネイル画像: http://moby.to/
  :
  - : “thumbnail”, “small”, “square” or “medium”
yFrog （ドキュメント）
- ページ: http://yfrog.com/
- サムネイル画像: http://yfrog.com/.th.jpg
PhotoShare
- 短縮URL: http://bctiny.com/p
- ページ: http://www.bcphotoshare.com/photos//
- サムネイル画像: http://images.bcphotoshare.com/storages/
  /
  .jpg
  - : “thumbnail”, “large”, “thumb68″ or “thumb180″
img.ly （ドキュメント）
- ページ: http://img.ly/
- サムネイル画像: http://img.ly/show/
  /
  - : “thumb” or “mini”
Twitgoo （ドキュメント）
- ページ: http://twitgoo.com/
- サムネイル画像: http://twitgoo.com/show//
- サムネイル画像: http://twitgoo.com/
  /
  - : “thumb”, “mini” or “img”
pic.im （ドキュメント）
- ページ: http://pic.im/
- サムネイル画像: http://pic.im/website/thumbnail/
YouTube （ドキュメント）
- 短縮URL: http://youtu.be/
- ページ: http://www.youtube.com/watch?v=
- ページ: http://www.youtube.com/watch#!v=
- サムネイル画像: http://i.ytimg.com/vi//
  .jpg
  - : “default”, or “hqdefault”
imgur
- ページ: http://imgur.com/.jpg
- サムネイル画像: http://i.imgur.com/
  .jpg
  - : “s” or “l”
Plixi （旧TweetPhoto）（ドキュメント）
- ページ: http://plixi.com/p/
- ページ: http://tweetphoto.com/
- サムネイル画像: http://api.plixi.com/api/TPAPI.svc/imagefromurl?size=
  &url=<ページURL>
  - : “thumbnail”, “medium” or “big”
Ow.ly

ページ: http://ow.ly/i/
サムネイル画像: http://static.ow.ly/photos/thumb/.jpg

http://blog.irons.jp/2009/12/23/twitter_thumb_url/

phpの何回かに数回起こるメールの文字化け

2010-10-21T20:57:00.002+09:00

phpのメール送信で今までに遭遇した事のない文字化けの現象に対して

サーバーはPHP Version 4.1.2

ファイルをアップロードすると、強制的に改行コードをLF(UNIX)にされる仕様。

問題としては

フォームによるメール送信で100回中、何割かの確立で文字化けを起こしていた。

●問題を起こしていた状況

元々サイト自体をshift_jis（PCサイト）で制作されていたので、

限定的にutf8にてフォームを実装。

テストすると問題なし。

複数回テストをすると何割かに文字化けが発生する不安定な状況に。

mb_convert_encodingなどで文字コードを変換するも一向に直らない。

mb_detect_encodingで調べた結果、

そもそもhtmlからPOSTされている時点で文字コードがEUC-JPで渡されていることに気づく。

formタグに accept-charset="shift_jis"を書いても変わらず、なおもEUC-JPでポストされ続ける。

ブラウザからのPOSTはEUC-JPもしくはASCIIがデフォルトらしい。

結果的にPOSTする側とメール送信する側の文字コードをEUC-JPで統一し、

メール本文を以下の様にEUC-JPに変換して送信。

$body = mb_convert_encoding($body, "euc-jp","AUTO");

解決しました。

今回は文字コードを変更しても内容に影響のないサイトだったけど、

UTF-8でDBから情報引き出したりしてるサイトだったらと思うと冷や汗ものだった。

この問題ってサーバーによって生まれるのかな？

他のサーバでは問題のなかったソースコードでのトラブル。

jquery使用時にsetTimeoutでエラー

2010-05-07T19:36:00.002+09:00

カート入力時などに、
フェードイン、アウトの処理で「追加しましたよ」とか、「削除しましたよ」とか出そうとした時。

動作としては問題なく動いたが、エラーコンソールではエラーが発生。

まず、

$("#addSign").fadeIn("slow");
setTimeout($("#addSign").fadeOut("slow"), 3000);

と直接setTimeoutにエフェクトを書いた場合は、
missing after element listって出ました。

なので、今度は一度関数をかませて、

$("#addSign").fadeIn("slow");
setTimeout(fadeOutFunc("#addSign"), 3000);
function fadeOutFunc(divName){
$(divName).fadeOut("slow")
}

とおこなったところ。
useless setTimeout call (missing quotes around argment?)
とエラーが発生。

クォーテーション入れてるけどなーと
思って検索かけると海外のフォーラムでヒントを見つけました。

setTimeout('fadeOutFunc("#addSign")', 3000);

どうやら関数を呼ぶときも、シングルで囲んでやる必要があったみたい。
引数があったからかな？
とりあえず問題は解消したので、原因はほっておきます。

あとで調べる。

array_multisort関数に関して

2010-01-14T17:12:00.000+09:00

PHPのarray_multisort関数が激便利だったので紹介
非常にわかりやすかったので、リンク

http://www.akiyan.com/blog/archives/2007/10/phparray_multis.html

swfAddressでのまさかのエラー

2010-01-13T13:36:00.002+09:00

firefoxでのエラーコンソールに
「obj.parentNode.so.call is not a function」
と表示されurlが遷移してくれない問題があった。

こんなこと抜けてたのかということで、
swfAddressはflash8以降ならできるとわかっていたのに、
以下のように記述していた前のソースを利用していた為につまっていた。

var so = new SWFObject("swf/hogehoge.swf", "website", "100%", "100%", "7", "#CCCCCC");

swfObjectで８以降とキチンと書いてあげないと反応しないんですね。
var so = new SWFObject("swf/hogehoge.swf", "website", "100%", "100%", "8", "#CCCCCC");

array_searchで0がスルーされる

2009-12-30T07:42:00.002+09:00

任意の値が配列内に存在するのかを確認する為に

if(array_search("hoge", Array)

ってやったらなぜか配列の0だけがスルーされてしまっていた。

どうやら0で判断させれようではなく、
falseで判断させるといいらしい

if(array_search("hoge", Array) !== false)

で期待通りの判定ができた

php 文字列の比較

2009-12-29T03:15:00.003+09:00

いつも忘れるのでメモ

if ( strcmp($a,$b)==0 ){ print '同じ'; }

swfobject.embedSWFのIEでの背景透明

2009-12-08T00:28:00.002+09:00

FirefoxやSafariでは問題なくても、
やっぱりIEでは問題が起きる。必ずと言っていいほど。

flashの上にイメージをposition:absoluteで配置した場合、
IEだとflashの下になってしまう。
z-indexで上下を変えられなかったので、
背景を透明にすることで対応する。

var flashvars = {};
var params = {wmode: "transparent"};
swfobject.embedSWF(”xxx.swf”, “ID”, “w-size”, “h-size”, “varsion”, “expressInstall.swf”, flashvars, params);

共有SSLを使用した場合のIEでの問題

2009-12-03T18:41:00.002+09:00

こういうことは専門外だけど
IEでのhttpsにアクセスした際に出る
「このページにはセキュリティで保護されている項目と保護されていない項目が含まれています」
というアラート解決まで。

まず、今使ってるサーバは独自SSLでなく共有を使っているので、バーチャルURL設定が必要だった。
それで、設定後取得したURLを自分のドメインの頭につけないと証明書の〜ってアラートが出る。
まぁ、これはすぐに解決。

設定後IE7でテストしてみると、
冒頭でも書いた「このページにはセキュリティで保護されている項目と保護されていない項目が含まれています」
というエラーが出る。
でもこれを「はい」にすれば特に問題もなく表示はされるけど、
信用度がむちゃくちゃ低くなる。胡散臭くなるんですよ。

調べた結果、エラー文の意味通りで
baseにルートのURLを入れていたからSSL対象外のURLからcssやらjsやらを参照してた。
これが問題。

すごい面倒だったけど、
初期化時に全ページのURLを配列で作って、
現在のページがどこからなのか（バーチャルURLから？ルートから？開発から？）ってので、
作り分けました。

無事終了できれいに出来たので良かった。

簡単なことだけど、全然わかってなかった。

鉄板ソース

2009-11-18T09:04:00.003+09:00

【 JavaScript 】
　* -------------------------------------------- *
【フォームのポップアップメニュー：現在選択されている値を得る】
　　var VAL = document.forms[int].elements['(objname)'].selectedIndex;
　　[int]：form番号
　　[objname]：ポップアップメニュー　の名前
（例）
var form = this.document.forms[0];
var obj = form.elements['myselect'];
var nowselect = obj.selectindex;

【 php 】
　* -------------------------------------------- *
　【配列内検索】
（例）
$temp_arrays = array("東京都","神奈川県","千葉県");
$hit = array_search('神奈川県',$temp_arrays);
if ($hit !== FALSE){
# 存在＞処理;
}

　* -------------------------------------------- *
　【ディレクトリ内ファイル情報取得】
　　※特定のディレクトリ内のファイル名を獲得
（例）
if ($h = opendir($dir)) { # ディレクトリハンドル
while (false !== ($file = readdir($h))) { # ファイル名獲得
echo $file; # 処理
}
closedir($h); # ディレクトリハンドルクローズ
}

　* -------------------------------------------- *
　【商品金額などのカンマ表示処理】
　　※四捨五入に利用も可能
（例）
$temp_val = number_format($from_val,0);

　* -------------------------------------------- *
　【多次元配列でのソート】
　　※多次元配列で項目を指定してソートする
（例）
#多次元配列変数
$temp_vals[0]['id']=1; $temp_vals[0]['place']='都会'; $temp_vals[0]['suki']='4';
$temp_vals[1]['id']=2; $temp_vals[1]['place']='樹海'; $temp_vals[1]['suki']='3';
$temp_vals[2]['id']=3; $temp_vals[2]['place']='宇宙'; $temp_vals[2]['suki']='1';
$temp_vals[3]['id']=4; $temp_vals[3]['place']='深海'; $temp_vals[3]['suki']='2';

・好き(suki)順に並べる
foreach($temp_vals as $key => $val){
$suki[$key] = $val["suki"];
}
array_multisort($suki,SORT_ASC);

・第２整列順　・・・
（上記例では意味無いけど）
※好き順　＞　id逆順
foreach($temp_vals as $key => $val){
$suki[$key] = $val["suki"];
$id[$key] = $val["id"];
}
array_multisort($suki,SORT_ASC,$id,SORT_DESC);

助かります。
http://metaboy.blog23.fc2.com/?tag=number_format

aタグのonclickでバグ（IE6）

2009-11-16T14:47:00.002+09:00

form の外から submit() するため、aタグにonclickで関数を設定。

しかし、IE6 だけ動かないので、onclickに設定した関数のあとにreturn falseを追加。

もしくは以下でも大丈夫だけど、強引な感じがするのでreturn falseを入れる
timer = setTimeout( function () { form.submit(); }, 0 );

addQuicktagのFatal error

2009-10-28T16:05:00.002+09:00

wordpressにaddquicktagプラグインを入れました。
別のwpにエクスポートした設定をインポート使用をファイルを吐き出し、
addquicktag設定画面でインポート。

その後、設定画面は「fatal error」他社のmysqlだったので、直接触るのは控えたかったのでgoogleで検索したところ、
http://idea-promotion.netさんに助けてもらえました。

引っかかっていたのは以下の場所
for ($i = 0; $i){

$b = $o['buttons'][$i];
　 $b['text'] = htmlentities(stripslashes($b['text']), ENT_COMPAT, get_option(’blog_charset’));
　 $b['start'] = htmlentities($b['start'], ENT_COMPAT, get_option(’blog_charset’));
　 $b['end'] = htmlentities($b['end'], ENT_COMPAT, get_option(’blog_charset’));
　 $nr = $i + 1;

このようにすればなおりますー

for ($i = 0; $i; $i){
if(is_array($o)){
　　 $b = $o['buttons'][$i];
　　 $b['text'] = htmlentities(stripslashes($b['text']), ENT_COMPAT, get_option(’blog_charset’));
　　 $b['start'] = htmlentities($b['start'], ENT_COMPAT, get_option(’blog_charset’));
　　 $b['end'] = htmlentities($b['end'], ENT_COMPAT, get_option(’blog_charset’));
　　 $nr = $i + 1;

PHP 5.3.0でのnumber_format

2009-10-09T11:45:00.004+09:00

XAMPPの最新バージョン1.7.2は、
PHP 5.3.0になっています。

日頃からsmartyを利用しているのですが、
修正子としてnumber_formatを使用するとエラーが発生

と思っていたら、普通にphpに書き込んでもエラー起きます。
parameter 1 to double ~~

いまだに解決できずに。

バージョン1.7.1のダウンロードはここでできる。
http://xampp-for-windows.jp.brothersoft.com/

追記----------------------------09/12/2
simpleXMLを使用した場合に、エラーが起きるようです。
simpleXMLの配列に反応してしまうようなので、
どうしても使用したい場合は一度simpleXMLの配列から置き換える必要があった。

IEで文字の上下が消える（切れる）

2009-10-09T10:15:00.002+09:00

いまさらだけど、忘れるネタでもあるので。

line-heightの指定をすると直ります。

IE７でも起きる問題。

smartyで携帯サイト

2009-07-05T12:17:00.002+09:00

smartyとShift-JISの相性は悪いらしく、

Shift-JISでの特定の漢字（例：本など）に反応してエラーを出す。

いちいち、literalで囲むのもソースが汚くなるので、

utf-8で作って、表示だけをShift-JISで吐き出す。

// 携帯なので結果をいったん変数に入れる

$output=$smarty->fetch($loadtpl);

// SJISに変換する

$output=mb_convert_encoding($output,"SJIS","UTF-8");

// 変数の内容をechoで書き出し

echo $output;

Openwave エミュレータあります

2009-06-24T16:10:00.002+09:00

DLを停止中のOpenwave。

インストールしてもデバイスがなさ過ぎて全く使えなんですが。

どうしましょう・・。

デバイスファイル探しても見つからないんですよね。

・ドコモ
iモードHTMLシミュレータII
http://www.nttdocomo.co.jp/service/imode/make/content/html/tool2/

・au
Openwave SDK6.2K
http://developer.openwave.com/ja/tools_and_sdk/openwave_mobile_sdk/SDK62K/

停止中なので下記からのダウンロード。
http://web.archive.org/web/20041230214346/http://developer.openwave.com/ja/tools_and_sdk/openwave_mobile_sdk/SDK62K/Openwave_SDK_62K.exe

・ソフトバンク
ウェブコンテンツヴューア
http://creation.mb.softbank.jp/web/web_wcv_terms.html

google Analytics 動的ページの埋め込み

2009-06-24T10:05:00.002+09:00

「Google Analytics」によってPHPのフォームのアクセス解析をする方法について仕事でつまづいたのでメモ。
自社開発のフォームが、「入力・確認・終了」のページをテンプレートを使って制御しているものために、表示されるURLが同じなのである。

つまり「○○.php」と表示されてはいるものの、中では
・「入力.html」・・・ユーザーに各項目を入力してもらうページ
・「確認.html」・・・内容の確認をするページ
・「終了.html」・・・送信完了。ありがとうございましたのページ
とページ遷移している。

「dopvSTAR*」のように、各ページに別のIDを振る仕様ならば問題は無いのだが、「Google Analytics」は同じタグを埋め込み、スクリプトの動いたページに関して記録をするため、上記の構成だとすぺて同じページとしてカウントしてしまい、例えば確認ページでユーザーが出て行ってしまった場合などが分からなくなる。

この状態ではコンバージョンの計測もできない。

そこで見つけたのがurchinTracker関数を使った以下の方法。
各ページにおいて「Google Analytics」のタグの直前にコードを追加する。

・「入力.html」
　　

・「確認.html」
　　

・「終了.html」
　　

ページが読み込まれた際にonloadによって別ページとして判断させる処理を行っている。

これで「Google Analytics」側では上記の3ページが
・step1.html
・step2.html
・step3.html
として認識される（はず・・・）

サンクスhttp://jiyuujizai.net/archives/web/google/000024/

※追記----------------------------

09.07.05

現在は上記の対応は必要がないもよう。

flash ビットマップキャッシュについて

2009-06-12T11:05:00.002+09:00

描画したベクターデータをビットマップとしてキャッシュする。

ムービークリップのプロパティであるらしい。
this.cacheAsBitmap = true;

http://hakuhin.hp.infoseek.co.jp/main/as/bitmap_cache.html

個人的に鉄板な処理

2009-05-07T10:06:00.002+09:00

基本前のソースをコピペなので一向に覚えられない。
しかも、ソース探すのだるいので。

require 'Smarty/libs/Smarty.class.php';
$smarty = new Smarty;
$smarty->template_dir = "./tpl/";
$smarty->compile_dir = "./template_c/";

require_once("init.php");
$page =isset($_REQUEST['page'])?intval($_REQUEST['page']) : 1;
header("location: tshirt.php");
$smarty->assign('type', $type);
$smarty->display('item.tpl');

$d =htmlspecialchars($_REQUEST['d']);
$infoXML = simplexml_load_file('info.xml');

$dateY = date("Y");
$smarty->assign("year", $dateY);

fusekitでテキストのfadeIn、fadeOut

2009-04-13T16:17:00.002+09:00

今までダイナミックテキストをfadeIn、fadeOutできると思ってませんでした。
プロパティにある「フィルタ」で、
任意のテキストフィールドに「カラー調節」を追加することでできるようになる。

参考ブログ
bute_lab.

#includeに関して

2009-04-10T18:16:00.002+09:00

今まで問題なくやってきたので、
相当いまさらだと思うがイライラしたんで。

flashの
#include "hogehoge.as"

でインクルードされるファイルはSHIT-JISじゃないと反応しないんすね。

20分はハマッた・・・。

読み込んだswfの_root

2009-03-26T19:01:00.002+09:00

これ散々悩みましたが、
読み込む処理の後に、
_lockroot = true;
で解決した。

しかし、その後非常に重くなったのであまりよくないのかな？
「_lockroot 重くなる」などで調べても何も出てきませんでした。

別な策で、
読み込まれるswfの構造に工夫をして
_root.root_objを_rootのつもりにして、全てをroot_objの中で簡潔させる。

読み込み先のムービークリップを
load_objとしたら、

_root.load_obj.root_obj

ってなるようにする。

以下のようにしておけば、呼び出されているのかどうかで_rootを書き換えられるだろう。

function rootObj() ｛
if(_root.load_obj)｛

return eval(”_root.load_obj.root_obj”);

｝else｛

return eval(”_root.root_obj”);

｝
｝

例え）_rootの_visibleを制御する場合
rootObj()._visible = false;

flashのローディングに関して

2009-03-26T18:14:00.002+09:00

flashで_rootをローディングする際、
その処理を_rootのタイムラインに書いてしまうとうまくいかないようだ。
よく、「３０％まで何も表示されないんですが」なんて質問は
リンケージの「最初のフレームに書き出し」と、これが問題なんじゃないかと。

_root.loading:MovieClipを作成して、
_root.loadingのタイムラインにローディングの処理を書くとうまくいきました。

_rootが_rootのローディングをするってのがおかしかったのか・・・

とりあえず、
_rootにムービークリップを作成して、
客観的にロードしなさいよとすれば問題なかったので、これでよし。

fuse kit FMPプロパティ一覧

2009-02-27T16:57:00.007+09:00

BlurFilter （ブラー）

Blur_blurX	0 ～ 255	Xのぼかし量。2のべき乗は高速に最適化。（デフォルトは6）（浮動小数可）
Blur_blurY	0 ～ 255	Yのぼかし量。2のべき乗は高速に最適化。（デフォルトは6）（浮動小数可）
Blur_blur	0 ～ 255	XとYのぼかし量を同時に指定。
Blur_quality	0 ～ 15	フィルタを適用する回数。1（LOW）/2（MEDIUM）/3（HIGH）（デフォルトは1）

GlowFilter （グロー）

Glow_color	0xRRGGBB	グローのカラー。（デフォルトは0xFF0000）
Glow_alpha	0 ～ 1	カラーの透明度。（デフォルトは1）
Glow_blurX	0 ～ 255	Xのぼかし量。2のべき乗は高速に最適化。（デフォルトは6）
Glow_blurY	0 ～ 255	Yのぼかし量。2のべき乗は高速に最適化。（デフォルトは6）
Glow_blur	0 ～ 255	XとYのぼかし量を同時に指定。
Glow_strength	0 ～ 255	インプリントの強さまたは広がり。（デフォルトは2）
Glow_quality	0 ～ 15	フィルタを適用する回数。1（LOW）/2（MEDIUM）/3（HIGH）（デフォルトは1）
Glow_inner	Boolean	内側グロー/外側グロー（デフォルトはfalse）
Glow_knockout	Boolean	ノックアウト有り/ノックアウト無し（デフォルトはfalse）

DropShadowFilter （ドロップシャドウ）

DropShadow_distance	0 ～	シャドウのオフセット距離 (ピクセル単位) （デフォルトは4）
DropShadow_angle	0 ～ 360	シャドウの角度（デフォルトは45）
DropShadow_color	0xRRGGBB	シャドウのカラー。（デフォルトは0×000000）
DropShadow_alpha	0 ～ 1	カラーの透明度。（デフォルトは1）
DropShadow_blurX	0 ～ 255	Xのぼかし量。2のべき乗は高速に最適化。（デフォルトは6）
DropShadow_blurY	0 ～ 255	Yのぼかし量。2のべき乗は高速に最適化。（デフォルトは6）
DropShadow_blur	0 ～ 255	XとYのぼかし量を同時に指定。
DropShadow_strength	0 ～ 255	インプリントの強さまたは広がり。（デフォルトは1）
DropShadow_quality	0 ～ 15	フィルタを適用する回数。1（LOW）/2（MEDIUM）/3（HIGH）（デフォルトは1）
DropShadow_inner	Boolean	内側シャドウ/外側シャドウ（デフォルトはfalse）
DropShadow_knockout	Boolean	ノックアウト有り/ノックアウト無し（デフォルトはfalse）

BevelFilter （ベベル）

Bevel_distance	0 ～	ベベルのオフセット距離 (ピクセル単位) （デフォルトは4）
Bevel_angle	0 ～ 360	ベベルの角度（デフォルトは45）
Bevel_highlightColor	0xRRGGBB	ベベルのハイライトカラー（デフォルトは0xFFFFFF）
Bevel_highlightAlpha	0 ～ 1	ハイライトカラーの透明度。（デフォルトは1）
Bevel_shadowColor	0xRRGGBB	ベベルのシャドウカラー（デフォルトは0×000000）
Bevel_shadowAlpha	0 ～ 1	シャドウカラーの透明度。（デフォルトは1）
Bevel_blurX	0 ～ 255	Xのぼかし量。2のべき乗は高速に最適化。（デフォルトは6）
Bevel_blurY	0 ～ 255	Yのぼかし量。2のべき乗は高速に最適化。（デフォルトは6）
Bevel_blur	0 ～ 255	XとYのぼかし量を同時に指定。
Bevel_strength	0 ～ 255	インプリントの強さまたは広がり。（デフォルトは1）
Bevel_quality	0 ～ 15	フィルタを適用する回数。1（LOW）/2（MEDIUM）/3（HIGH）（デフォルトは1）
Bevel_type	String	外側ベベル（outer）/内側ベベル（inner）/オブジェクトの上（full）
Bevel_knockout	Boolean	ノックアウト有り/ノックアウト無し（デフォルトはfalse）

GradientGlowFilter （グラデーショングロー）

GradientGlow_distance	0 ～	グローのオフセット距離 (ピクセル単位) （デフォルトは4）
GradientGlow_angle	0 ～ 360	グローの角度（デフォルトは45）
GradientGlow_colors	[0xRRGGBB]	グラデーションを定義する色の配列。
GradientGlow_alphas	[0 ～ 1]	colors 配列内の各色に対応する透明度の配列。
GradientGlow_ratios	[0 ～ 255]	配列内の対応する色の色分布比率の配列。
GradientGlow_blurX	0 ～ 255	Xのぼかし量。2のべき乗は高速に最適化。（デフォルトは6）
GradientGlow_blurY	0 ～ 255	Yのぼかし量。2のべき乗は高速に最適化。（デフォルトは6）
GradientGlow_blur	0 ～ 255	XとYのぼかし量を同時に指定。
GradientGlow_strength	0 ～ 255	インプリントの強さまたは広がり。（デフォルトは1）
GradientGlow_quality	0 ～ 15	フィルタを適用する回数。1（LOW）/2（MEDIUM）/3（HIGH）（デフォルトは1）
GradientGlow_type	String	外側グロー（outer）/内側グロー（inner）/オブジェクトの上（full）（デフォルトはinner）
GradientGlow_knockout	Boolean	ノックアウト有り/ノックアウト無し（デフォルトはfalse）

GradientBevelFilter （グラデーションベベル）

GradientBevel_distance	0 ～	ベベルのオフセット距離 (ピクセル単位) （デフォルトは4）
GradientBevel_angle	0 ～ 360	ベベルの角度（デフォルトは45）
GradientBevel_colors	[0xRRGGBB]	グラデーションを定義する色の配列。
GradientBevel_alphas	[0 ～ 1]	colors 配列内の各色に対応する透明度の配列。
GradientBevel_ratios	[0 ～ 255]	配列内の対応する色の色分布比率の配列。
GradientBevel_blurX	0 ～ 255	Xのぼかし量。2のべき乗は高速に最適化。（デフォルトは6）
GradientBevel_blurY	0 ～ 255	Yのぼかし量。2のべき乗は高速に最適化。（デフォルトは6）
GradientBevel_blur	0 ～ 255	XとYのぼかし量を同時に指定。
GradientBevel_strength	0 ～ 255	インプリントの強さまたは広がり。（デフォルトは1）
GradientBevel_quality	0 ～ 15	フィルタを適用する回数。1（LOW）/2（MEDIUM）/3（HIGH）（デフォルトは1）
GradientBevel_type	String	外側ベベル（outer）/内側ベベル（inner）/オブジェクトの上（full）
GradientBevel_knockout	Boolean	ノックアウト有り/ノックアウト無し（デフォルトはfalse）

Fuse Kit : ショートカットプロパティ一覧

_scale	0 ～	_xscaleと_yscaleを同時に指定。
_size	0 ～	_widthと_heightを同時に指定。
_frame	0 ～	ムービークリップのタイムラインの現在のフレームの値を指定／取得。
_fade	0 ～ 100	透明度の指定。
_tint	0xRRGGBB	カラーの指定。色の数値を返します。Number()を使って数値変換できます。
_tintString	“0xRRGGBB”	カラーの指定。16進数文字列で返します。Number()を使って数値変換できます。
_tintPercent	0 ～ 100	事前に色変更されたターゲットの色のパーセンテージを指定／取得。
_brightness	-100 ～ 100	明度の指定。-100（黒）/0（通常）/100（白）
_brightOffset	-100 ～ 100	焼き込み効果。-100（黒）/0（通常）/100（白）
_invertColor	0 ～ 100	ネガ効果。0（通常）/100（反転）。相対値できます。
_colorReset	0 ～ 100	色変化を、0（現状から変化なし）から、100（全てリセット）までの範囲でリセット。
_contrast	0 ～ 200	コントラストの指定。0（グレー）/100（通常）/higher（200がコントラスト最大、higher にすると画像をポスタライズ）。相対値できます。
_colorTransform		ra, rb プロパティ等の特定のカラートランスフォームオブジェクトの指定／取得。

fuse kit イージング

2009-02-18T11:52:00.003+09:00

久々にflashいじってfuse kitの使い方を全部忘れた。

イージング表

前半部には3種類

easeIn	動きの最初（In側）に効果を適応させる。
easeOut	動きの最後（Out側）に効果を適応させる。
easeInOut	動きの最初と最後両方（InOut）に効果を適応させる

そして後半部はどういう具合に加減速するかを指定します。

Sine	ゆるやかに（程度1）
Quad	ゆるやかに（程度2）
Cubic	ゆるやかに（程度3）
Quart	ゆるやかに（程度4）
Quint	ゆるやかに（程度5）
Expo	ゆるやかに（程度6）
Circ	円っぽい増加!?
Elastic	終点でバネのような動き。ビヨンビヨーン
Back	ちょっと行き過ぎて戻る動き
Bounce	終点で跳ね返るような動き

何も適用しない場合
None.easeNone

サンクスCBCNET, trick7

http://www.cbc-net.com/article/2008/05/trick7_04.php

[IE6] javascriptでのformのsubmitで引っかかった。

2009-01-30T17:51:00.003+09:00

firefox, safari, IE7で何の問題もなく動いていた、
javascriptでもformのsubmit。

＜a href="javascsript:void（０）;" onclick="submitCheck() ;return false;">送信

とこんな感じで動かしていた。
実際は、二度押しなどしないようにフラグ立てたり、
入力文字列のチェックなどもろもろ。

IE6でなぜか動かないということで、試してみると

＜input type="submit"＞　○動く
＜a href="#" onclick="document.formName.submit()">送信○動く

違いは何かというと、
＜a href="javascsript:void（０）;" onclick="submitCheck();return false;">送信＜/a＞

void（０）;が空を意味するなんて聞いたけど、
動いたのでこれでよし。

setTimeoutで引数が入った関数を呼ぶ

2008-12-11T20:18:00.004+09:00

たぶん常識なんですかね？
ものすごく詰まったので、記載。

setTimeOutで10秒後にホゲホゲを繰り返すみたいなことをやりたくて、
単純に

var str = "文字列"
setTimeOut("hogehoge(" + str + ")",100);

でやっていたところエラーでつまりました。

俺としては
hogehoge(文字列)
をやってるつもりだったのだけれど、

実際には
hogehoge([HTMLDivElement])
が実行されていて、できませんよと。

setTimeoutで呼び出した場合、
オブジェクトとして扱われるのでホゲホゲなんで、
なんだか難しい説明がありましたが動いたから良しとした。

setTimeOut("hogehoge('" + str + "')",100);

のように変数をシングルで囲ってあげなさいと言われました。

参考
JavaScriptのsetInterval()に引数ありの関数を渡す場合

文字のフェードイン・フェードアウト

初めてのjquery.js

2008-12-08T14:32:00.004+09:00

おそらく一番使う使い方だけど、
まったく理解していないからわからなかったので、記載。

idの指定は$("#id_name")、クラスの指定は$(".class_name")
cssみたいで私たち半端ものには親しみやすい感じ。

jqueryで指定のdivの子要素にあたるclassの取得
$("#targetID").children(".targetClass");

これで取得したクラスのstyleを操作するには
$("#targetID").children(".targetClass").css("display", "block");

あーわかりやすすぎて、全然わかんなかった。

すばらしいリファレンス
jQuery日本語リファレンス

javascriptでのdivのスライド

2008-12-02T17:48:00.003+09:00

無駄にはまった、書いておく。

setTimeoutを使ってのdivのスライド。

setTimeoutでのstyleのtopに数を加算していく場合、
以下では動かない。

×直では動かない。
document.getElementById('target').style.top += move_num + "px";

○変数で加算していって、styleに代入。
move_num += 5;
document.getElementById('target').style.top = move_num + "px";

60px上に移動する場合の例）
function slide_up() {
move_num -= 5;
hr.style.top = move_num + "px";

if((60 + move_num) <= 0) {
document.getElementById('target').style.top = -60 + "px";
clearTimeout(timer);
return;
}else{
var timer = setTimeout("slide_up()",0);
}
}

clearTimeoutでキャンセルすることを忘れるな。

javascriptによるformの値を取る方法

2008-11-21T16:46:00.003+09:00

javascriptによるformの値を取る際、
radioボタンやcheckboxは一度for文で回す必要がある。
複数ある中から、ひとつを探すわけだから当たり前か・・わからんかった。

以下サンプルソース

<form action="#" name="fName">
　<input name="radioName" value="0" type="radio">
　<input name="radioName" value="1" type="radio">
　<input name="radioName" value="2" type="radio">
　<input name="radioName" value="3" type="radio">
</form>

PHP：$_SERVER　サーバ環境変数

2008-11-20T15:39:00.005+09:00

PHPでは、サーバに関する環境変数はグローバル変数$_SERVERに格納されます。
HTTP_REFERERやREMOTE_ADDR、PHP_SELFなどスクリプト構築において欠かせない変数群を簡単に取得できるので、それぞれ暗記しておいて損はないです。

$_SERVER['GATEWAY_INTERFACE']	CGIのバージョン
$_SERVER['SERVER_NAME']	サーバ名
$_SERVER['SERVER_SOFTWARE']	サーバID
$_SERVER['SERVER_PROTOCOL']	プロトコル名・リビジョン（HTTP/1.0）
$_SERVER['REQUEST_METHOD']	リクエストの種類（HEAD・POST・GET・PUT等）
$_SERVER['QUERY_STRING']	クエリーを格納
$_SERVER['DOCUMENT_ROOT']	サーバのルートディレクトリ
$_SERVER['HTTP_ACCEPT']	Acceptヘッダの内容
$_SERVER['HTTP_ACCEPT_CHARASET']	Accept-Charasetヘッダの内容（eucなど）
$_SERVER['HTTP_ACCEPT_ENCODING']	Accept-Charasetヘッダの内容（gzipなど）
$_SERVER['HTTP_ACCEPT_LANGUAGE']	Accept-Languageヘッダの内容（jpなど）
$_SERVER['HTTP_CONNECTION']	Connectionヘッダの内容（Keep-Aliveなど）
$_SERVER['HTTP_HOST']	Hostヘッダの内容
$_SERVER['HTTP_REFERER']	現在のページへのリンク元のURLを格納。 ※ブラウザによっては設定しない場合や'Hidden-Referrer'などと設定する場合があり、必ずしも取得できるとは限らない。
$_SERVER['HTTP_USER_AGENT']	User_Agentヘッダの内容（compatible; MSIE 6.0; Windows NT 5.0など）
$_SERVER['REMOTE_ADDR']	クライアントのIPアドレス
$_SERVER['REMOTE_PORT']	クライアントマシンで使用されているポート番号
$_SERVER['SCRIPT_FILENAME']	実行中のスクリプトの絶対パス
$_SERVER['SERVER_PORT']	サーバで使用されているポート番号
$_SERVER['SERVER_SIGNATURE']	サーバのバージョン・ヴァーチャルホスト名
$_SERVER['PATH_TRANSLATED']	実行中のスクリプトの物理パス
$_SERVER['SCRIPT_NAME']	実行中のスクリプトのパス
$_SERVER['REQUEST_URI']	指定されたURI
$_SERVER['PHP_SELF']	実行中のスクリプトのドキュメントルートに対する相対パス ※PHPスクリプトなどで、自身にフォームを送信したい場合などにactionにこの変数を設定することが多い。

コピペですいません。
元ネタありがとうございます。
STUDIO WING

phpによるメール

2008-11-12T16:43:00.005+09:00

// カレントの言語を日本語に設定する
mb_language("ja");
// 内部文字エンコードを設定する
mb_internal_encoding("UTF-8");

// 件名
$subject = 'メールのタイトル';
// 本文
$mailbody = 'メールの内容';

// メール送信
mb_send_mail("info@hogehoge.com",$subject,$mailbody);

------------------------------------------------------------------------------------
------------------------------------------------------------------------------------
「info@hogehoge.com」の部分が宛先メールアドレス。
「$subject」の部分が件名。
「$mailbody」の部分が本文。

文字化けの問題が以外に多いということなので、
念のため記述。

元ネタコピペです。

.htaccessの小技編 - 特定のファイルだけ守る

2008-11-11T20:55:00.006+09:00

アクセス制限をかけるときに使う「.htpasswd」ファイルや、掲示板やアクセス解析CGIなどが出力するログファイルなどは、通常ですと、ブラウザーで直接アクセスすると、見れてしまいます。しかし、「.htaccess」の設定により、特定のファイルをHTTPで見れないようにすることができます。

<Files ~ "\.log$">
deny from all
</Files>

上の例では、拡張子が「.log」のファイルを見れないようにします。これを応用して、たとえば、「.htaccess」と「.htpasswd」を見れないようにするには、

<Files ~ "^\.(htaccess|htpasswd)$">
deny from all
</Files>

と記述すればいいのです。この記述は、正規表現によるパターンマッチを使っています。難しい言葉ですが、具体例を見て、応用してください。なお以下の例では、上記の例での１行目だけを記載しております。１行だけでは、有効になりませんので、必ず、３行記述するようにして下さい。

■ 特定の拡張子のついたファイルをすべて見れなくする。
<Files ~ "\.dat$">
これは拡張子が「.dat」であるすべてのファイルが見れないようになります。たの拡張子のファイルを見れないようにするには、「.dat」の部分を書き換えてください。

■ 指定したファイルだけ見れなくする。
<Files ~ "^access\.log$">
これは、「access.log」というファイルだけが見れないようになります。他のファイル名にしたいときは、「access\.log」の部分を書き換えてください。ただ、「.」（ドット）の前には、必ず「\」を入れてください。

■ ワイルドカードを使う
<Files ~ "^foo\.*$">
これは、ファイル名のはじめが「foo」で始まって、すべての拡張子をもったファイルが見れなくなります。たとえば、「foo.dat」「foo.log」「foo.jpg」「foo.gif」は、すべて対象となります。ただ、「foo」のように拡張子を持たない場合には、適応されません。

■ 一文字ワイルドカードを使う
<Files ~ "^access?\.dat$">
これは、「access」の次にくる一文字がなんであろうと、適応されます。ただし、ファイル名の最後は「.dat」である必要があります。たとえば、「access1.dat」「access2.dat」「accessA.dat」はすべて適応されます。ただし、「?」の部分が2文字になると適応されません。たとえば、「access11.dat」がそうです。この場合には、とする必要があります。

■ 複数の文字列を同時に指定する。
<Files ~ "\.(gif|jpg|png)$">
これは、拡張子が「.gif」「.jpg」「.png」であるファイルのみを見れなくします。その他の拡張子を加えたいばあいには、「|」（パイプ）で区切って加えてください。

上であげた例で、見慣れない文字が入っていますが、それぞれについて意味をみていきましょう。

~	パターンマッチであるという意味です。「=」でないことに注意してください。「~」より右側に記述したルールにマッチしたファイルを適応するということです。
^	ファイル名の先頭であることを指示します。たとえば、と記述すると、ファイル名のどこかに「access」という文字列が入っていれば、OKとなります。しかし、と記述すると、ファイル名の先頭が「access」であるファイルのみが適応されます。
$	ファイル名の最後であることを指示します。たとえば、と記述すると、ファイル名の最後が「access」となっているファイルのみが適応されます。したがって、「access.log」のようなファイル名は適応されません。
*	ワイルドカードです。
?	一文字ワイルドカードです。
\	「.」「\」「\|」「$」のような記号文字は、指示子内では、特別な意味を持ってしまいます。したがって、このような文字を純粋に指定したい場合には、その文字の効果を無効にするために「\」を記述します。たとえば、と記述すると、「$」はファイル名の最後という指示を持った記号ですので、純粋に「access$」というファイル名に適応できません。この場合には、「$」の効果を無効にするために、「\」を前に入れてを記述します。
(foo\|bar)	括弧内に、「\|」で区切って記述すると、その中に記述された文字列のいづれかという意味となります。この場合には、「foo」もしくは「bar」という意味となります。

元ネタコピペです。

javascriptでフォームをチェック [fValidator]

2008-11-07T15:15:00.006+09:00

かなり便利なjavascriptのフォームチェック。

fValidatorからfValidator.jsをダウンロードし、さらにmootools.jsをダウンロードします。
フォームを普通に書き、必須項目の場合はclassにfValidate['required']を付与するだけです。
またrequiredのほかにも以下のようなオプションがあるので、項目に合わせ適宜付与してください。

required	必須項目
alpha	アルファベット
alphanum	アルファベットと数字
integer	数字
date	日付（mm/dd/yyyyの形）
phone	電話番号
email	E-mail
url	URL

例）　class="fValidate['required','email']"　メールチェック　兼　入力チェック。

最初に初期化をする必要があります。

window.addEvent("domready", function() {
var exValidatorA = new fValidator("formのid名");
});

最初なんでか動かず。
mootools.js
fValidator.js
のセットだと確実に動く。

コピペですんませんがskuare.netさん、ありがとう。
カスタマイズする際はここが参考になる。
Chris McMichael

POSTに関するセキュリティー

2008-11-07T14:26:00.004+09:00

POSTの際に、エスケープしないと色々と危険な話。

どうやら、ただhtmlspecialchars を使うだけでなく、
第二引数にENT_QUOTESをいれてシングルクォートもエスケープしなさいと。
ついでに文字コードもビシッと設定。

$hoge= htmlspecialchars($_POST['size'], ENT_QUOTES, mb_internal_encoding("UTF-8"));

mb_internal_encoding

追記：2008／11／11
htmlspecialcharsでmb_internal_encodingしたらエラーでた。
消したら直ったので、理由は調べてない。

正規表現　一覧

2008-11-06T20:26:00.003+09:00

文字や数字の種類
.（ドット）	改行文字を除く任意の1文字
[a-z0-9]	[　]の中の任意の1文字(小文字大文字は別として扱う）
[^a-z0-9]	[　]の中にない任意の1文字
[ぁ-ん]	ひらがな
[ァ-ヶ]	全角カタカナ
[ｦ-ﾟ]	半角カタカナ
\w	アルファベット、数字又は下線
\W	アルファベット、数字、下線以外
\d	数字
\D	数字以外[^0-9]と同じ
\s	空白文字（スペース、タブ、改行）
\S	空白文字以外
\n	改行
\r	リターン（復帰）
\t	タブ
\d	バックスペース
\o033	8進数で「033」の文字
\x1b	16進数で「1b」の文字
\cx	制御文字
文字数を指定
?	直前の文字が0個または1個
*	直前の文字が0個以上
+	直前の文字が1個以上
{x}	直前の文字がx個
{x,}	直前の文字がx個以上
{x,y}	直前の文字がx個以上y個以下
??	直前の文字が0個または1個（最短一致）
*?	直前の文字が0個以上（最短一致）
+?	直前の文字が1個以上（最短一致）
{x}?	直前の文字がx個（最短一致）
{x,}?	直前の文字がx個以上（最短一致）
{x,y}?	直前の文字がx個以上y個以下（最短一致）
文字の位置を指定
^	行頭
$	行末
\b	単語の区切り
\B	単語の区切り以外
その他
\	メタ文字のエスケープ（ \\ → "\"自身を表わす）
(　)	グループ化
\\1，\\2……	後方参照（グループ化した項目を後で参照する）
$&	マッチした文字列全体
$`	マッチした文字列の前にある全ての文字列
$'	マッチした文字列の後ろにある全ての文字列