Movable Type 備忘録

 Google Code Prettify

こんばんわ^^

良さそうなスクリプト見つけたよ (●´∀｀●)
以前、HTML や CSS、JavaScript など各書式に合った整形をしてくれる dp.SyntaxHighlighter というものをご紹介したことがあります。

それと似たようなもので、Google Code Prettify というものを見つけました。

スクリプトのサイズがメッチャ小さいので非常に軽いのが特徴かな。

サンプルを表示できませんでした。

対応する言語は以下の通りです。

  • bash
  • C、C++
  • JavaScript
  • HTML、XML
  • CSS
  • Python
  • Ruby
  • PHP
  • Perl
  • SQL
  • この他にもいろいろあります。

以降で使い方をカンタンに説明します。

READ MORE

 JavaScript フレームワークに依存しないアコーディオンエフェクト（Animated JavaScript Accordion）

  • Oct262008
  • Vote:
    http://bizcaz.com/archives/2008/10/26-192735.php
  • Categories: JavaScript
  • Tags:
  • Social Bookmark

こんばんわ^^

久しぶりに JavaScript のコードを解析して、実装してはテストを繰り返したのですが、改めて感じたことは Firefox ってホント遅いのねってことです。
Firefox3 になってもやっぱり Safari や Chrome と比べると格段に遅かったです。

でも、将来の Firefox のアルファバージョンと言われる、Minefield( マインフィールドであってる!? )というブラウザを少し使わせてもらったのですが、こちらは JavaScript の処理能力が格段によくなってました。
比較はしてないけど Safari、Chrome と同等くらい早かったです。スムーズに表示されます。

共存はできるそうですが、既にインストール済みの Firefox アドオンがそのまま Minefield でも一部使用されてしまいます。
まだベータにもなってないアルファ版なので、インストールする人は気をつけてくださいね。

さて、prototype や jQuery などといった JavaScript フレームワークに依存せずアコーディオンのようなエフェクトを使ってサイドバーの折りたたみをやってみました。

READ MORE

 テーブルからグラフを生成する JavaScript ライブラリ（Bluff）

  • Sep222008
  • Vote:
    http://bizcaz.com/archives/2008/09/22-220643.php
  • Categories: JavaScript
  • Tags:
  • Social Bookmark

こんばんわ^^

MOONGIFT さんとこで、テーブルからグラフを生成できる JavaScript ってのが紹介されてたのでやってみました。

実際には CANVAS が使われてます。
以前ご紹介した パイ・チャートを表示してみる（amCharts）ではフラッシュを使ってパイ・チャートを表示することができました。
それに比べると見劣りしますが、テーブルの内容を読み取って JavaScript で折れ線グラフを表示させるものなので、Ajax を使って動的にテーブルを出力するようにすればいろんなデータ表示ができそうなかんじです (●´∀｀●)

まぁそこら辺は次回ということで、今回は Bluff の使い方のご紹介です。

READ MORE

 Movable Type のコメント／トラックバック一覧をツリー表示

こんばんわ^^

わたしのサイトではコメント一覧、トラックバック一覧を 1 つのコミュニケーションという枠でツリー表示してます。
訪問者さんのご質問で、Movable Type 以外のブログシステムでも同じことができないか･･･とのことだったので、できるかどうかはともかく、ツリー表示しているスクリプトの説明をしてみますね。

Movable Type 以外ではやったことないので断言はできないのですが、たぶんコメントの一覧表示やトラックバックの一覧表示を行うタグがあると思うので、それに合わせて置き換えればできるのではないかと思われまする (●´∀｀●)

READ MORE