blog:ponpon-village.net » Web

パーマリンクを維持したままMT5.13からWordPress3.3.2へ移行

daikisan — Fri, 27 Apr 2012 16:43:52 +0000

MovableTypeがちょっと使いにくくなってきたと感じたので、

WordPressに移行することにしました。

そして出来ればパーマリンクを維持したままで移行したい！

やってみたら、わりと簡単だったので紹介しておきます。

１．MTの記事をエクスポート

MTの「ツール」→「記事のエクスポート」を実行します。

２．WordPressのインストール

普通にインストールします。

私の場合は、サーバーはロリポップなので、

ロリポップでのインストール手順の通りにインストールしました。

３．記事のインポート

WordPressの「ツール」→「インポート」→「Movable Type and TypePad」で記事をインポートします。

４．パーマリンクをカスタムする

WordPressの「設定」→「パーマリンク設定」と進み、共通設定のカスタム構造を選択します。

ここで、私の場合はMTでのパーマリンクが

/archives/年/月日-時分.php

という構造だったので

/archives/%year%/%monthnum%%day%-%hour%%minute%.php

と記述しました。

以上で、パーマリンクを維持することが出来ました！・・・

しかし、この設定だとコメント欄が表示されず、それならコメントの代用はTwitterやFacebookでいいやと思ってプラグインをインストールしたけど、それらもなにも表示されませんでした。

調べたところ、WordPressでは、年月日時分では記事が一意とみなされず、

年月日時分秒や記事IDを使用すれば表示されるということでした。

そういうわけで、試しに以下の設定にして年月日時分秒となるようにしてみました。

/archives/%year%/%monthnum%%day%-%hour%%minute%%second%.php

すると、コメント欄もいいねボタンも表示されるようになりました。

しかし、それだと以前とパーマリンクが変わってしまうので、

どうすっかな〜と困ったあげく、.htaccessに

ErrorDocument 404 http://ponpon-village.net/blog/

って書くことにしました。

結局、パーマリンクの維持は出来ず、前のURLでアクセスしてきたら、

ブログのトップにリダイレクトするようにしたのでした。

mixiSync

daikisan — Mon, 13 Oct 2008 12:31:40 +0000

mixiSync for MT4を使ってみることにしました。
mixiSyncというのは、MT（Movable Type）のプラグインで、
MTとMixiを一緒に更新できちゃうようになるみたいだ。
ブログとmixiの両方を持ってる人って
結構いると思うのだけど、
まぁ、自分もそのひとりなんだけど、
両方に記事を書く方が見てもらいやすいのだけど、
全く同じことを書くのもちょっと微妙な気がするし、
mixiには日記に、外部のブログを参照することもできるんだけど、
日記のリンクをクリックすると、そのブログに飛んでしまって、
コメントもそのブログに書くことになるんだよね。
mixiから外部のブログに飛ぶのは、なんだかな〜
と思ってるし、あっちもこっちも更新するのもな〜
というかんじだったので、試してみることにしてみた。
Movable Type4の場合は、mixiSync for MT4を使うことになるのだけど、
うちのブログはMT4.1だったので、
mixiSync for MT4のMT4.1以降対応版が必要でした。
で、あとはちょっと設定して、どうなるのかな〜ってことで、
試してみる。

MTのトラックバック／コメントスパムを防ぐ対策

daikisan — Wed, 14 Mar 2007 15:30:39 +0000

最近は、トラックバックやコメントのスパムがやたらと多くて
日々削除するだけでも結構大変だ。
MTではトラックバックやコメントのスパムを
ブロックしてくれる機能が付いているのだが、
それは実際にはデータベースに登録されていて
表示するのを一旦止めているというような状態だ。
そうなると、ほっとくとどんどんたまっていくわけさ。
それを削除するのも結構面倒。
たまにブロックされないものもあるし。
そんなわけで、２つの対策を試した。

１つ目は、トラックバックやコメントのCGIの名前を変更するという対策。
mt-tb.cgi を mt-tb2.cgi に、
mt-comments.cgi を mt-comments2.cgi というようにファイル名を変更し、
mt-config.cgi 中の CommentScript と TrackbackScript のファイル名の箇所を
そのファイル名に変更すればＯＫだ。
サーバにアップロードしたらブログを再構築。
これには結構効果があって、トラックバックスパムはさっぱり来なくなった。
トラックバックの URI がスパム送信用のツールに登録されてたってことなんだろうな～。
だが、コメントスパムは、数はかなり減ったものの、
サイトに直接入力されれば防げない。
そんなわけで、２つ目の対策。
「日本語を含まないコメントテキストのブロックプラグイン」を導入してみた。
これは、日本語を含まないコメントが投稿された場合、
コメントが成功したフリをするというものということです。
これが効果テキメン！
さっぱりコメントスパムが来なくなりました。
めでたし、めでたし。

AjaxとWindowsの微妙な関係

daikisan — Thu, 27 Apr 2006 13:31:57 +0000

久々、Ajaxネタ。
なんだか意味深（？）なタイトルだけど・・・
IEでAjaxを実践する時に、

var xmlhttp = new ActiveXObject(“Microsoft.XMLDOM”);

とかするわけなんだけど、
良かれと思って、
Msxml2.XMLHTTP.5.0 や Msxml2.XMLHTTP.4.0 など、
ちょっとバージョンの違うものがインストールされてる環境でも
使えるようしてました。
しかし・・・

たしか、２ヶ月前くらいまでは問題なかったんですけどね、
先日、ふと自分のサイトをいろいろ見てたら
動かないところがあるんですよ～！！！
それは、Ajaxlstを実践してたところで、
調べたところ、バージョンが違うっていうエラーが出てるんですね。
まぁ、心当たりはあったので、すぐに
Msxml2.XMLHTTP.5.0 や Msxml2.XMLHTTP.4.0 ではなく、
Msxml2.XMLHTTP や Microsoft.XMLHTTP を優先して使うように変更しました。
それで、一応、サイト自体は事なきを得たわけですが、
なぜそうなったかを考えると、Windows Update しか思いつかない。
特に、IEのパッチとかだと、こっそり変更されてたり、
あるいは修正を加えた別の箇所の影響でおかしくなってたりするのかもしれない。
とりあえず、Windows Update したら、Ajax を使ってるサイトは動作確認したほうがいいと思う。

コメントスパムの対策をしてみた

daikisan — Thu, 19 Jan 2006 13:20:34 +0000

昨年末あたりから、やたらとコメントスパムの被害にあっていた。
最初は、２～３コメント程度が１日にあるか無いかくらいだったので、
こまめにメンテナンスすればいいかなくらいに思っていた。
今年になってからは、毎日、多い日には１００件くらいのコメントスパムが
来るようになり、さすがに嫌気がさしてきて、
コメントスパムへの対策を練ることにした。

そこで思い浮かんだのが、「CAPTCHA」だ。
（Completely Automated Public Turing Test to Tell Computers and Humans Apart の略）
キャプチャと読むようだ。
簡単に説明すると、
「人には容易だが、コンピュータにとっては困難な入力を要求する」のだ。
絵を見て連想する言葉を入力するとか。
下の図は、Yahoo! でユーザ登録時に表示される Captcha である。

Google でも使われているらしい。
また、TypePad でも使用されていた。
私は、私のブログに気軽にコメントを寄せられるようにする為、
メールアドレスやURLは必須入力にしていないし、今後も当面は必須にするつもりはない。
投稿されたコメントも、私の確認無しで反映されるようにしてある。
ま、そういうわけで、スパムの標的となっちゃったわけだけど、
毎回アクセスして手入力しているならまだしも、
ボットで投稿してくるのでさすがに腹が立つ。
ならば、ボットで投稿出来ないようにしてしまえ！というわけです。
Captcha で検索するといろいろ出ますよ。
しかし、急ぎ対応したい状況であった為、日本語の、参考になりそうなサイトを探しました。
で、参考にしたのが、
ginzi.com/blogさんの
コメントスパム対策にセキュリティーコード｢MT-SCode｣を付けてみた！ｗ
と
小粋空間さんの
MT-SCode プラグインによるコメントスパム対策（その1）
です。
解説を書き出すと長くなりそうなので、次回にします。
急ぎの方は上記サイトを参考にしてください。
で、効果の程はというと・・・
コメントスパムが来なくなりました～！！！
なんとすばらしい。
しかし、Yahoo! などのように、グニャ～と曲がった文字が表示されたほうが
かっこいいような気がするので、研究してみようかなと思ったりした。
今年の目標のひとつにしてみよう。
その他、Captcha について参考になりそうなサイトを備忘録がてら記載しておく。
.NET とAIでスパムボットに対抗する（1）
The CAPTCHA Project.
Captcha – Wikipedia

Google PC

daikisan — Mon, 09 Jan 2006 13:03:57 +0000

Google が PC を出すらしいとかいう噂が今月上旬に流れていました。
OS は Google OS だ！とか、２００ドルだとかいろいろ噂があがりました。
値段もさることながら、Google が出すってことで結構気になる情報ではありますが
胡散臭い情報でもありました。

で、結局のところ、この Google PC はどうなのかというと、
MIT（マサチューセッツ工科大）の 100 ドルPCと同じものだということが判明。
http://plusd.itmedia.co.jp/pcupdate/articles/0601/07/news015.html
http://plusd.itmedia.co.jp/pcupdate/articles/0601/07/news022.html
Google は 100 ドルPCの協賛企業だ。
このPCを世界中に配布するつもりのようだ。
まぁ、世界中っていっても、家庭にPCが普及していない国だけのようですけど。
電源は手動でゼンマイを巻いて充電するんです。
ちょっと面白そうですが、日本ではたぶん手に入ることは無いんでしょうね。
楽しみにしていた Google PC ですが、100ドルPCと同じものだったのでちょっと残念。

Prototype.js の解説サイト

daikisan — Mon, 12 Dec 2005 14:24:52 +0000

Prototype.js の結構良さそうな解説を見つけたので、
メモがてらエントリー。

http://d.hatena.ne.jp/amachang/20051123
http://d.hatena.ne.jp/amachang/20051124
http://d.hatena.ne.jp/amachang/20051125
最近、Prototype.js でどうやって JSON 使うのか調べてるけどよくわからない。
上のサイトを見てもそれはよくわからない。
Ruby とかで、サーバ側から JSON を出力するようなのだけど、
Ruby もわからないので、どうにも出来ず。
Ruby を勉強しないとな～。
ちなみに、JSON ってのは、JavaScript Object Notation の略で、
簡単に言うと JavaScript でのデータ記法のことだ。

Google Maps API がバージョンアップしたようだ

daikisan — Tue, 06 Dec 2005 06:03:34 +0000

Google Maps API は日々改良されているのだが、
最近のバージョンアップによって、マップの座標がずれてしまった。
たぶん、緯度経度の日本測地系と世界測地系の違いによって起きたものではと推測。
違うかもしれないが。
今後も同様のズレが生じた場合の為に、
基本となる地点を用意しておき、マップの各地点座標をそこからの差で設定。
ズレが生じた場合には、基本地点の座標を修正することで
その他の地点の座標も一度に修正出来るという改善を施そうと思ったので忘れないようにメモ。

で、調べてわかったのだけど、
Google にてAPI の測地系変更がホントに行われていた。
結構前から計画されていたんですね。
１２月１日から変わってたはずなのに、さっぱり気付きませんでした・・・

Prototype.js を使ってみる（２）

daikisan — Tue, 22 Nov 2005 08:09:55 +0000

今回は、たぶんここを見に来たみんなが知りたいことだと思うので、
Prototype.js で Ajax してみます。

と言っても、非常に簡単です。

<br /> <HTML><br /> <HEAD><br /> <TITLE>テスト4</TITLE><br /> <script src=”prototype.js” type=”text/javascript”></script><br /> <script><br /> function test4()<br /> {<br /> var url = ‘読み込みたいページのURL’;<br /> var myAjax = new Ajax.Request(<br /> url,<br /> {method: ‘get’, onComplete: innerResponse}<br /> );<br /> }<br /> function innerResponse(request)<br /> {<br /> $(‘myDiv’).innerHTML = request.responseText;<br /> }<br /> </script><br /> </HEAD><br /> <BODY><br /> <div id=”myDiv”></div><br /> <input type=”button” value=”Test4″ onclick=”test4();”><br><br /> </BODY><br /> </HTML><br />

var myAjax = new Ajax.Request(url, {method: ‘get’, onComplete: innerResponse});

の箇所で、Ajax を使用してページを読み込んでいます。

url には、あらかじめ、

var url = ‘読み込みたいページのURL’;

に記述しておいても良いし、以下のように直接記述してもよい。

var myAjax = new Ajax.Request(‘読み込みたいページのURL’, {method: ‘get’, onComplete: innerResponse});

url の後にある、{…} の箇所は、オプションを設定できるようになっている。
いろいろあるが、今回は一番よく使うと思われるものを紹介する。

method: ‘get’

の箇所で、データの送信方式を設定している。
get と post を設定出来て、初期設定では post になっている。

onComplete: innerResponse

では、読み込み完了時に、

function innerResponse()

を実行するということを意味している。

innerResponse には、読み込んだデータが与えられ実行されるので、
それを受け取るために

function innerResponse(response)

としている。

受け取った reponse を

$(‘myDiv’).innerHTML = request.responseText;

としてページ内に出力している。

とりあえずこんなかんじです。

Prototype.js を使ってみる（１）

daikisan — Wed, 16 Nov 2005 14:57:38 +0000

Prototype という JavaScript フレームワークが人気ですね。

私のブログにも一つ Prototype に関するエントリーがあるのですが、
最近もっとも人気のエントリーになっています。
まぁ、解説とかしていないので、役に立ちませんが。
Prototype の解説がほとんど無いというのが原因なのかなぁ～と思いました。

そんなわけで、役に立つエントリーを書いておこうかなと思いました。

まず、初めに、Prototype について知らない人の為に簡単に説明しますと、
動的なWebサイトを容易に作るための部品で、
JavaScript で作成されています。
ファイルは prototype.js という一つのファイルのみです。
今も改良が加えられていて、時々バージョンアップしています。
その時は、prototype-1.3.1.js などのようにバージョンの名前がついていたりします。
Prototype のサイトでダウンロード出来ます。

一応、英語ですが、非公式の解説サイトもあります。

この解説の通りにやれば使えるはずですが、
検証がてら、順番にやってみようかなと思います。
そのうち、解説の和訳版を作るのもいいかなぁ～と思ったり。

まずは、Prototype のサイトへの組み込み方です。
微妙にアレンジを加えました。

src には自分のサイトの prototype.js の URL を記述すればよいです。
prototype.js にバージョン名が付いている時は、それに合わせるか、
ファイル名を変更してくださいね。
なんとなくですが、 type=”text/javascript” を加えてみました。

prototype.js を組み込むと、そのページ内では
“id” 属性で指定した名前で要素を参照する為の document.getElementById を
$ と書き換えることが出来ます。

以下のサンプルでは、
document.getElementById(‘myDiv’) と $(‘myDiv’) は同じものを示しています。
どちらも、id 属性 “myDiv” である

myDiv“>…

の内容である

TEST

が表示されます。

<br /> <HTML><br /> <HEAD><br /> <TITLE>テスト1</TITLE><br /> <script src=”prototype.js” type=”text/javascript”></script><br /> <script><br /> function test1()<br /> {<br /> var div = $(‘myDiv’);<br /> alert(document.getElementById(‘myDiv’).innerHTML);<br /> alert(div.innerHTML);<br /> }<br /> </script><br /> </HEAD><br /> <BODY><br /> <div id=”myDiv”><br /> <p>TEST</p><br /> </div><br /> <input type=”button” value=”テスト1″ onclick=”test1();”><br><br /> </BODY><br /> </HTML><br />

alert(div.innerHTML);

を、

alert($(‘myDiv’).innerHTML);

とすることも可能です。

複数の “id” 属性を指定したい場合は、以下のサンプルのように

var divs = $(‘myDiv’, ‘myVal’);

と複数していすれば、divs は配列として作成されるので、

divs[0].innerHTML

のように指定することが出来ます。

<br /> <HTML><br /> <HEAD><br /> <TITLE>テスト2</TITLE><br /> <script src=”prototype.js” type=”text/javascript”></script><br /> <script><br /> function test2()<br /> {<br /> var divs = $(‘myDiv’, ‘myVal’);<br /> alert(divs[0].innerHTML);<br /> alert(divs[1].innerHTML);<br /> }<br /> </script><br /> </HEAD><br /> <BODY><br /> <div id=”myDiv”><br /> <p>TEST1</p><br /> </div><br /> <div id=”myVal”><br /> <p>TEST2</p><br /> </div><br /> <input type=”button” value=”テスト2″ onclick=”test2();”><br><br /> </BODY><br /> </HTML><br />

また、以下のサンプルのように

$F(‘userName’)

とすることで、”id” 属性 “userName” の値（value）を取得できます。

document.getElementById(‘userName’).value

と同等の意味を持ちます。

<br /> <HTML><br /> <HEAD><br /> <TITLE>テスト3</TITLE><br /> <script src=”prototype.js” type=”text/javascript”></script><br /> <script><br /> function test3()<br /> {<br /> alert(document.getElementById(‘userName’).value);<br /> alert($F(‘userName’));<br /> }<br /> </script><br /> </HEAD><br /> <BODY><br /> <input type=”text” id=”userName” value=”テスト3″><br><br /> <input type=”button” value=”Test3″ onclick=”test3();”><br><br /> </BODY><br /> </HTML><br />

ただし、$F は配列にすることは出来ませんでした。

このように省略して書けるだけでも、だいぶ違うと思います。
Microsoft の Ajax フレームワーク Atlas でも $ が同じ意味で使えるようですよ。

以上、とりあえず１回目ということでかなり初歩的なことの説明でした。

→ Prototype.js を使ってみる（２）へ