日記/2007-10

<< 2007-10 >>
S M T W T F S
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31

2007-10-25

jQueryを利用したプラグイン

 

 勉強がてら、JavaScriptのライブラリjQueryを利用したFreeStyleWiki用のプラグインを作成してみました。JavaScriptが全然わからない私でもなんとかなりそうな感じ。
 でも、作成したといっても、トグル表示のプラグインだけ。
 もうちょっとかっこいいプラグインも作りたいと思ってはいるのですが、果たして作れますかどうか……。

インストール

jq プラグインのインストール

jQuery Cycle Plugin のインストール

Zoomi のインストール

CSS Dock Menu のインストール

uBox のインストール

  • 2009/02/10現在、こちらで配布されている uBox 1.0 にはまだいくつかバグが残っていて、当方による確認では、うまく動作しなかった。
  • そこで、いつの間にかアクセスできなくなった旧配布先 http://zori.udesign.sk/ubox/ で報告されていたバグを修正してみると、IE7、Firefox3、Chromeでの動作が確認できた。Thank you, khoker.
  • 上記修正を施したファイル uBox.js を以下に添付する。
  • これをダウンロードし、plugin/jq 以下にインストールする。

Accordion Content script のインストール

Shadowbox.js のインストール

  • 以下から shadowbox-3.0.3.zip をダウンロードし、解凍後、すべてのファイルをplugin/jq 以下にインストールする。
  • セレクタやラジオボタンの設定は以下の通り。
    • Choose the adapter you'll be using:
      • jQuery
    • Select the player(s) for the types of content you want to display:
      • Images
      • Flash (swf files)
      • Flash video (flv files)
    • Choose the language support you need:
      • English
    • Include support for using CSS selectors to select links

インストール後のplugin/jqディレクトリの状況

 └─plugin
     └─jq
             click.gif
             close.png
             ddaccordion.js
             expressInstall.swf
             Install.pm
             interface.js
             jQaccordion.pm
             jQcycle.pm
             jqdocstyle.css
             jQfloatingmenu.pm
             jQHeader.pm
             jQmore.pm
             jQmore2.pm
             jQshadowbox.pm
             jQshadowyoutube.pm
             jQtoggle.pm
             jQtoggle2.pm
             jQubox.pm
             jquery.cycle.all.min.js
             jQzoomi.pm
             LICENSE
             livefloatingmenu.js
             loading.gif
             next.png
             pause.png
             play.png
             player.swf
             previous.png
             README
             shadowbox.css
             shadowbox.js
             tclose.png
             topen.png
             uBox.js
             zoomi.js

参考および関連情報

jQueryとそのプラグイン

FreeStyleWikiの本家のサイトのプラグイン

jQueryの使い方

jQueryの書籍

jQuery入門
秀和システム
高橋登史朗
楽天 Amazon


2007-10-21

Tdamazon プラグイン

 

 Koshiamazon プラグインが、文章からキーワードを抜き出すKOSHIANというWeb APIのサービス停止により無力化されてしまいました(こちらの10/11のコメント参照)ので、同様のWeb APIであるTermDripsを用いたFreeStyleWiki用のプラグインを作ってみました。
 プラグインが記載されているページの内容からTermDripsを用いてキーワードを抜き出し、それを元にAmazon Web Serviceで商品を検索するというもの。時期的に、さらにいまさら感が強まりましたが、そこはそれ。

使い方

{{tdamazon b,5,1}}

 「b」は商品ジャンルの指定で、これはAmazonSearch プラグインと同じです。
 「5」は表示される商品件数の上限の指定(10より大きい数は指定できません)です。省略すると「1」と同じ。
 「1」はAmazonで検索するときに与えるキーワード数です。数を増やすと検索結果を絞り込めます(なにもヒットしなくなることもありがち)。キーワードはTermDripsがつけるscoreの高いものから順に与えられます。省略すると「1」と同じ。
 本ページでの結果は以下のようになります。「extracted by TermDrips」の手前に出ている単語が、抽出されたキーワードです。さらに別のページでも試してみました。
{{tdamazon b,5,1}}

インストール

補足

  • ページを表示するたびにキーワード抽出するのは無駄ですし、TermDripsに負荷をかけますので、抽出されたキーワードはキャッシュしています。ページが更新されたら、キャッシュも作り直します。
    • でも、アマゾンへはページ表示のたびに検索にいきます……。
  • 以下の単語はキーワードとして抽出されても無視しています。ページ内にURLが書いてあると必ず抽出されちゃうので。
    • WWW、HTTP、HTML、HTM
  • プラグインの出力全体を <div class="tdamazon">〜</div> でくるんであります。テーブルを組んで表示していますので、枠線がうるさく感じる場合にはCSSで非表示にしてください。
div.tdamazon table, div.tdamazon th, div.tdamazon td, div.tdamazon img {
  border-style:none;
}

参考および関連情報

追記


2007-10-15

KOSHIAN停止中続報

 
 Koshiamazon プラグインで利用しているKOSHIANですが、8/27から停止中です。そのため、Koshiamazon プラグインの出力が No Keyword. になってしまいます(停止前にキーワードがキャッシュされていたページは、問題なく表示されます)。
 こちらの10/11付けのコメントによりますと、「解決しているのですが放置期間が長くなってしまったのでそのまま停止することにします」とのこと。残念です……。