<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
		xmlns:xhtml="http://www.w3.org/1999/xhtml"
>

<channel>
	<title>左脳廻風 &#187; FLASH</title>
	<atom:link href="http://kassy.jpn.org/kaifu/category/flash/feed" rel="self" type="application/rss+xml" />
	<link>http://kassy.jpn.org/kaifu</link>
	<description>Just another WordPress weblog</description>
	<pubDate>Thu, 12 Nov 2009 17:14:33 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.7.1</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://kassy.jpn.org/kaifu/category/flash/feed" />
		<item>
		<title>MTとFLASHの連携　Giko. crescent ver.</title>
		<link>http://kassy.jpn.org/kaifu/cms/mt/15.php</link>
		<comments>http://kassy.jpn.org/kaifu/cms/mt/15.php#comments</comments>
		<pubDate>Sat, 28 Jul 2007 17:45:52 +0000</pubDate>
		<dc:creator>Kassy</dc:creator>
		
		<category><![CDATA[FLASH]]></category>

		<category><![CDATA[MovableType]]></category>

		<guid isPermaLink="false">http://kassy.jpn.org/kaifu/?p=15</guid>
		<description><![CDATA[
Giko. (crescent ver.)メインサイトの新バージョンがこないだアップできたので、一応説明します。
このサイトの特徴は以下の通りです。

主なコンテンツをMovableTypeで管理し更新した情報をFLASHで動的に書き出している
昔の日記・BBS（apeboard＋）のログをしつこく継続
元apeboard＋の日記は、MovableTypeに移行
BBSはapeboard＋でFLASHから読み出し
主な情報はHTMLへも書き出しているので携帯版と同期

そんなところですかね。
図を参照に部分ごとの説明です。ピンクの線が説明っす。
日記帳
一番更新回数が多い部分。
現在はMovableTypeで、PC上および携帯電話から更新。
元々apeboard＋で数年前から更新していた。
以前のバージョンでは、スキンをいじってFLASHで呼び出したりしていた。
見る？ｗ
とにかくMovableTypeに移行してやろうと思って、まずログをダウンロードして、MTでインポートできる形式に加工。
件数は約100件。
apeboard＋のログは日付や本文が「,」カンマで区切られている。
それの区切り方を変えたりだとか、日付のフォーマットを直したりだとか、どうやったかっていうとExcelの関数で置き換えたりくっつけたりしてやったｗｗｗｗｗ
確かapeboard＋からMTへの移行を解説してるサイトやツールって見つからなかったもんで・・・。
apeboard＋流行ってたのになあ。
そのときのExcelの作業を一応マクロ化しておけばよかったｗ
そしたら誰かダウソしたかね。いや、いらねーか？ｗ
そんなわけで、MTに無事移行済み。
あとはもう、FlashBlogさんの本のこの項目のままに・・・。
http://fxb.jp/flashblog/2006/07/flashflashblog_13.html
結局、FALSHにうまく対応するXMLテンプレ作って読み出すだけですよ。
自分でやったことは、適当にモーション付けたくらいです。

コメントとトラックバックについて

コメントとトラバは、日記としては欲しかった。
コメトラ無しでアップしようとしたけれど、BBSに「日記の○○の件って～」と書かせてしまうのも申し訳なかったので、簡単につけてみました。
一覧ポップアップ型で、記事IDをURLに入れたリンクを置くだけ。
しかし、ポップアップ先にたまに「エラー503」が出るのよ。
このページを更新して読み出すと問題ないんだけど・・・。何故。外部からの呼び出しセキュリティ関係？
誰か教えてください。
あと、未だ誰もコメントもトラバもくれずｗ(ノ∀`)
そして、こちらの日記からトラバしたトラバ先へ表示されるURLが、メインテンプレートで書き出したURLになるから日記帳のHTML版が望むべくも目に晒される運命に。
なので適当にDrBlogのデザインテンプレをあてがう。
BBS
図のトップページの右上に注目ですｗ
カーソルを当てると、最近の3つの書き込みメッセージが流れます。
このサイトの中ではかなり動的な動きｗ
だって、書き込み嬉しいんだもん（ﾉ∀｀）
でもちょっとジミになったので、気付かれなかったりするかな？
BBSは、昔からapeboard＋を使っています。
apeboard＋の愛すべきところは、スキンを自由に作成できるところです。
携帯にも対応した普通のスキンと別に、FALSH読み出し用のスキンを作成。
それを読み出しているだけです。
ページ移動は、移動するURLの先っちょに数字を増やすだけ。
前一回やって慣れたから、わりと簡単。
しかし！今回は、日記帳のFLASHとの関係で文字コードの問題が。
BBSのFLASHも日記のFLASHも、別で作ってトップのFLASHにattachMovieしてます。
だから、BBSと日記の文字コードが違うとおかしなことになります。
apeboard＋はデフォルトでShift-JIS。MTで書き出すXMLはUTF-8でございます。
今回、apeboard＋のUTF化を行いました。
文字を置き換えるだけだから、特に心配いらないんだけど、スパム対策のために説明しているサイトもあったので、安心して行えました。
apeboard+ の SPAM 対策版へのアップデート(似非UTF-8化)
しかしBBSも日記帳のコメも、入力類はとにかくFLASHを避けてHTMLのフォーム。
入力類のFLASHはあまりやったことないので、抵抗があるKassyなのです。あとあまりFLASHにする必要性が感じないかな。
unouさんみたいにとにかくクールにやれたら最高なのだけど。ちなみにunouさんは自分のやりたいことをかなりやっちゃってるのでなんかメインページからリンク貼れないｗ
アイデンティティが崩壊してしまうｗ
話が逸れましたが、この流れるBBSをクリックすると、もちろん書き込めに行けます。
書き込んで！ヽ(´ｰ｀ )ﾉ
Aboutとかリンク
これもMovableTypeです。
固定型コンテンツでも、やっぱり内容は思いつくままに更新したい。そこらへん女の子よね！(？)
あとリンクはやっぱり頻繁に簡単に編集したいし。
そしてやっぱりFLASH書き出しは
http://fxb.jp/flashblog/2006/07/flashflashblog_14.html
まんまｗ
しかし、結局HTMLコードをXML中でUTF化されたものをFLASHのダイナミックテキストに呼び出してるわけだけど、これが結構中途半端(´～｀)
FLASH 9内のテキストフィールドで書き出されたHTMLタグは、ごく一部しか使えないんだけど、とくにイメージの文字回り込み制御ができない！
imgタグで挿入した画像にテキストを回り込ませたくない
Flashのテキストフィードにimgタグの回り込みが解除できない！！
せっかくMTとFLASH連携したい身としてはゲンナリですわ(´A｀)
あとなんか普通にAboutmeで写真乗っけたいだけなのに、表示されなくなっちゃったし。なんで？バグ？
希望は、HTMLタグ対応をもっとしっかりとすることですね。CSSも。
FALSHのHTML対応適正化を待っていてもしょうがないので、リンクは一つずつ1エントリにして、TOPにバーって散らばるカンジにもできたらしたいです。
時計ｗ
どうでもいっすねｗ　地味に時を刻んでいます。
Lastfm
ｷﾀ━━━━━━(ﾟ∀ﾟ)━━━━━━ !!!!!
Kassyの今聴いている曲が1分更新で表示されたり、お気に入りの曲を流すことができたりします。
「Last fmを生かした、かっこいいサイトにしたいなあ・・・」っていうのは、今回大きなコンセプトでした。
かっこいいFLASHのヴィジェットができる前は、javascriptの画像ベース書き出ししかなかったので、Lastfmの書き出してくれるXMLを例によってFLASHで読み出して、一応書き出したりしてましたｗ
でも、こんなカッコイイヴィジェットができるようになっちゃったら、こちらも黙ってはいられないですよね。
Lastfmについては、また別エントリで書こうと思います。
PCで音楽聴く輩は、とにもかくにもLastfmにLets登録！！
デザインについて
最後にデザインについて。
軽くて、シンプルで、地味で、あんまり飽きない。
そして私らしい。本当はそろそろ3Dでやりたかった。
そんなテーマのデザインです。
Giko. crescent ver.
よろしくお願いします。
]]></description>
			<content:encoded><![CDATA[<p><a href="http://kassy.jpn.org/kaifu/upimage/g_crescent.html" onclick="window.open('http://kassy.jpn.org/kaifu/upimage/g_crescent.html','popup','width=1255,height=601,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://kassy.jpn.org/kaifu/upimage/g_crescent-thumb.jpg" width="440" height="210" alt="" /></a><br />
<a href="http://kassy.jpn.org/" target="_blank">Giko. (crescent ver.)</a>メインサイトの新バージョンがこないだアップできたので、一応説明します。<br />
このサイトの特徴は以下の通りです。</p>
<ul>
<li>主なコンテンツを<a href="http://www.sixapart.jp/movabletype/mt3/" target="_blank">MovableType</a>で管理し更新した情報をFLASHで動的に書き出している</li>
<li>昔の日記・BBS（<a href="http://www.2apes.com/" target="_blank">apeboard＋</a>）のログをしつこく継続</li>
<li>元<a href="http://www.2apes.com/" target="_blank">apeboard＋</a>の日記は、MovableTypeに移行</li>
<li>BBSは<a href="http://www.2apes.com/" target="_blank">apeboard＋</a>でFLASHから読み出し</li>
<li>主な情報はHTMLへも書き出しているので携帯版と同期</li>
</ul>
<p>そんなところですかね。<br />
図を参照に部分ごとの説明です。ピンクの線が説明っす。</p>
<h3>日記帳</h3>
<p>一番更新回数が多い部分。<br />
現在は<a href="http://www.sixapart.jp/movabletype/mt3/"　target="_blank">MovableType</a>で、PC上および携帯電話から更新。<br />
元々<a href="http://www.2apes.com/" target="_blank">apeboard＋</a>で数年前から更新していた。<br />
以前のバージョンでは、スキンをいじってFLASHで呼び出したりしていた。<br />
<a href="http://kassy.jpn.org/ver/pc/top.html" target="_blank">見る？ｗ</a><br />
とにかくMovableTypeに移行してやろうと思って、まずログをダウンロードして、MTでインポートできる形式に加工。<br />
件数は約100件。<br />
<a href="http://www.2apes.com/" target="_blank">apeboard＋</a>のログは日付や本文が「,」カンマで区切られている。<br />
それの区切り方を変えたりだとか、日付のフォーマットを直したりだとか、どうやったかっていうと<strong>Excelの関数で置き換えたりくっつけたりしてやったｗｗｗｗｗ</strong><br />
確か<a href="http://www.2apes.com/" target="_blank">apeboard＋</a>からMTへの移行を解説してるサイトやツールって見つからなかったもんで・・・。<br />
<a href="http://www.2apes.com/" target="_blank">apeboard＋</a>流行ってたのになあ。<br />
そのときのExcelの作業を一応マクロ化しておけばよかったｗ<br />
そしたら誰かダウソしたかね。いや、いらねーか？ｗ<br />
そんなわけで、MTに無事移行済み。<br />
あとはもう、FlashBlogさんの本のこの項目のままに・・・。<br />
<a href="http://fxb.jp/flashblog/2006/07/flashflashblog_13.html" target="_blank">http://fxb.jp/flashblog/2006/07/flashflashblog_13.html</a><br />
結局、FALSHにうまく対応するXMLテンプレ作って読み出すだけですよ。<br />
自分でやったことは、適当にモーション付けたくらいです。</p>
<ul>
<li>コメントとトラックバックについて</li>
</ul>
<p>コメントとトラバは、日記としては欲しかった。<br />
コメトラ無しでアップしようとしたけれど、BBSに「日記の○○の件って～」と書かせてしまうのも申し訳なかったので、簡単につけてみました。<br />
一覧ポップアップ型で、記事IDをURLに入れたリンクを置くだけ。<br />
しかし、ポップアップ先にたまに「エラー503」が出るのよ。<br />
このページを更新して読み出すと問題ないんだけど・・・。何故。外部からの呼び出しセキュリティ関係？<br />
誰か教えてください。<br />
あと、未だ誰もコメントもトラバもくれずｗ(ノ∀`)<br />
そして、こちらの日記からトラバしたトラバ先へ表示されるURLが、メインテンプレートで書き出したURLになるから日記帳のHTML版が望むべくも目に晒される運命に。<br />
なので適当にDrBlogのデザインテンプレをあてがう。</p>
<h3>BBS</h3>
<p>図のトップページの右上に注目ですｗ<br />
カーソルを当てると、最近の3つの書き込みメッセージが流れます。<br />
このサイトの中ではかなり動的な動きｗ<br />
だって、書き込み嬉しいんだもん（ﾉ∀｀）<br />
でもちょっとジミになったので、気付かれなかったりするかな？<br />
BBSは、昔から<a href="http://www.2apes.com/" target="_blank">apeboard＋</a>を使っています。<br />
<a href="http://www.2apes.com/"target="_blank">apeboard＋</a>の愛すべきところは、スキンを自由に作成できるところです。<br />
携帯にも対応した普通のスキンと別に、FALSH読み出し用のスキンを作成。<br />
それを読み出しているだけです。<br />
ページ移動は、移動するURLの先っちょに数字を増やすだけ。<br />
前一回やって慣れたから、わりと簡単。<br />
しかし！今回は、日記帳のFLASHとの関係で文字コードの問題が。<br />
BBSのFLASHも日記のFLASHも、別で作ってトップのFLASHにattachMovieしてます。<br />
だから、BBSと日記の文字コードが違うとおかしなことになります。<br />
apeboard＋はデフォルトでShift-JIS。MTで書き出すXMLはUTF-8でございます。<br />
今回、apeboard＋のUTF化を行いました。<br />
文字を置き換えるだけだから、特に心配いらないんだけど、スパム対策のために説明しているサイトもあったので、安心して行えました。<br />
<a href="http://www.md-n.net/star/archives/2006/07/04164101.php" target="_blank">apeboard+ の SPAM 対策版へのアップデート(似非UTF-8化)</a><br />
しかしBBSも日記帳のコメも、入力類はとにかくFLASHを避けてHTMLのフォーム。<br />
入力類のFLASHはあまりやったことないので、抵抗があるKassyなのです。あとあまりFLASHにする必要性が感じないかな。<br />
<a href="http://www.unouplus.com/" target="_blank">unou</a>さんみたいにとにかくクールにやれたら最高なのだけど。ちなみにunouさんは自分のやりたいことをかなりやっちゃってるのでなんかメインページからリンク貼れないｗ<br />
アイデンティティが崩壊してしまうｗ<br />
話が逸れましたが、この流れるBBSをクリックすると、もちろん書き込めに行けます。<br />
書き込んで！ヽ(´ｰ｀ )ﾉ</p>
<h3>Aboutとかリンク</h3>
<p>これもMovableTypeです。<br />
固定型コンテンツでも、やっぱり内容は思いつくままに更新したい。そこらへん女の子よね！(？)<br />
あとリンクはやっぱり頻繁に簡単に編集したいし。<br />
そしてやっぱりFLASH書き出しは<br />
<a href="http://fxb.jp/flashblog/2006/07/flashflashblog_14.html"　target="_blank">http://fxb.jp/flashblog/2006/07/flashflashblog_14.html</a><br />
まんまｗ<br />
しかし、結局HTMLコードをXML中でUTF化されたものをFLASHのダイナミックテキストに呼び出してるわけだけど、これが結構中途半端(´～｀)<br />
FLASH 9内のテキストフィールドで書き出されたHTMLタグは、ごく一部しか使えないんだけど、とくにイメージの文字回り込み制御ができない！<br />
<a href="http://f-site.org/articles/2004/11/29113914.html" target="_blank">imgタグで挿入した画像にテキストを回り込ませたくない</a><br />
<a href="http://www.cubdesign.com/blog/archives/2004/11/flashimg_2.html"　target="_blank">Flashのテキストフィードにimgタグの回り込みが解除できない！！</a><br />
せっかくMTとFLASH連携したい身としてはゲンナリですわ(´A｀)<br />
あとなんか普通にAboutmeで写真乗っけたいだけなのに、表示されなくなっちゃったし。なんで？バグ？<br />
希望は、HTMLタグ対応をもっとしっかりとすることですね。CSSも。<br />
FALSHのHTML対応適正化を待っていてもしょうがないので、リンクは一つずつ1エントリにして、TOPにバーって散らばるカンジにもできたらしたいです。</p>
<h3>時計ｗ</h3>
<p>どうでもいっすねｗ　地味に時を刻んでいます。</p>
<h3>Lastfm</h3>
<p>ｷﾀ━━━━━━(ﾟ∀ﾟ)━━━━━━ !!!!!<br />
Kassyの今聴いている曲が1分更新で表示されたり、お気に入りの曲を流すことができたりします。<br />
「Last fmを生かした、かっこいいサイトにしたいなあ・・・」っていうのは、今回大きなコンセプトでした。<br />
かっこいいFLASHのヴィジェットができる前は、javascriptの画像ベース書き出ししかなかったので、Lastfmの書き出してくれるXMLを例によってFLASHで読み出して、一応書き出したりしてましたｗ<br />
でも、こんなカッコイイヴィジェットができるようになっちゃったら、こちらも黙ってはいられないですよね。<br />
Lastfmについては、また別エントリで書こうと思います。<br />
PCで音楽聴く輩は、とにもかくにもLastfmにLets登録！！</p>
<h3>デザインについて</h3>
<p>最後にデザインについて。<br />
軽くて、シンプルで、地味で、あんまり飽きない。<br />
そして私らしい。本当はそろそろ3Dでやりたかった。<br />
そんなテーマのデザインです。<br />
Giko. crescent ver.<br />
よろしくお願いします。</p>
]]></content:encoded>
			<wfw:commentRss>http://kassy.jpn.org/kaifu/cms/mt/15.php/feed</wfw:commentRss>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://kassy.jpn.org/kaifu/cms/mt/15.php" />
	</item>
		<item>
		<title>transparentで書き出した背景透過のswfファイル　クリッカブル動作について</title>
		<link>http://kassy.jpn.org/kaifu/flash/10.php</link>
		<comments>http://kassy.jpn.org/kaifu/flash/10.php#comments</comments>
		<pubDate>Wed, 20 Jun 2007 15:53:08 +0000</pubDate>
		<dc:creator>Kassy</dc:creator>
		
		<category><![CDATA[FLASH]]></category>

		<guid isPermaLink="false">http://kassy.jpn.org/kaifu/?p=10</guid>
		<description><![CDATA[
wmode=&#8221;transparent&#8221;
で書き出したFLASHファイル。
私のIE6、Firefox1.5.0.12では、確かに透過されます。
で、swfファイルはCSSでposition:absolute指定してるんです。
そうするとね、上記Firefoxでは、FLASH内のリンクが押せないんです。
position:absoluteのレイヤーから出してみたら押せました。
また、透過しなければ、リンクできます。
いや～ん。
しかし、
wmode=&#8221;transparent&#8221;自体がFirefoxで対応し始めたのは最近のことらしいですね。
簡単な解決策、募集中・・・。
（参考にしたページ）
http://blog.ishiro.com/?m=20070412
http://f-site.org/articles/2006/09/10040448.html

ん？あれ？
overflow:auto;を、overflow:visible;もしくはhiddenにしたら、なおりました。
overflow:auto;が原因なん？
overflow:scroll;もだめでした。
]]></description>
			<content:encoded><![CDATA[<param name="wmode" value="transparent">
wmode=&#8221;transparent&#8221;<br />
で書き出したFLASHファイル。<br />
私のIE6、Firefox1.5.0.12では、確かに透過されます。<br />
<Del>で、swfファイルはCSSでposition:absolute指定してるんです。<br />
そうするとね、上記Firefoxでは、FLASH内のリンクが押せないんです。<br />
position:absoluteのレイヤーから出してみたら押せました。<br />
また、透過しなければ、リンクできます。<br />
いや～ん。<br />
しかし、<br />
wmode=&#8221;transparent&#8221;自体がFirefoxで対応し始めたのは最近のことらしいですね。<br />
簡単な解決策、募集中・・・。</Del><br />
（参考にしたページ）<br />
http://blog.ishiro.com/?m=20070412<br />
http://f-site.org/articles/2006/09/10040448.html</p>
<p><span id="more-10"></span><br />
ん？あれ？<br />
overflow:auto;を、overflow:visible;もしくはhiddenにしたら、なおりました。<br />
overflow:auto;が原因なん？<br />
overflow:scroll;もだめでした。</p>
]]></content:encoded>
			<wfw:commentRss>http://kassy.jpn.org/kaifu/flash/10.php/feed</wfw:commentRss>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://kassy.jpn.org/kaifu/flash/10.php" />
	</item>
	</channel>
</rss>
