photoshop CS5で「web用またはデバイス用に保存」したgif画像が、
一部の端末で表示できないという現象がありました。
表示できなかった端末：Softbank 905SH

原因は、保存の設定時にメタデータを設定しているためでした。
メタデータの設定は「なし」にしなければいけません。
※メタデータ設定箇所は下部の画像参照

デフォルトがメタデータ「なし」ではないので、設定を変更せずに保存するとこの罠にはまります。

主要のスマートフォンのユーザエージェントです。

携帯サイト上の画像の再配布を禁止するのは、下記の設定によってできます。
docomo：画像データに「copy=”NO”」を追記
au；画像データに「kddi_copyright=on」を追記
softbank：画像拡張子をjpgからjpzに変更

◯画像の再配布を禁止する （コピーや転送を不可にする）
http://dspt.blog59.fc2.com/blog-entry-10.html

今回は、上記の設定を指定ないのに、
docomoで転送ができない状態になってしまった。

原因は、gifフォーマットの違いによるものでした。
docomoではgifフォーマットが87aの場合は転送禁止設定になります。
（au、softbankでは問題ありません）

転送を可能にするには、89aにする必要があります。

※今回、87aフォーマットになってしまったのは、
下記のサイトと同様にPHP+GDで画像にテキストを埋め込みデコメ画像生成をやっていてでした。
◯うわああああGIFがああああ！
http://doudemoiiyon.blog86.fc2.com/blog-entry-8.html

jqueryを利用してテーブルをアコーディオンのように列を表示するUIを作成していて、
IE８だけが列を開くことができなかった。
jqueryのバージョンは1.3.2です。

下記のようにjqueryのtoggle関数を利用して実装していました。
※利用しているソースは参考させてもらった下記のサイトから抜粋しています。
http://stackoverflow.com/questions/975153/jquery-toggle-not-working-with-trs-in-ie

//html
<a id="readOnlyRowsToggle">Click</a>
<table>
  <tr><td>row</td></tr>
  <tr><td>row</td></tr>
  <tr class="readOnlyRow"><td>row</td></tr>
  <tr class="readOnlyRow"><td>row</td></tr>
  <tr class="readOnlyRow"><td>row</td></tr>
</table>


//javascript
$(document).ready(function() {
    $(".readOnlyRow").hide();
    $("#readOnlyRowsToggle").click(function() {
        $(".readOnlyRow").toggle();
    });
});

toggle関数が効かない原因は、
$(classname).is(“:visible”)
が必ずtrueを返すためにshow()が実行されないため。

if($(classname).is(":visible"))//IE8 always evaluates to true.
     $(classname).hide();
else
     $(classname).show();

なので、下記のようにtoggle関数を利用しない方法で実装する。

var elem = $(classname)[0];
if(elem.style.display == 'none')
     $(classname).show();
else
{
     $(classname).hide();                      
}

これでIE8も問題なく動作した。

◯参考サイト
http://stackoverflow.com/questions/975153/jquery-toggle-not-working-with-trs-in-ie

ちょっと前にslider::mobile flex frameworkについて書いたので
このことも触れておきます。

昨日のiphone OS４の発表でライセンス規約に
flash CS5で用意されている『Flash』から『iPhone』へコンパイルする機能のようなクロスコンパイラが禁止されるという内容がありました。

これによりslider::mobile flex frameworkを利用してもiphone/ipod touch、ipadは対応できなくなった。
ただadobeはtwitter上で開発は継続すると言っている。
今後の展開に注目しながらobjective-Cをやろう。

◯adobe twitter
https://twitter.com/Adobe

◯AppleがiPhoneデベロッパライセンス規約を変更し、
Adobe Flash Professional CS5などのクロス・コンパイラを禁止に？
http://www.macotakara.jp/blog/index.php?ID=7488

flash Builder4をインストールして、
AIRプロジェクトを登録して、AIR作成しようとしたときのお話。
自動生成されるMXMLファイルのルートタグが下記のようにapplicationになる。

そして、いきなり「<application>をコンポーネントの実装に解決できませんでした」のエラー。。
applicationのところがs:WindowedApplicationにならないといけないので、
直接記述しようとするがWindowedApplicationがない。。

調べていたら、既知の問題で
以前のバージョンの AIR アプリケーションがインストールされているといけないことを知る。

自分のミスでした。AIR削除して、インストールし直したら、問題ありませんでした。

モバイル用のflex frameworkがついに出る！
これにより、flashで容易にiPhone/iPod touchアプリやiPad、Android, WindowsMobileのアプリ作れる！
すごいことになってきた。めちゃくちゃ期待している。

◯Slider:Flex Mobile Framework
http://labs.adobe.com/technologies/flex/mobile/

◯fladdict先生ブログ：Adobe, Mobile用Flex を発表
http://fladdict.net/blog/2010/04/adobe-mobile-flex.html

serverQueen（ホスティングサービス）のvpsにyumをインストールをしたのだが、ちょっとハマったのでメモ。

下記はrootユーザで実行。

cd /usr/local/src/
mkdir yumrpm
cd yumrpm
wget http://ftp.riken.jp/Linux/centos/5/os/i386/CentOS/m2crypto-0.16-6.el5.6.i386.rpm
wget http://ftp.riken.jp/Linux/centos/5/os/i386/CentOS/python-sqlite-1.1.7-1.2.1.i386.rpm
wget http://ftp.riken.jp/Linux/centos/5/os/i386/CentOS/yum-3.2.22-20.el5.centos.noarch.rpm
wget http://ftp.riken.jp/Linux/centos/5/os/i386/CentOS/python-elementtree-1.2.6-5.i386.rpm
wget http://ftp.riken.jp/Linux/centos/5/os/i386/CentOS/python-urlgrabber-3.1.0-5.el5.noarch.rpm
wget http://ftp.riken.jp/Linux/centos/5/os/i386/CentOS/yum-fastestmirror-1.1.16-13.el5.centos.noarch.rpm
wget http://ftp.riken.jp/Linux/centos/5/os/i386/CentOS/python-iniparse-0.2.3-4.el5.noarch.rpm
wget http://ftp.riken.jp/Linux/centos/5/os/i386/CentOS/rpm-python-4.4.2.3-18.el5.i386.rpm
wget http://ftp.riken.jp/Linux/centos/5/os/i386/CentOS/yum-metadata-parser-1.1.2-3.el5.centos.i386.rpm
rpm -ihv *
yum -y install yum-fastestmirror
yum -y update

13行目の「rpm -ihv * 」で
例えばpackage rpm-python-4.4.2.3-18.el5.i386 is already installed
のようにエラーになれば、
インストール済みのファイルをアンインストールする必要がある。
rpm -e rpm-python-4.4.2.3-18.el5.i386

アンインストールできれば、
rpm -ihv *

でインストールできるはず。

※現在は上記のバージョンだが、wgetでnot foundとエラーがでるようなら、
下記のページから現在のバージョンのものをDL。
◯serverQueen環境にあうDLページ
ftp://ftp.riken.jp/Linux/centos/5/os/i386/CentOS/

■参考サイト
http://centos.bungu-do.jp/2008/05/vpsyum.html
http://bucato.jp/weblog/?p=192

今回はサーバスクリプトのみで携帯flashを動的生成する方法です。
※動的に出力できるのはテキストのみです。

下記にある動的生成クラスを利用すれば、簡単に動的生成することが可能です。
サーバスクリプトのみなので、特別なアプリケーションのインストールが不要（phpは必要）です。

■利用ファイル
・SwfGen.php　動的生成クラス
・sample01.php　動的出力テキスト設定・実行ファイル
・sample01.swf　テンプレートflash

■各ファイルソース

◯動的生成クラス　言語：php5
ファイル名：SwfGen.php

<?php

class SwfGen
{
public static function execute($swf, $datas = array())
{
$doactiontag = SwfGen::_maketag($datas);

//road
$fr = fopen($swf,"rb");

$headtmp = fread($fr,9);
$rb = ord(substr($headtmp,8,1))>>3; // rectbit
$headlen = ceil(((( 8 - (($rb*4+5)&7) )&7)+ $rb*4 + 5 )/8) + 12 + 5;
$head = $headtmp.fread($fr,$headlen-9);

//change header
$oldsize = filesize($swf);
$newsize = $oldsize+strlen($doactiontag);
$newhead = substr($head,0,4).SwfGen::_h32($newsize).substr($head,8);

$tail = fread($fr, $oldsize-$headlen);
fclose($fr);

//output
header("Content-Type: application/x-shockwave-flash");
print $newhead.$doactiontag.$tail;
}

private static function _h32($sizeint)
{
return pack("V",$sizeint);
}

private static function _h16($sizeint)
{
return pack("v",$sizeint);
}

private static function _calctaglen($dataarray)
{
$ret = 0;
foreach($dataarray as $key => $value){
$ret += strlen($key)+strlen($value) + 11;

}
return $ret+1;
}

private static function _maketag($dataarray)
{
$tag = "¥x3f¥x03";
$taglen = SWfGen::_calctaglen($dataarray);
$tag .= SwfGen::_h32($taglen);

foreach($dataarray as $key => $value){
$tag .= "¥x96".SwfGen::_h16(strlen($key)+2)."¥x00".$key."¥x00";
$value = mb_convert_encoding($value, "SJIS", "EUC-JP");
$tag .= "¥x96".SwfGen::_h16(strlen($value)+2)."¥x00".$value."¥x00";
$tag .= "¥x1d";
}
$tag .= "¥x00";
return $tag;
}
}

◯サーバ側　言語：php
ファイル名：sample01.php

<?php

require_once "SwfGen.php";

//関数 execute
//第１引数　swfファイルパス
//第２引数　連想配列　key：変数名　value：値
//sample01.swf内にtest変数にhogehogeをセット
SwfGen::execute("sample01.swf", array("test"=>"hogehoge"));

◯flash側
・ファイル名：sample01.swf
・ダイナミックテキスト変数名：debug

//test変数の値をダイナミックテキストdebugに代入
debug = test;

■デモ（上記の実行結果）
http://maxfactory.biz/flash/sample/cms/sample01.php

■ソース一式ダウンロード　phpは５系、flashはCS4
http://maxfactory.biz/flash/sample/cms/sample01.tar.gz

iphoneのデザインアーカイブサイトです
http://cssiphone.com/gallery/