MujuuLog

近いうちに更新したいこと

shin2 — Wed, 17 Feb 2010 13:59:13 +0000

最近ブログの更新が滞りがちなので、先にメモっておこうと思っているモノを書いておこう。
まずは、去年の年末からAS3とProgressionを勉強し始めたので、Progressionのメモを予定。
あと、フリーの3DCGソフトのBlenderなんかもちょっと触り始めたのでそのメモ。仕事でも使うわけでもないけど、専門学生以来7年ぶりぐらいに3DCG（笑）。自分の知ってる3D（Shade R5）と全然違うからホント初めから勉強中！（なんだが難しいけど…）と思いつつ、グリグリ触ってみるだけでもオモロイねこういうのは。
写真も最近は撮り始めたからそんなのも更新していこう。

そんな感じかな…ちゃんとやれよ未来の俺（笑）。

WPを2.9にアップグレードした。

shin2 — Tue, 22 Dec 2009 04:49:38 +0000

ひさびさにWordPressの管理画面を開いてみたら、「WordPress 2.9 が利用可能です !」と促してきたので、アップグレードした。

今回からMySqlのバージョンは4.12以上とのこと。使っているレンタルサーバー（ロリポップ）はそれ以下で無理かと思ったら、どうやらMySQL5に簡単に移行できるみたいだったので問題なく行けました。

一応データベースのデータをバックアップして、5分でアップグレード完了！

ExternalInterfaceを使ってみた。

shin2 — Wed, 28 Oct 2009 03:53:25 +0000

Flashでマウスの位置を参照して、画像を無限ループスクロールさせた時に、ブラウザウィンドウからフォーカスを外すと、凄いスピードで動くのでこれを何とかしたいと思った。

JavaScriptでブラウザウィンドウからフォーカスがアウトされた時と、フォーカスされた時を検出して、ExternalInterface.addCallbackを使ってFlash側の関数を操作すれば何とかできそうだ。

ExternalInterfaceはFlashからJavaScriptの関数・JavaScriptからFlash内の関数をコントロール出来るクラスみたい。
まずはフォーカスが切り変わるごとに、Flash上のテキストフィールドの文字を切り替えることを試してみる。

■HTML
swf表示の部分のallowscriptaccessは:”always”にする。（HTML上のJavaScriptを呼び出せるようにするかどうか）
swf読み込み部分のobjectのid、param・embedのnameはblur_testとする。




onfocus onblur test
<script language="javascript">AC_FL_RunContent = 0;script>

<script type="text/javascript">
	//フォーカス切り替えごとに実行される関数
	function xChangeText(bFocusMode) {
		getMovieName("blur_test").callChangeText(bFocusMode);
	}
	function getMovieName(movieName) {
		if (navigator.appName.indexOf("Microsoft") != -1) {
			return window[movieName]
		} else {
			return document[movieName]
		}
	}
script>

■Flash
ステージにインスタンス名 test_tf のテキストフィールドの文字を切り替える。

import flash.external.ExternalInterface;
//フォーカス切り替えごとにJavaScript側から呼ばれる
function xChangeText(bFocusMode:Boolean):Void {
	var str:String;
	if (bFocusMode) {
		str = "フォーカスされています。";
	} else {
		str = "フォーカスアウトされました。";
	}
    test_tf.text = str;
}
//JavaScriptから呼べるように登録する
ExternalInterface.addCallback("callChangeText", null, xChangeText);

これでFlash上の文字を切り替えることができたので、この要領でフォーカスが外れた時にスクロールが止まるようにすれば、今回の問題は解決しそうだ（未確認）。

※はじめbodyタグにonloadでテストの実行をしようとしたが動作しなくてハマッた。
理由はswfファイル読み込みよりも前の段階にonloadを記述していたからみたいだ。読み込んでないswfにアクセスはできねーってことかい。（そりゃそうだ）

携帯サイト制作のメモ。

shin2 — Wed, 29 Jul 2009 13:12:04 +0000

携帯サイトを制作したい時のメモ。個人的には比較的新しい機種に絞ったとしても、3キャリア共通で1つのファイルですませたい。
共通で作るには、CHTMLベースに各キャリアの共通部分のみのhtmlを使って簡単に書くこともできるが、最近じゃXHTML + CSSにするのが良いみたいだ。
CSSはauとSoftBankは外部cssに対応しているけど…Docomoが非対応なのでインラインで書くことになる。（Docomoも2009年5月モデルからは対応してるとか…）

1．XML宣言

2．DOCTYPE宣言

■Docomo 推奨

■au 推奨

■SoftBank 推奨

■W3C勧告 XHTML Basic
cssは外部スタイルシートのみに限定しているみたい。Docomoでアウトだ。

■XHTML 1.0 Transitional
PCで使うタイプ。これでいけるっぽい？

■XHTML Mobile Profile 1.0
とりあえずこれがベスト？

色々書き方があるけど、3キャリア共通で考えると「XHTML 1.0 Transitional」か「XHTML Mobile Profile 1.0」になるっぽい。
「XHTML Basic」に「XHTML Mobile Profile 1.0」を統合した「XHTML Basic1.1」というのもあるみたいだけど、現時点ではまだまだ。今後各キャリアの対応に期待らしい。

3．MIMEタイプ

ただ、これだとauやSoftBankの機種では比較的新しいモノしか対応していないみたいだ。「application/xhtml+xml」が必須なのは、DocomoのFOMAなので、その辺り気を使いたい場合には、phpでキャリアを判定してDocomoでは「application/xhtml+xml」それ以外のau・SoftBankでは「text/html」を返すようにする。

■.htaccessの設定
「ウェブサーバ側でHTTPヘッダの出力」をするために以下を記述。
これはDocomoのiモードでXHTMLを表示させるために必要。

AddType application/xhtml+xml .html

iモードはDOCTYPE宣言が正しく行われていること。MIMEタイプが「application/xhtml+xml」であること。そして「ウェブサーバ側でHTTPヘッダの出力」がされないとXHTMLとしてを表示しない。

phpを使って判定とかする場合は.htaccessは以下を記述。

AddType application/x-httpd-php .html //拡張子htmlでphpを動くように

htmlファイル内の1番先頭で以下をと記述。（動くかどうか未確認）


header("Content-type: application/xhtml+xml");
echo ''."\n";
?>

htmlでphpを記述できるようになるなら、DOCTYPEとかもキャリアごと分ければいいような気もしてきた…。
拡張子が.phpのままでよければ、.phpファイル内のheader()関数だけで、htaccessの設定はいらなそうだ。

phpを使うとかちょっと細かくなってきてしまったが、とりあえずこの辺を抑さえておけばOKかな。本格的に取りかかるときにshibaさんの「携帯サイトを作ろう！　-ちょっと詳しいモバイルサイトの作り方-」を参考にするか、「携帯サイトコーディング&デザイン」を買うかしよう…。

【参考にしたサイト】

ちょっと気になることは、phpを使うときはファイルの文字コードはShift_JISなのか？

WP 2.8.2 でjqueryが…動かなくなった。

shin2 — Fri, 24 Jul 2009 03:05:55 +0000

久々にブログの管理画面にアクセスしたら、WPのバージョン2.8.2（ja）が公開されてた。（早いね進化が…）
2.7からは自動アップデートなんて便利な機能もあるから、取れと書かれているバックアップも取らずにサクッっとアップデートっ！NextGenGalleryなどの使用しているプラグインも、なにも疑うことなくアップデートっ！
サイトを確認してみる…..全く問題なし…と思ったら、ページの先頭へスルスルーっとスクロールするjqueryのスクリプトが動作しない…??なんで？
jqueryを使用しているプラグインなどは問題なく動いているが、一応停止してみたりして…..解決しない。

使用しているjquery.jsはNextGenGalleryでthickboxを使用する時に読まれるwp-includes/js/jquery/jquery.jsなので、アップデート時に変わったのかもしれないと思って調べる。
思ったとおり1.2.6から1.3.2なっている。ただ何でか分からないがWPのjqueryをローカルに落として使ってみるが使えなかったりする…（俺だけ？）
jqueryの本サイトからjquery-1.3.2.min.jsをダウンロードしてwp-includes/js/jquery/jquery.jsと入れ替えたら無事動いた。
思わぬ落とし穴に落ちたが、解決して良かった良かった（笑）