お知らせ

これだけは知っておきたい Webアプリケーションの常識 2008年3月28日

これだけは知っておきたい Webアプリケーションの常識」が発売されました。
Webアプリケーションを作る上では、HTTPのプロトコルや、開発言語、データベースなど、さまざまな知識を組み合わせることが必要になります。
それらを全般的にまとめた一冊です。
Webアプリケーション開発にチャレンジしたい方や、実際に開発までしないまでも基礎知識として知っておきたい方にお勧めです。

他にも多数書籍を執筆しています。
こちらもぜひご覧ください。

BlogTimes風の時間帯別エントリー数グラフ表示

| コメント(2) | トラックバック(7)

エントリーを投稿した時間帯をグラフ表示するものとして、「BlogTimes」があります。当方でも、それと同じようなものをFlashで作ってみました。
BlogTimesでは、線の密度でエントリーの多さを表していますが、いまいち分かりにくい感じがします。そこで、グラフィックイコライザーのような棒グラフ形式で表示するようにしてみました。

導入手順は以下の通りです。

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

まず、Movable Typeに以下の2つのプラグインをインストールしてください。

それぞれのリンクをクリックするとソースが表示されますので、ソースをすべてメモ帳等にコピーし、「TimeCount.pl」「URLEncodeContainer.pl」のファイル名をつけて保存します。そして、Movable Typeの「plugins」ディレクトリにアップロードします。

「TimeCount.pl」は、こちらのエントリーにあるように、時間帯別のエントリー数などを集計するプラグインです。
一方、「URLEncodeContainer.pl」は、文字列をURLエンコードするためのプラグインです。Flashにデータを渡すために使います。

Flashのインストール

次に、グラフ表示を行うFlashをインストールします。
こちらからzipファイルをダウンロードして、解凍します。
すると、「blogtimes.swf」というファイルができますので、Blogのトップページ(index.html)と同じディレクトリに、バイナリモードでアップロードします。

データ出力用テンプレートの作成

次に、インデックステンプレートを1つ追加します。「テンプレートの名前」と「出力ファイル名」の欄に「entrytime.txt」と入力し、「テンプレートの中身」の欄には以下を入力します。

count=<MTURLEncodeContainer><MTTimeCountContainer mode="entry" split="60"><$MTTimeCountPerMax mult="20" sprintf="%d"$>,</MTTimeCountContainer></MTURLEncodeContainer>

Flash表示用HTMLの入力

最後に、BlogTimesを入れるテンプレートを開き、表示したい位置に以下のHTMLを入力します。

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
  codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,79,0"
  id="entrytime" width="132" height="100">
  <param name="movie" value="<$MTBlogURL$>blogtimes.swf?url=<$MTBlogURL encode_url="1"$>entrytime.txt">
  <param name="bgcolor" value="#000000">
  <param name="quality" value="high">
  <param name="loop" value="false">
  <param name="menu" value="false">
  <param name="scale" value="exactfit">
  <param name="allowscriptaccess" value="always">
  <embed type="application/x-shockwave-flash"
   pluginspage="http://www.macromedia.com/go/getflashplayer"
   width="132" height="100"
   name="entrytime" src="<$MTBlogURL$>blogtimes.swf?url=<$MTBlogURL encode_url="1"$>entrytime.txt"
   bgcolor="#000000" quality="high"
   loop="false" menu="false"
   scale="exactfit"
   swLiveConnect="true" allowScriptAccess="always"
  ></embed>
</object>

リクエストがあればコメントを

例としてグラフィックイコライザー的な表示にしてみましたが、Flashの作り方次第で、いろいろなパターンのBlogTimesを作ることができます。
「こんなのをがあったら・・・」というものがありましたら、コメントをお寄せください。

ただし、リクエストにお答えできるかどうかは、定かではありませんが・・・(笑)。

はてなブックマークの情報

トラックバック(7)

トラックバックURL: http://www.h-fj.com/mt/mt-tb.cgi/77.

こちら のエントリ数表示を応用して もっと視覚的に わかりやすく フラッシュを使... 続きを読む

テクノラティ・タグのキーワードからの自動入力で、日本語のタグが化けるという話を... 続きを読む

プラグインがらみで、続きの話になります。 「MTTagInvokeプラグイン」が使えない件、理由は前エントリーで説明した通りです。 「MTTagInvo... 続きを読む

MTのエントリータグを使ってタグを表示できるようになりました。このタグをテクノラティタグリンクにも使えるようにする方法を紹介しています。EUC-JPからU... 続きを読む

MTの標準タグのアトリビュートで encode_url="1" と指定すれば、そ... 続きを読む

 以前ブログパーツの実験で『”はてな”+”PODCAST navi”によるピック... 続きを読む

上級MTテンプレートカスタム -MovableType(ムーバブルタイプ)テンプレートやプラグインの無料配布- - MovableTypeのフォルダとファイル名のURLを自動的に日本語化 (2007年9月24日 18:09)

MovableType(ムーバブルタイプ)のURLのフォルダ名やファイル名を自動的にで日本語化する方法をまとめました。WikipediaやはてなのURLみ... 続きを読む

コメント(スレッド2件,コメント2件)

コメントはスレッド表示になっています。
また、スレッドの先頭のコメントに対する返信には、先頭に矢印を表示しています。

No.1 GIRAFFE : (無題)

はじめまして。
GIRAFFEと言います。
グラフィックイコライザー風の「時間帯別エントリー数グラフ表示」が非常にカッコイイです。
今すぐダウンロードして使ってみたいとこなんですけど、これって訪問者数とかでもいけますか?

No.2  Author Profile Page: (無題)

>GIRAFFEさん
こんにちは。

このFlashでは、1時間単位で集計できるものなら、何でも表示できるはずです。
まず、「count=x,x,・・・」のような形式で、集計結果をファイルに出力します。
「x」には、各時の訪問者数を、以下のような計算式で調整した値を入れます。

各時の訪問者数÷最も訪問者が多い時の訪問者数×20

そして、上記ファイルのそのURLをFlashのHTMLの中の「url=」の部分に指定します。

コメントする


Movable Type Developer's Guide Volume 1

Movable Typeのプラグイン開発等のドキュメント「Movable Type Developer's Guide Volume 1」を発売しました。
詳細は特設ページをご覧ください。