おもしろそうだったので、このサイトの左側に貼ってみました。
こうゆう、小さいガジェットって、いいですね。
この FLO:Q は、基本的に Flash で作られているのですが、ゲームやアフィリエイト、その他のウェブサービスをコンテンツとする事ができます。
また、必要であれば、画面を横型にできる様です。
詳しくは、この↓サイトを見て下さい。
こうゆう、小さいガジェットって、いいですね。
この FLO:Q は、基本的に Flash で作られているのですが、ゲームやアフィリエイト、その他のウェブサービスをコンテンツとする事ができます。
また、必要であれば、画面を横型にできる様です。
詳しくは、この↓サイトを見て下さい。
『Amazon ウィジェット』というブログパーツみたいなもので、ちょっと面白そうなので、貼ってみました。
]]> 右サイドバーの下の方にあるのは、プロダクトクラウドウィジェットです。 →
ヘルプによると
プロダクトクラウド ウィジェットをWebページに設置すると、システムがWebページのコンテンツの内容を解析します。続いて、Amazonの商品カタログのサーチを行い、コンテンツの内容にマッチした商品をピックアップします。ビジターがウィジェット上に表示された商品タイトルの上でマウスを2秒ほど停止させると、小さいポップオーバー画面が立ち上がり、その商品に関する詳細情報を表示します。ビジターは表示された商品タイトルのリンクや、ポップオーバー画面上のリンクをクリックすることで、Amazon の商品詳細ページにジャンプし、実際に購入することが可能となります。
という事だそうで、ウィジェットを貼ったサイトのコンテンツ内容を解析して、適切な...って、全然関係なさそうな商品がリストされている様に見えますが（汗
もしかして、ボットがこのサイトをクローリングできていないんでしょうか？？？
それとも、サービスが始まったばかりで、うまく機能していないんでしょうか？？？
ぅーん、謎ですが、ちょっと様子見で設置しておいてみますｗ
← 左サイドバーの下に、商品検索を置いてみました。
ん、なんか、このブログもそれっぽい雰囲気になってきた！
様な気がしますｗｗ
--------------------
その後...
プロダクトクラウド ウィジェットですが、どうやら何かに反応しているみたいです。
が、やっぱりどうもピンと来ない内容な気がします（苦笑
]]>
]]> 具体的なやり方は、こちら↓のサイトに紹介がありました。
http://hakuhin.hp.infoseek.co.jp/main/as3/stage.html#STAGE_05
ただ、個人的に、ツール上でスクリプトを直接書く事が好きでは無いので、ちょっといじって外部スクリプトにしてみました。
ScreenCombo.as は、ライブラリの中にある ScreenCombo のクラスとして、リンケージで設定しました。
実行結果を以下に貼ります。
HTML のタグは、こんな↓感じです。
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="160" height="120" id="main" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="true" />
<param name="movie" value="http://pepcomix.net/pepcomix_mt/2007/09/19/main.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /> <embed src="main.swf" quality="high" bgcolor="#ffffff" width="160" height="120" name="http://pepcomix.net/pepcomix_mt/2007/09/19/main" align="middle" allowScriptAccess="sameDomain" allowFullScreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
ポイントは、allowFullScreen を true に設定する事です。
]]>
正しく表示するには、php を修正する必要があります。
]]>
インストールした XHLD のバージョンは、2.99 です。
設定した RSS フィードに日本語が含まれていると、文字化けしてしまいます。
これは、XOOPS の mainfile.php の最初の方に、以下の様な2行を追加するする事で修正できます。
ini_set( 'mbstring.http_output','EUC-JP' ) ;
ini_set( 'mbstring.internal_encoding','EUC-JP' );#header {
padding: 15px;
border-bottom: 1px solid #669;
color: #444444;
text-align: left;
background: url(images/title_bg.gif) repeat-x;
}
『消えてしまう』というか、文字をマウスで選択して反転させたり、画面をスクロールさせるなどして、再描画すると表示されます。
これは、IE6 の不具合の様で、各所で言及されています。
対策としては、スタイルに width:100%; を追記するといいらしいです。
#header {
width:100%;
padding: 15px;
border-bottom: 1px solid #669;
color: #444444;
text-align: left;
background: url(images/title_bg.gif) repeat-x;
}
]]>
この Flash は、adobe が配布している AC_FL_RuｎContent() という JavaScript を利用して、最初からアクティブ化された状態で貼り付けてあります。Flash の上でマウスを動かしたりクリックしたりすると、万華鏡が変化します。
Movable Type で記事に Flash を張り付ける方法を色々と実験してみたので、簡単にまとめてみました。
]]>
下の Flash は、object と embed のタグを利用したよくある Flash の表示方法です。
この Flash は、以下の様に、Flash CS3 からパブリッシュされた html の object 部分を切り出して張りつけています。swf へのパス部分は、アップロードした先の URL へ書き換えました。
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="320" height="240" id="kaleidoscope" align="left">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="http://pepcomix.net/pepcomix_mt/2007/09/12/kaleidoscope.swf" /><param name="menu" value="false" /><param name="quality" value="high" /><param name="salign" value="lt" /><param name="bgcolor" value="#ffffff" /> <embed src="http://pepcomix.net/pepcomix_mt/2007/09/12/kaleidoscope.swf" menu="false" quality="high" salign="lt" bgcolor="#ffffff" width="320" height="240" name="kaleidoscope" align="left" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
ただ、この方法では、Flash 上にマウスカーソルを持ってくると『このコントロールをアクティブ化して使用するにはクリックしてください。』というメッセージが表示されます。
これでは、キーボードやマウス入力を必要とする様なインタラクティブな Flash の場合、ユーザーに Flash を一度クリックしてもらわないと、操作ができません。
この現象の回避策として、JavaScript の document.write() を利用し、html のソースを書きだすという方法が有名です。
表示する Flash ごとに直接書く事もできますが、今後、面倒くさいので、汎用的に利用できるスクリプトを書いてみました。
show_swf.js
function show_swf( swf_id, swf_name, swf_path, swf_width, swf_height){
document.write('<object classid="clsid: ');
document.write('d27cdb6e-ae6d-11cf-96b8-444553540000" ');
document.write('codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" ');
document.write('width="');
document.write( swf_width);
document.write('" height="');
document.write( swf_height);
document.write('" id="');
document.write( swf_id);
document.write('" align=""> ');
document.write('<param name="allowScriptAccess" value="sameDomain"> ');
document.write('<param name="movie" value="');
document.write( swf_path);
document.write( '>');
document.write('<param name="menu" value="false"> ');
document.write('<param name="quality" value="high"> ');
document.write('<param name="bgcolor" value="#ffffff"> ');
document.write('<embed src="');
document.write( swf_path);
document.write( swf_name);
document.write('" menu="false" quality="high" ');
document.write('bgcolor="#ffffff" width="600" height="240" name="');
document.write( swf_name);
document.write('" ');
document.write('align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"> ');
document.write('</embeded></object>');
}
このスクリプトをサーバーの任意の場所へ置き、以下の様な html を書く事で、Flash の表示ができます。
私の場合は、スクリプトを MT4 の plugins ディレクトリに置きました。
<script language="javascript" src="http://pepcomix.net/mt/plugins/Show_swf.js"></script>
<script language="javascript">
<!--
show_swf( "kaleidoscope", "kaleidoscope.swf", "http://pepcomix.net/pepcomix_mt/2007/09/12/", "320", "240");
//-->
</script>
また、似たような JavaScript は、Adobe からも提供されています。
http://www.adobe.com/jp/devnet/activecontent/articles/devletter.html
AC_FL_RunContent という関数を利用すると、同じようにアクティブ化の問題を回避する事ができます。
上記のサイトからダウンロードできる Zip ファイルの中の Scripts ディレクトリに.js ファイルがあるので、これをサーバーの任意の場所へアップロードします。
そして、 以下の様な html を書きます。
<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="http://pepcomix.net/mt/plugins/AC_RunActiveContent.js" language="javascript"></<script language="javascript">
if (AC_FL_RunContent == 0) {
alert("このページでは \"AC_RunActiveContent.js\" が必要です。");
} else {
AC_FL_RunContent(
'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
'width', '320',
'height', '240',
'src', 'kaleidoscope',
'quality', 'high',
'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
'align', 'left',
'play', 'true',
'loop', 'true',
'scale', 'showall',
'wmode', 'window',
'devicefont', 'false',
'id', 'kaleidoscope',
'bgcolor', '#ffffff',
'name', 'kaleidoscope',
'menu', 'false',
'allowFullScreen', 'false',
'allowScriptAccess','sameDomain',
'movie', 'http://pepcomix.net/pepcomix_mt/2007/09/12/kaleidoscope',
'salign', 'lt'
); //end AC code
}
</script>
実はこのスクリプトも Flash CS3 でパブリッシュされた html の一部を切り出し、スクリプトや swf の URL を修正したものです。
Flash 8 でも、アップデートパッチをある事で、同じような JavaScript が書きだせるのかもしれません。（未確認）
Flash CS3 でパブリッシュされる html には、JavaScript が利用できない環境であった場合でも、ちゃんと表示出来るように <noscript> のタグもかかれています。
ちなみに、このページの最初に貼ってある Flash も CS3 でパブリッシュされた html の URL などを少し修正し、張り付けただけのものです。
Movable Type などのブログで swf を表示する場合、 object と embed のタグを利用して記事を書けば、WYSIWIG 上でもちゃんと Flash が表示された状態で編集できるので便利ですが、インタラクティブな Flash を張る場合、ユーザーに Flash を一度クリックしてもらい、アクティブ化する事を促さなければなりません。
逆に、JavaScript を利用した表示方法では、WYSIWIG の編集画面には何も表示されませんが、最初からアクティブな状態で表示されるので、クリックする様に促したりする必要もなく、スマートです。
ブログの記事を書く時は、状況によって使い分けると便利かもしれません。
]]>
MT4 には、デフォルトでこの機能が組み込まれています。
]]> mt-config.cgi に CaptchaSourceImageBase を記述しなければならない環境の方もいらっしゃる様ですが、私が使っているバージョン？のMT4では、以下の様な設定をする事で、CAPTCHA が利用出来る様になりました。
・『設定 -> コメント』 の 『CAPTCHAプロバイダ』を『Movable Type 既定』にし、『保存』する
・『設定 -> 登録/認証』 の 『認証なしコメント』 にチェックを入れ、『保存』する
・再構築する
以上で、匿名ユーザーからのコメントを画像認証付きで受け付ける事ができる様になりました。
]]>
これって、MT4をインストールしたデフォルトの状態では機能しないんですね。。。
原因を探って、けっこうあちこちさまよいました（汗
一応、メモ書き。
]]> カレンダーを有効にするには、アーカイブマッピングを追加する必要がある。
・MT4の管理メニューから、『デザイン→テンプレート』をクリック
・右の『クイックフィルター』にある『アーカイブテンプレート』をクリック
・『アーカイブテンプレートを表示』の『ブログ記事リスト』をクリック
・下の方にある『+新しいアーカイブマッピングを作成』をクリックし、『日別』のアーカイブマッピングを新規作成
・パスはデフォルトで大丈夫
・『保存』を押して、再構築
これで、テンプレートモジュールの中などでカレンダーを表示する設定をしていれば、日別のカレンダーが表示される様になります。
ウィジェットセットもそうだけど、機能があるのにデフォルトで使えないものが多い気がする（汗
]]>
なんとかテンプレートの構造をぼんやりと理解するところまできました（汗
]]> この記事を執筆時点では、巷にはMT3系のドキュメントや記事が多く、色々苦労しています。
というか、Movable Type自体、結構難解だと思うんだけど、みんなよくこんなもの使っているなぁ、と感心。
デフォルトでは機能しないプラグインやテンプレートもいっぱいあるし。。。
XoopsやWordPressの方が、数倍わかりやすい構造になっていると思う。
ちなみに、現在は、小粋空間さんのテンプレートを適用しています。
まだ、直したいデザインがいっぱいあるぞ（汗
]]>
ぅーん、なんか、よくわからん（汗
]]>