MTとFLASHの連携　Giko. crescent ver.

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.
よろしくお願いします。