blog

MT5で「ダイナミックパブリッシングエラー」のテンプレートが読み込まれない場合の対処法

2010-03-13T17:34:38Z

MT5でダイナミックパブリッシング使用時のエラーの際に「ダイナミックパブリッシングエラー」のテンプレートが読み込まれなくなった。
ソースをみてわかった、その解決策。

原因はおそらくtrigger_error()でエラーを呼び出した時のエラーハンドラの設定ができていないことではないかと思います。
mt.phpのソースにはerror_handler()というメソッドが用意されているのに、なぜかこれが呼ばれない。

だったらこのerror_handler()が呼び出されるようにすればいいじゃん。ということで、以下のようなコードをmtview.phpに追加すればよいのです。
追加するのはMT::get_instanceの後、$mt->view()の前です。

set_error_handler(array(&$mt, 'error_handler'));

つぶやき（ツイート）をタグクラウドにする。それだけのサイト「twicloud」

2010-02-15T16:22:57Z

Twitterでのつぶやき（ツイート）を分解してタグクラウドにするという、twicloudというサイトを作りました。
本当はもう少し作り込んでから公開しようと思っていたのですが、なぜかGoogleにインデックスされてしまって、アクセス数が増えてきたので公開してみました。

本当につぶやいた内容をタグクラウドにするだけなのですが、Twitterでの評判（のようなもの）をみていると、好意的な意見が多くとてもうれしいです。

ちなみに自分のタグクラウドはこちら。http://twicloud.com/users/kotarochiba
http://twicloud.com/users/の後にtwitterのアカウント名を入れればそのアカウントのタグクラウドが表示されます。

今後はもっと解析の精度を高められるようにしていけたらと思います。

親子関係改善「Include」プラグイン

2010-02-14T12:55:51Z

MTInclude/MTWidgetSet（MTWidgetManager）タグでモジュール等をインクルードした際に、自身のブログにモジュールがない場合、ウェブサイトのモジュールを探しにいってくれるようにMTInclude/MTWidgetSetを上書きしてみました。
（2月6日にシックス・アパートで行われたハッカソンで作ったプラグインです。）

もちろん、ウェブサイトにモジュールがなければグローバルテンプレートを探しにいき、そこにもなければエラーになります。

プラグインについて

MTInclude/MTWidgetSet(MTWidgetManager)を使用した際にテンプレートをブログ・ウェブサイト・グローバルテンプレートの順番で探しにくプラグインです。
また、テンプレート編集画面の「インクルードテンプレート」欄に出てくるモジュールへのリンクもウェブサイトのモジュールへリンクするようになっています。

使用可能なタグ・モディファイア

機能を上書きしているのでMTInclude/MTWidgetSet(MTWidgetManager)がそのまま使えます。
モディファイアもそのまま同じものが使えます。

ダウンロード

OptimizeParent.zip

インストール

解凍してできたOptimizeParentフォルダを/path/to/mt/plugins内にそのままアップロードしてください。
正しくアップロードできていればシステム・メニューのプラグイン設定画面に「Include」プラグインの項目が表示されます。

動作環境

Movable Type 5.0以上

Google Page Trackerプラグインをアップデートしました

2010-02-11T15:23:03Z

Google Page Trackerをアップデートしました。
今回のアップデートでは以下のバグを修正しています。

アイテム編集画面で保存できないバグの修正

OptionalActionStreamsプラグイン

2010-02-05T11:00:00Z

ActionStreamsにいろいろなサービスを追加できるプラグイン「OptionalActionStreams」を作りました。
実際の動作は、chibatch.jpのトップページで確認できます。

今後も面白そうなサービス（あと自分でも作れそうなもの）があったら随時追加していく予定です。

ダウンロード

OptionalActionStreams.zip

インストール

解凍してできたOptionalActionStreamsフォルダを /path/to/mt 内にそのままアップロードしてください。
ユーザー情報の編集画面の「利用サービス」から「プロフィールの追加」をクリックし、プロフィールの追加をしてください。

foursquare

プロフィールサービスとして「foursquare」が使用可能になります。
アクションストリームはcheck-in・shoutで表示内容を少し変えています。

登録するアカウントにはprivate tokenを使用します。private tokenはログインした状態でhttp://foursquare.com/feeds/へアクセスすると表示されているRSSに含まれています。

check-in時の表示: Kotaro Chiba checked in @ 六本木駅
shout時の表示: Kotaro Chiba shouted "シャウト！"

foursquare

NIKE RUNNING CLUB

プロフィールサービスとして「NIKE RUNNING」が使用可能になります。
アクションストリームは何も表示されず、<mt:OtherProfiles>内でNIKE RUNNINGのアカウントへのリンクのみ対応しています。

NIKE RUNNING

blippy

クレジットカードでの買い物を共有するサービス「blippy」のプロフィールが使用可能になります。
アクションストリームには「どこでいくら使用したか」が表示されます。

表示例: Kotaro Chiba spent ¥0 at iTunes

blippy

Photomemo

プロフィールサービスとして「Photomemo」が使用可能になります。
アクションストリームでは投稿した画像のサムネイルを表示することも可能です。

Photomemo

ピュアCSSでApple風デザインのアコーディオン型ナビゲーションを作ってみる

2009-11-21T11:14:37Z

なんて呼べばよいのかわからないんですが、「Apple風デザインのアコーディオン型ナビゲーション」と紹介されているものをピュアCSSで作ってみたので公開してみます。
Create an apple style menu and improve it via jQueryで紹介されているKwicks Menu with jQueryみたいなナビゲーションです。
webkit（Safari/Chrome）でしか動きを確認していないので、SafariかChromeで見てください。

HTMLソース

<ol>タグを使用しています。

<ol>
<li class="home"><a href="#">Home</a></li>
<li class="contact"><a href="#">Contact</a></li>
<li class="downloads"><a href="#">Downloads</a></li>
<li class="search"><a href="#">Search</a></li>
</ol>

CSSソース

ol {
  /* reset */
  margin: 0 0 1.62em;
  padding: 0;
  /* text */
  font-family: "Myeiad Pro", "arial", sans-serif;
  /* css3 transition */
  -webkit-transition-property: width,background-color;
  -webkit-transition-duration: .3s;
  -webkit-transition-timing-function: easing;
  /* clearfix */
  overflow: hidden;
}

<ol>の指定です。marginやpaddingをリセットやclearfixの指定をした後に、CSS3のtransitionでアニメーションの指定をします。。

ol li {
  list-style: none;
  width: 114px;
  height: 40px;
  line-height: 40px;
  float: left;
  background: -webkit-gradient(linear, left top, left bottom, from(#d7d7d7), to(#a6a6a6));
  border-right: 2px ridge #cdcdcd;
  border-left: 1px solid #cdcdcd;
  -webkit-transition-property: width,background;
  -webkit-transition-duration: .3s;
  -webkit-transition-timing-function: easing;
  overflow: hidden;
}

ol li:first-child {
  width: 116px;
  border-left: none;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
}

ol li:last-child {
  width: 115px;
  border-right: none;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
}

<li>の指定です。CSS3でアニメーションの指定と背景色をグラデーションにしています。

ol li a {
  display: block;
  padding-left: 20px;
  background-position: 120px center;
  background-repeat: no-repeat;
  text-decoration: none;
  color :#444;
  text-shadow: 0 1px 0 #dedede;
}
ol li.home a      {background-image: url(house.png);}
ol li.contact a   {background-image: url(mobile.png);}
ol li.downloads a {background-image: url(box.png);}
ol li.search a    {background-image: url(earth.png);}

<a>の指定です。

ol:hover li {
  width: 100px;
}

ol li:hover {
  width: 161px;
  background: -webkit-gradient(linear, left top, left bottom, from(#a4a4a4), to(#7e7e7e));
}

ol li:hover a {
  color: #FFF;
  text-shadow: 0 -1px #909090;
  background-color: transparent !important;
}

それぞれの要素にマウスオーバーしたときの指定です。CSS3のtransitionでアニメーションの指定をしているためなめらかに動きが変化します。

Google Analyticsで外部リンクトラッキングのためのコードを挿入するプラグイン

2009-11-08T12:29:08Z

Google Aalyticsで外部へのリンクを計測するために使うpageTracker._trackPageview()という関数をアイテムの挿入時に簡単に設定することができるようになるプラグインです。
いちいちソースに書くのが面倒だったので作りました。

ついでにアイテム一覧ページに「アーカイブ」というクイックフィルタも追加されます。

※MT5RC1でしか動作確認できていません（していません）

ダウンロード

GooglePageTracker.zip（バージョン1.2）

プラグインについて

インストールすると、アイテム挿入のオプション画面に「Google Analytics用トラッキングコードを挿入する」という項目が追加されます。
この項目にチェックをし保存をすることで、pageTracker._trackPageview()関数にアイテムのURLが設定された状態の<a>要素を生成することができます。
※拡張子がzip/lzh/gz/rarの場合のみです。

インストール後の画面

このプラグインをインストールすると、以下の画面に「Google Analytics用トラッキングコードを挿入する」という項目が追加されるようになります。

アイテムの編集画面

アイテムのアップロード画面

生成されるコード

「Google Analytics用トラッキングコードを挿入する」にチェックをいれ保存すると、以下のようなコードが生成されます。
pageTracker._trackPageview()内にはアップロードしたアイテムのURLが入ります。

<a onclick="javascript:pageTracker._trackPageview('http://blog.chibatch.jp/static/scripts/GooglePageTracker.zip');" href="http://blog.chibatch.jp/static/scripts/GooglePageTracker.zip">GooglePageTracker.zip</a>

「アーカイブ」クイックフィルタ

このプラグインをインストールするとアイテム一覧に「アーカイブ」という項目が追加され、以下の拡張子の付いたファイルを絞り込んで表示できるようになります。

$_GETの値を表示するプラグイン「GetRequestVar」

2009-11-01T04:50:02Z

ダイナミックパブリッシング時にGETのパラメーターを表示するプラグインです。
すでに同じものがあるのかもしれませんが、見つけることができなかったのと練習用に作ったので公開します。

GetRequestVar 1.0

インストール

解凍してできた「MTGetRequestVar」フォルダをMovable Typeの「plugins」ディレクトリにアップロードしてください。

プラグインの利用方法

このプラグインをインストールすると「MTGetRequestVar」というタグが使えるようになります。

<$MTGetRequestVar name="***"$>

<$MTGetRequestVar$>: ダイナミックパブリッシング用のテンプレートでのみ有効です。
name="*": 取得したいGETのパラメータを指定します。

利用例

http://example.com?foo=barというURLの「bar」をテンプレート内で使用したい場合は以下のようにタグを書きます。

<$MTGetRequestVar name="foo"$>

注意事項

このプラグインはPHPでいえばecho $_GET['***'];としているだけなので、表示させる場合にはencode_html="1"などを行ったうえで表示するよう気をつけてください。

CSS3を使ったボタンデザイン

2009-10-04T14:34:38Z

CSS3の「これは！」という機能を紹介するエントリーの第2回。CSS3で作るボタンデザインを紹介します。
前回は画像を使わずに角丸を作るborder-radiusというプロパティの紹介だったのですが、ただの仕様書の写しのようになってしまいました...。前回の反省も踏まえて、今回はサンプル付きで紹介したいと思います。

Button Design Showcaseというエントリーのなかから、CSS3で作れそうなボタンのデザインをいくつかピックアップしました。
※サンプルはFirefox3.5～、Webkitでしか確認していません。

かっこいいボタンがいくつもあったのですが、CSS3の新機能を紹介できそうなボタンのデザインとして以下の3つを選びました。

アップル風のボタン
透過pngのグラデーションを使ったボタン
RGBaを使った透過のボタン

基本のボタン

サンプルで使ったボタンのHTMLソース。
本当にシンプルな<button>だけのソースです。

<button>CSS3 Button Design</button>

アップル風のボタン

まずはアップル風のボタン。アップル風といっても僕の中でのイメージなだけですなんですが、上の画像のようなボタンをCSSで作ってみます。

アップル風のボタンを作るために使ったプロパティは「box-shadow」。それと背景画像には黒40％→透明の透過pngを使いました。

デモページ

ソース

button {
  /* <button>のスタイルをリセット */
  font-family: Verdana;
  font-weight: bold;
  border: none;

  /* <button> */
  padding: .5em 1em;
  cursor: pointer;
  color: #000;
  background-color: #FFF;
  background-image: url(/path/to/background-image);
  background-position: center center;
  background-repeat: repeat-x;

  /* CSS3! */
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-box-shadow: 0 0 8px #00bbff;
  -moz-box-shadow: 0 0 8px #00bbff;
}

アップル風のボタンで使用した背景画像をダウンロード

透過pngのグラデーションを使ったボタン

透過pngのグラデーションを使ったボタンのサンプル。
3ping.orgのCSSの実装状況で変わるボックスのデザイン方法にあるサンプルのように白→透明のグラデーションの透過pngを背景に使っています。
サンプルで使ったプロパティはbox-shadowとtext-shadow（CSS2）の2つと透過pngの背景画像です。ソースでは背景色の指定を左側のボタンのものにしていますが、透過pngを使っているので、好きな色を指定できます。

デモページ

ソース

.sample button {
  /* <button>のスタイルをリセット */
  font-family: Verdana;
  font-weight: bold;
  border: none;

  /* <button> */
  padding: .5em 1em;
  cursor: pointer;
  color: #FFF;
  background-color: #a80c21;
  background-image: url(/path/to/background-image);
  background-position: center center;
  background-repeat: repeat-x;

  /* CSS2/3! */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -moz-box-shadow: 0 2px 2px #666;
  -webkit-box-shadow: 0 2px 2px #666;
  text-shadow: -1px -1px 0 #333;
}

グラデーションがきれいなボタンで使った背景画像をダウンロード

RGBaを使った透過のボタン

RGBaを使って背景色を透過にしたボタンのサンプル。
CSS3では背景色にRGBaの値を指定することができるようになります。。RGBは今までどおりのRGBの値（16進数ではなく0～255）を指定し、aの部分には透明度（0～1）を指定します。

背景色だけを透過にできるという点がopacityプロパティと違います。

デモページ

ソース

.sample button {
  /* <button>のスタイルをリセット */
  font-family: Verdana;
  font-weight: bold;
  border: none;

  /* <button> */
  padding: .5em 1em;
  cursor: pointer;
  color: #FFF;
  background-color: rgba(0,0,0,0.7);
  background-image: url(/path/to/background-image);
  background-position: center center;
  background-repeat: repeat-x;
  /* CSS2/3! */
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -moz-box-shadow: 0 2px 4px #000;
  -webkit-box-shadow: 0 2px 4px #000;
}

透過のボタンで使った背景画像をダウンロード

今回のサンプルを作っていて思ったのですが、CSS3が主要ブラウザで使えるようになればスライスの手間はかなり減りますが、透過pngのグラデーションの部分が結構手間だな...都思いました。
デザイン通りのグラデーションを作るっていうのは大変ですが、スライスする手間に比べたら全然簡単ですよね！
デザイナーさんにフォント・縦が可変のグラデーション部分だけ作ってくれって言って作ってくれたら一番良いんだけどさ。

XHTMLをHTMLに変換するプラグイン

2009-09-30T10:43:49Z

XHTMLをHTMLに変換するモディファイアを追加するプラグインです。
変換の方法などいろいろと不備はあるかもしれませんが、せっかくなので公開してみます。

XHTML2HTMLプラグインについて

XHTML2HTMLプラグインは記事に書かれているXML形式の要素（<br />・<img />など）をHTML形式（<br>・<img>など）に変換するというだけのプラグインです。（ダイナミックパブリッシング対応）

HTML5のFAQ（日本語訳）に書いてあったのですが、空要素のスラッシュを消さなくてもよいみたいです。XHTML1からHTML5への移行を簡単にするということが理由のようです。

xhtml2htmlプラグインの用途

XML形式をHTML形式に変換する。（HTML5では空要素をスラッシュで閉じても良いみたいです。）
携帯サイトをHTMLで組む場合に便利かも知れません。

ダウンロード

以下のリンクからプラグインをダウンロードしてください。

xhtml2html.zip

インストール

ダウンロードしたファイルを解凍すると、xhtml2htmlというフォルダができます。
フォルダができたのが確認できたら、MTをインストールしているフォルダの中にあるpluginsフォルダの中にアップロードします。
これでインストールは完了です。

システムメニューのプラグインにXHTML2HTMLと表示されているのが確認できると思います。

使い方

XML形式からHTML形式に変換したいMTタグにxhtml2html="1"というモディファイアを追記します。
たとえば<mt:entrybody>をHTML形式に変換したい場合は以下のようになります。

<mt:entrybody xhtml2html="1">

CSSだけで角丸を表現する「border-radius」

2009-09-07T16:48:14Z

ブログのデザインを変えたついでに一部のブラウザにしか対応していないCSSのプロパティを使ってみました。
対応しているブラウザと対応していないブラウザでは見た目が少し違ってしまうところもありますが、文章メインのサイトであることと個人のサイトであるということから、その点は割り切って使うようにしました。

このエントリーから何回かに分けて今回のデザイン変更で使ったプロパティの中で「これは！」というものをサンプルを交えつつ紹介したいと思います。

（対応ブラウザの情報はわかる範囲で記述していますが、間違いや不足があれば指摘していただけると助かります。）

border-radius

まず最初はborder-radiusの紹介。
画像を使わずに角丸を表現することができるプロパティです。
Safari・Google Chrome・Firefox3.05～で先行実装されています。

このサイトで使っている箇所。左が対応ブラウザ、右が未対応ブラウザでの見た目

今まで画像やJavaScriptを使って表現していた角丸をCSSの指定だけで表現することができるようになり、かなり便利です。スライスをするためにPhotoshopのレイヤーを消したり出したりしながらスライスをしなくてもよくなる、ということだけでもかなりの時間短縮になります。
そのうち紹介しようと思っているbox-shadowと合わせて使うことでドロップシャドウのついた角丸のボックスもCSSだけで表現できるようになります。

現時点ではベンダープリフィックスをつけて使用しなければならないのですが、先行実装ということでFirefoxとWebKitでプロパティの指定が微妙に異なります。

WebKit（Safari/Google Chrome）の場合

WebKitはW3Cの草案に記載されているものに対応しています。楕円の指定も可能です。
使用する際にはWebKitのベンダープリフィックス「-webkit-」をつける必要があります。

border-radius: <length> <length>?: 一括で4つの角の半径を指定。半径を2つ指定した場合、最初の数値が水平方向、2個目の数値が垂直方向の半径になります。
border-top-right-radius: <length> <length>?: 右上の半径を指定。
border-top-left-radius: <length> <length>?: 左上の半径を指定
border-bottom-right-radius: <length> <length>?: 右下の半径を指定。
border-bottom-left-radius: <length> <length>?: 左下の半径を指定。

Firefoxの場合

Firefoxの場合はMozillaの独自拡張が含まれるため、プロパティの命名規則がWebKitのものと異なります。Firefox3.5で確認したところ楕円の指定もできました。
使用する際にはMozillaのベンダープリフィックス「-moz-」をつける必要があります。

-moz-border-radius: <length>{1,4}: 一括指定。
[2値の場合]最初が左上・右下、次が右上・左下の半径になります。
[3値の場合]左上、右上・左下、右下の順
[4値の場合]左上、右上、右下、左下の順
-moz-border-radius-topright: <length> <length>?: 右上の半径を指定。
-moz-border-radius-topleft: <length> <length>?: 左上の半径を指定。
-moz-border-radius-bottomright: <length> <length>?: 右下の半径を指定。
-moz-border-radius-bottomleft: <length> <length>?: 左下の半径を指定。

業務で使うにはまだ少し早い気もしますが、かなり便利なプロパティです。繰り返しになりますが、スライスの時間が短縮されるというだけでもありがたい。
早くborder-radiusが当たり前に使える世の中になってほしいものです。

Feed Burnerのマイブランドを使ってYahooに振り向いてもらう

2009-07-04T09:33:37Z

FeedBurnerを使ってRSSを配信しているとYahoo!のブログ検索にインデックスされなくなるという話があります。
RSSを配信するドメインとブログのドメインが違うというのが原因らしいですが、それでは困ります。

ということは、FeedBurnerで配信しているRSSをブログと同じドメインで配信できるようにすれば解決するのでしょうか？
FeedBurnerのマイブランド機能を使うことでFeedBurnerのRSSを独自ドメインで配信するよということができるようです。マイブランド機能を使ってもYahoo!ブログ検索にインデックスされるかどうかはわかりませんが、独自ドメインで配信するほうが気持ちがよいのでマイブランド機能の設定してみました。

以下FeedBurnerのマイブランド機能を使ってfeeds.chibatch.jpというドメインでRSSを配信するまでの作業メモです。

FeedBurnerのマイブランド機能

順を追って簡単に書くとこのような手順になります。

FeedBurnerにログインし、画面右上のマイアカウントをクリックし移動。
画面左の「マイブランド」をクリック
DNSのCNAME設定を変更する（feedsで配信するための設定例が書かれています。）
RSSを配信する予定のドメイン名を入力
保存

Value DomainでCNAME設定を変更する

Value DomainでCNAMEの変更をするにはFeedBurnerのCNAME変更例をそのまま使ってもエラーになるので、設定例を以下のように変更する必要があります。

変更点

FeedBurnerに記載されているCNAME設定例をValue Domain用に変更します。
変更する箇所は2箇所。

CNAMEとfeedsの順番を逆にする
CNAMEを小文字（cname）に変更する

変更後の設定例

Value Domain用に設定を変更するとこのようになります。

cname feeds 1dffp10.feedproxy.ghs.google.com.

PEAR::Net_URL_Mapperでルーティング

2009-06-24T17:42:01Z

CakePHPとかZend Frameworkとか、最近のフレームワークには標準で付いてくるURLのルーティング機能を自作のフレームワークに実装したい。

探してみるとPEARのNet_URL_Mapperというとても便利なライブラリがありました。PHP5でしか使えないみたいです。

2年前のバージョン0.9.0が最新という点が少し気になりましたが、あまり問題なさそうです
基本的な使い方は、PEAR::Net_URL_MapperでURLルーティングを制御するやURLルーティングを作る - part one : PEAR::Net_URL_Mapperに書かれています。

ダウンロード

まずはPEAR - PHP Extension and Application RepositoryのNet_URL_Mapperからダウンロードして、適当なフォルダに解凍。
コマンド叩いてインストールとか出来ればとても楽ですが、わからない時は直接ファイルをダウンロードして、解凍しても使えます。（ダウンロードできるファイルはtgzなので、tgzを解凍できるソフトは別途必要になります）

基本的な使い方

$router = Net_URL_Mapper::getInstance();
$router->connect('/:controller/:action');
var_dump($router->match($path));

$pathには$_SERVER['REQUEST_URI']などから作ったパスの情報が入ります。
例えばこの記事で言ったらphp/pear-net-url-mapperになりますでしょうか。

実行結果はこんな。

array(2) {
  ["controller"]=>
  string(3) "php"
  ["action"]=>
  string(19) "per-net-url-mapper"
}

これを元にコントローラとアクションを指定してやれば、Zendっぽいルーティングとかも簡単にできちゃいます。
より詳細な使い方は、PEAR::Net_URL_MapperでURLルーティングを制御するやURLルーティングを作る - part one : PEAR::Net_URL_Mapperにてわかりやすく説明されているので、そちらを参照ください。

Zend Frameworkっぽいルーティング

ただ、これだけだと個人的に面白くないので、ZendっぽいルーティングをNet_URL_Mapperを使って実装してみようと思います。
じゃーZend使えばと言われてしまうと、おっしゃる通りですとなってしまうので、それは言わないでおいてください。

Zendっぽいルーティングっていうのは、Zend Framework: Documentに書かれいている「デフォルトのルート」ってやつです。
いろいろ面倒なので、今回の例ではモジュールはなしで。

$router = Net_URL_Mapper::getInstance();
$default = array(
  "controller" => "index",
  "action"   => "index",
  "params"   => ""
);
$router->connect(':controller',$defualt);

$router->connect(':controller/:action',$defualt);
$router->connect(':controller/:action/*params',$defualt);

$match = $router->match($path);
$className  = $match['controller'] . 'Controller';
$actionName = $match['action'] . 'Action';

$controller = new $className();
$controller->$actionName($match['params']);

connectメソッドは複数定義できるので、複数定義してしまいます。
ルーティングを複数定義した場合は上から順番にマッチしているかどうか確認されるみたいです。

これをこのブログにあてはめてみようと思います。

http://blog.chibatch.jp/の場合

//$parh = "";
var_dump($router->match($path));

array(3) {
  ["controller"]=>
  string(5) "index"
  ["action"]=>
  string(5) "index"
  ["params"]=>
  string(0) ""
}

こういう結果になるので、indexControllerのindexActionメソッドが実行されます。

http://blog.chibatch.jp/phpの場合

// $path = "php";
var_dump($router->match($path));

array(3) {
  ["controller"]=>
  string(3) "php"
  ["action"]=>
  string(5) "index"
  ["params"]=>
  string(0) ""

phpControllerのindexActionが実行される。

http://blog.chibatch.jp/php/pear-net-url-mapperの場合

// $path = "php/pear-net-url-mapper

var_dump($router->match($path));

array(3) {
  ["controller"]=>
  strng(3) "php"
  ["action"]=>
  string(19) "pear-net-url-mapper"
  ["params"]=>
  string(0) ""
}

phpControllerのpear-net-url-mapperActionが実行されます。

http://blog.chibatch.jp/php/pear-net-url-mapper/commentの場合

// $path = "php/pear-net-url-mapper/comment";
var_dump($router->match($path));

array(3) {
  ["controller"]=>
  strng(3) "php"
  ["action"]=>
  string(19) "pear-net-url-mapper"
  ["params"]=>
  string(7) "comment"
}

phpControllerのpear-net-url-mapperActionに変数commentが渡される感じです。

ざっと書いてみました。（最後の例とか間違っているかも知れません）。
Net_URL_Mapperはとても便利に使えるライブラリです。

Zend FrameworkもPHP5でしか使えないし、もうPHP4とかいいじゃんと思うんですがまだ残っている以上仕方ないのでしょうか...。
やっぱりPHP4にも対応できるように作った方がよいのかな。みんなはどうしてるんでしょうか

CSS・JSを圧縮・軽量化してくれる「csszip.php」

2009-06-19T14:39:11Z

GooleのPage Speedで「Expiresヘッダをつけろ」とか「gzip圧縮しろ」という指示がありました。
Gzip圧縮は静的にgzip圧縮したファイルを作ってしまえば問題ないんですが、Expiresヘッダをつけるにはいろいろ面倒くさそうです。
Apacheのmod_expiresが使えればいいのですが、レンタルサーバでは使えないところもあります（CORE SERVERでは使えません）

だったらPHPとmod_rewriteを使ってJSとCSSをgzipしつつExpiresヘッダもつけちゃうぞ、みたいなスクリプトを書いてやろう（結構簡単なので）と思ったんですが、PHPSPOT開発日誌にてほぼ同じスクリプトが紹介されていました...

ただ、セキュリティ的にいろいろありそうなので、やっぱり自分専用にそういうスクリプトを書こう。別にファイル名をハードコーディングしたっていいや。

jQueryだけを使って右クリックを禁止する

2009-06-19T00:06:37Z

画像などを右クリックから保存することができないようにするjQueryのプラグインが右クリックなどの画像ダウンロードを防止するjQueryプラグインで紹介されていたので、自分も書いてみようと思う。

ブラウザの画面上で右クリックを禁止するためには、禁止したい画像などにoncontextmenu="return false;"と書けばよいのですが、全部の画像に書いているととても面倒なので、この部分をjQueyを使って実装してみるという方法。
ドラッグとか、画像のURLに直接アクセスして保存されたらもうどうしようもないですが、ある程度だったら防げるかなと思います。

bind()を使う

右クリックを禁止するためにjQueryのbind()という関数を使います。
一番単純な例だとこのようになります。

$(document).ready(function(){
  $(document).bind("contextmenu",function(event){
    return false;
  });
});

画像だけでなく<div>などにも適用できます。

MTでアップロードした画像にだけ適用

jQueryを使っているということは、少しコードを変えるだけで特定のクラスに対して右クリック禁止ということもできます。
試しにspan.mt-enclosure-imageの中の画像に対してだけ右クリックを禁止してみます。

サンプル（MTからアップロードした画像）

$(document).ready(function(){
  $(".mt-enclosure-image img").bind("contextmenu",function(event){
    return false;
  });
});

bind()、かなり便利なのでアイデアを思いつき次第書いていこうと思います。