Movable Type on qwerty.work

ブログ更新通知（PING）送信先サーバーの生存テストスクリプトの参考ページメモ

Tue, 18 May 2021 22:23:17 +0900

以下のサイトにPHPでテストできるサンプルコードがあったのでメモ。

ブログ通知先のPINGサーバーが使えるのか確認したい

MovableTypeでブログを新規投稿するすると、以下のようにPING送信エラーが良く出ます。

更新通知をする際に使ったらよいとされるPINGサーバー一覧がネット上に転がっていますが、ほとんどが使えない先でエラーが出ます。特に10以上あるようなリストは嘘が多いです。

そこで、予め『正常に稼働しているPING送信先か調べることができないかな？』と方法を探してみたら、いくつかPHPのコードがあったので、その参考ページをメモ。

参考ページ

https://www.softel.co.jp/blogs/tech/archives/2418 https://www.softel.co.jp/blogs/tech/archives/2418

https://pentan.info/php/sample/post_ping.html https://pentan.info/php/sample/post_ping.html

PINGサーバーテストページ作りました

（2021/05/26追記）PING送信先のサーバーが生きているのか簡易的に調べるツールを作成しました。

https://qwerty.work/test/ping-rss-sent-test.php

Movable TypeのトラックバックやPing更新通知の送信時に500エラーとなるときに試すこと

Mon, 25 Jun 2018 22:05:52 +0900

Movable Typeで記事を新規投稿する際のPing更新通知でトラックバックが500エラーやタイムアウトになるときの対策をメモ。

送信先のURLが無効と思っていた

有効な通知先のURLのはずなのに、MTのPing送信のエラーがたくさん出ているのが気になって、Ping更新通知先が今は存在していないのかな？と思っていたのですが、どうやら送った先のサーバーの処理時間が遅いため、レスポンスが返ってくる前に勝手にタイムアウトしていたみたいです。

HTTPTimeout を設定してみる

そこで、mt-config.cgi に以下の項目を追加してタイムアウトの時間を延ばせば回避できる可能性があります。

HTTPTimeout 300

設定がしていない場合のデフォルト値は60秒だそうです。

https://www.movabletype.jp/documentation/appendices/config-directives/httptimeout.html https://www.movabletype.jp/documentation/appendices/config-directives/httptimeout.html

以前は PingTimeout という環境変数だった

Movable Type 3.3以前では PingTimeout という環境変数で使われていたようです。

https://www.movabletype.jp/documentation/appendices/config-directives/pingtimeout.html https://www.movabletype.jp/documentation/appendices/config-directives/pingtimeout.html

参考

MixhostではMovable Typeを高速化するためのCache::Memcachedは使えない？

Fri, 15 Jun 2018 00:31:56 +0900

速いレンタルサーバーの Mixhost で Movable Type をもっと高速化しようと Cache::Memcached を入れてみようとしましたが、やり方が悪いのか？そもそもできないのか？今後のためにやってみたことをメモ。

設定したこと

Cache::Memcached をインストール

Mixhostの管理画面 [cPanel]-[ソフトウェア]-[Perlモジュール] から Cache::Memcached をインストールします。

mt-config.cgi で有効化

mtフォルダにある mt-config.cgi を開き、以下の2行を追加して Cache::Memcached を有効にします。

MemcachedServers 127.0.0.1:11211
MemcachedDriver Cache::Memcached

ちなみに、Cache::Memcached の互換モジュールは複数存在していますが、その一つでより高速な Cache::Memcached::Fast を試しにインストールして MemcachedDriver に指定しましたが、有効になりませんでした。

システム情報で確認

以下にアクセスすると Movable Type の管理画面の [ツール]-[システム情報] が開きます。

mt.cgi?__mode=tools&blog_id=0

ここに**「利用不可」**と表示されました。残念です。

Memcacheの状態: Memcacheは設定済みです。 Memcacheサーバーは利用不可です。他に方法が見つかれば、挑戦したいと思います。

Mixhostで運用中のMovable Typeの再構築をCronジョブで定期的に自動で行う方法

Wed, 13 Jun 2018 20:30:02 +0900

Mixhost のレンタルサーバーで運用しているMovable Typeの再構築をCronジョブを使って、深夜に自動的に行いたいときの方法をメモ。

Cronジョブに登録

Mixhost の [cPanel]-[Cronジョブ] の画面に以下のようにコマンドを登録していきます。

登録例

以下は**「毎日03:45分にカテゴリアーカイブを再構築」**するときのコマンド設定例です。

コマンド例

rebuild-pages という Movable Type にあるスクリプトファイルを使って再構築を行います。パラメータを加えることによって部分的に指定して再構築を行うことができます。

  再構築の内容
  コマンド




  すべて再構築
  /usr/bin/perl /home/ze****ju/public_html/domain.name/mt-folder/tools/rebuild-pages


  ブログ記事を再構築
  /usr/bin/perl /home/ze****ju/public_html/domain.name/mt-folder/tools/rebuild-pages --type=Individual


  月別ページを再構築
  /usr/bin/perl /home/ze****ju/public_html/domain.name/mt-folder/tools/rebuild-pages --type=Monthly


  カテゴリアーカイブを再構築
  /usr/bin/perl /home/ze****ju/public_html/domain.name/mt-folder/tools/rebuild-pages --type=Category


  インデックステンプレートとウェブページアーカイブを再構築
  /usr/bin/perl /home/ze****ju/public_html/domain.name/mt-folder/tools/rebuild-pages --type=index --type=Page

これ以外に複数のブログがあったりする場合は記事下の参考ページにブログIDを指定する方法などが書かれています。

ユーザー名とパスワードを指定したコマンドの例

以下のように、あらかじめMTにログインする際のユーザ名とパスワードをコマンドに含めておけば、下の方にもある rebuild-pages での事前設定が不要です。

/usr/bin/perl /home/ze****ju/public_html/domain.name/mt-folder/tools/rebuild-pages --user=ユーザー名 --pass=パスワード --silent その他のオプション

Cronジョブで再構築が成功した場合のメール

メールアドレスを登録しておくと、Cronジョブが実行されるたびに結果のメールが届きます。

以下のメールはインデックステンプレートとウェブページアーカイブの再構築に成功した場合ですが、メールの本文に success の文字が入ったメールが届きます。

Perlモジュールが足らなくて失敗した場合

Perlモジュールが不足してCronジョブが失敗したときは以下のようなメールが届きます。ここでは Web::Scraper というPerlモジュールが足りませんので、 [cPanel]-[Perlモジュール] の画面から Web::Scraper をインストールします。

パスの指定が間違っていて失敗した場合

以下の場合、 Local.pm というファイルの94行目にあるパスが正しく /home/ze****ju/public_html/domain.name/mt-folder/tools/ になっていないというメールです。

mt-folder/lib/LWP/UserAgent/Local.pm を開いてパスを toolsフォルダまでの /home/ze****ju/public_html/domain.name/mt-folder/ に変更します。以下は正しく変更したときのソースですが、88行目にも同じようなソースがありますので、ここにあるパスも同じものに変更します。（※Local.pmはMTにはデフォルトで存在していないファイルです。ページの下の方に準備する方法を記載しています。）

大前提としての基本準備

最初に書くべき内容かもしれませんが、ここでは以前に他のレンタルサーバーでCronジョブによる再構築を行っていたものを Mixhost で行うとしたらどうやって設定すればいいかをメインにしていますので、後に書きました。Cornジョブを登録すれば簡単に自動で再構築ができるというもではありません。MTにいくつかの設定とPerlモジュールのインストールが必要です。

Web::Scraper のインストール

上にも書いていますが、Perlモジュールの Web::Scraper が必要です。Web::Scraper を [cPanel]-[Perlモジュール] から検索して Mixhost にインストールしてください。

rebuild-pages の基本設定

rebuild-pages は再構築を行うためのスクリプトファイルです。ここに以下の初期設定が必要です。

  ファイルの場所
  /home/ze****ju/public_html/domain.name/mt-folder/tools/


  ファイル名
  rebuild-pages

  （拡張子なしのファイル）


  2行目に追記
  use cPanelUserConfig;

    （※レンタルサーバーがMixhostの場合に必要）


  $username
  MTの管理画面にログオンするときのユーザー名

    （※コマンドに直接指定している場合は不要）


  $password
  MTの管理画面にログオンするときのパスワード

  （※コマンドに直接指定している場合は不要）


  $script_path
  MTフォルダのパス

  （例：/mt-folder/　※不要かも？）


  $hostname
  ドメイン名

  （例：qwerty.work　※不要かも？）

LWP::UserAgent::Localの設置

ebuild-pages が必要としている LWP::UserAgent::Local がMTには標準ではないので、以下より Local.pm のソースをダウンロード（ソースをコピー）します。

https://github.com/movabletype/movabletype/blob/master/t/lib/LWP/UserAgent/Local.pm

ソースをテキストエディタに貼り付け、Local.pmというファイル名で保存します。保存場所は以下のようになるよう、フォルダを作成して保存します。

/mt-folder/lib/LWP/UserAgent/Local.pm

Local.pmの基本設定

Local.pm はそのまま使うとエラーになるので、以下の追記が必要です。

use lib qw(../lib ../extlib);

あとは上の方でも書きましたが、** 94行目あたりに MTフォルダまでのパスを挿入することが必要**です。もっとスマートな書き方があると思うのですが、Perl はよくわからないのでいい書き方が見つかれば修正した方法を掲載したいと思います。

以前書いた参考記事

以前、他のサーバーでCronジョブによる再構築を行ったときに書いたページ。

cronとrebuild-pagesを使って定期的にMovableTypeを自動で再構築する

その他参考ページ

https://www.h-fj.com/blog/archives/2014/05/27-102904.php https://www.h-fj.com/blog/archives/2014/05/27-102904.php

https://redamoon.net/log/post/000029.html https://redamoon.net/log/post/000029.html

MixhostでMovable Typeのテンプレート更新時に403エラーが出るときはWAFが原因かも

Thu, 31 May 2018 20:12:46 +0900

テンプレートの更新をすると403エラー

レンタルサーバーを Mixhost に移転してから Movable Type のテンプレートを更新しようと [更新]ボタンを押すと 403エラーになりました。権限に関するエラーだと思いますが、管理画面にログオンできますし、新規投稿や記事の更新もできるのに権限がないとか考えられませんが、なぜかテンプレート更新で 403エラーになります。

以前のレンタルサーバーではこのようなエラー出ませんでした。Mixhost が悪いと言いたいわけではなく、いい意味でセキュリティが高いのかなと思います。

WAFを無効にしたら更新できた

Mixhost には ModSecurity という WAF がデフォルトで有効になっています。 WAF は** Web Application Firewall** の略でサイトを守るセキュリティ機能なのですが、この WAF を無効にしたら解決できるという記事をいくつか見つけたので、試しに無効にしてみました。ドメイン毎に無効にすることができるのですが、試しに全部無効にしてみました。

WAFを無効（オフ）にする方法

まず、Mixhostの管理画面 [cPanel]-[セキュリティ]-[ModSecurity]を開きます。

[無効]ボタンを押します。特定のドメインのみ [無効（オフ）] にしたい場合は指定するドメインの [ステータス]スイッチをクリックして [無効（オフ）] にします。

[すべて無効にする]をクリックします。

すると、各ドメインのステータスが全部 [オフ] になり完了です。

この状態で Movable Type のテンプレートの更新ボタンを押したら正常に更新できました。

解決できたけど、これでいいの？

とりあえずテンプレートの更新はできるようになりましたが、更新の度にWAFを [無効（オフ）] にしたり、常時 [無効（オフ）] にしないとけないので解決とはいけない感じですね。CloudFlare をかましているのがいけないのかな？常時 [有効（オン）] の状態で更新ができるような方法がベストなのですが、その方法はまた今度探してみたいと思います。

WordPressで403エラーが出た場合も

この症状は WordPress でも出る場合があるようです。WordPress で 403エラーが出る場合も WAF を無効（オフ）にしてみてください。

参考

https://www.blogging-life.com/how-to-resolve-403-error/ https://www.blogging-life.com/how-to-resolve-403-error/

MovableTypeの管理画面でblank.htmlのダウンロードが開始されるとき

Wed, 30 May 2018 11:18:15 +0900

管理画面でblank.htmlのダウンロードが始まる

レンタルサーバーを Mixhost に引越して以来、 Internet Explorer（IE） でMovable Typeの管理画面にログオンすると 「blank.htmlを保存しますか？」 と毎回** blank.html **のダウンロードが始まるようになりました。 Edge と Chrome ではこの症状は出ませんでした。

ちなみに blank.html というファイルはサイト内に存在していません。

原因は.htaccessの１行

理屈はよくわかりませんが、原因は .htaccess でした。 .htaccess は移行元のものをそのまま移行先の Mixhost で使っていました。その中の以下2行を削除でもよかったのですが、行の先頭に # を入れてコメントアウトしたらダウンロードの画面は出ることがなくなりました。

htm、htmlでSSI（サーバーサイドインクルード）を使用できるようにするものらしいです。以前、SSIのテストを行ったときの名残で残していましたが、PHP以外でインクルードを使うことがないので、 # でコメントアウトしました。

AddHandler server-parsed .htm .html
AddType text/x-server-parsed-html .html

参考にしたページでは以下の行を削除したとありましたが、私の.htaccessにはこの記載はありませんでしたが、症状が発生したので上記2行はコメントアウトしました。

AddType application/x-httpd-php .htm .html .cgi

参考ページ

https://www.screamo.jp/2009/09/07/22/22/27/ https://www.screamo.jp/2009/09/07/22/22/27/

https://wordpress.matometa.net/archives/20121009183042 https://wordpress.matometa.net/archives/20121009183042

Mixhostに移行したMovableTypeのログイン画面がエラーで出ない！Perlモジュールとパスが原因でした。

Wed, 09 May 2018 22:51:49 +0900

レンタルサーバーの Mixhost に旧サーバーからMovableTypeを移行したときにいきなりPerlモジュールの不足とPerlのパスが原因でつまづいたので、今後のためにメモ。

事前準備したのにいきなりエラー

旧サーバーから書き出した MySQL のデータを PhpMyAdmin で Mixhost の MySQL に流し込み、MovableType の mtフォルダも移行し、mt-config.cgi の内容も Mixhost の環境に合わせて書き換え、事前準備も整ったところでいざ管理画面にアクセス！と mt.cgi にアクセスしたみたらエラー…。

install_driver(my_sql) failed: Can’t locate DBD/mysql.pm in @INC (@INC contains: /home….. という内容からして MySQL のドライバーがないらしいです。

原因１：Perlモジュールの不足

MySQL のドライバというのは **DBD::mysql **という Perlモジュールのことみたいです。他のレンタルサーバーで Perlモジュールを求められたことないので気が付きませんでしたが、 Mixhost には標準ではインストールされてないみたいですね。高速なレスポンスを発揮するために不要な機能は入れてないのかもしれません。

Perlモジュールのインストール方法

MT に必要な Perlモジュールは Mixhost のコントールパネルであるｃPanel から簡単に入れることができます。 DBD::mysql を検索してインストールボタンを押すだけで簡単にインストールできました。

参考ページ

https://support.mixhost.jp/1125 https://support.mixhost.jp/1125

Perlモジュールを間違って入れたり、試しにいれてもアンインストールは簡単にできます。

MovableTypeに必要なPerlモジュールまとめ

DBD::mysql 以外に、既に標準でインストール済みや無くても大丈夫かもしれないませんが、いろいろな参考ページを元に必要かもしれない**ドライバ（Perlモジュール）**をまとめておきます。

Movable Type を実行に必要

  モジュール名
  説明




  CGI
  -


  Image::Size
  -


  File::Spec 
  （バージョン0.8以上）


  CGI::Cookie
  -


  LWP::UserAgent
  -

データベースモジュールとして必要

  モジュール名
  説明




  DBI
  バージョン1.21以上


  DBD::mysql
  MySQLを使用する場合に必要


  DBD::ODBC
  バージョン1.25以上、Microsoft SQL Server を利用する場合 (Movable Type Advanced のみ対応)


  DBD::Oracle
  バージョン1.25以上、Oracle Database を利用する場合（Movable Type Advanced のみ対応)

（参考ページ）

オプション機能を利用する場合

  モジュール名
  説明




  Digest::SHA
  パスワードのセキュリティを強固にする場合に必要です


  Plack
  PSGI 環境下で mt.psgi を実行する場合に必要です


  CGI::PSGI
  PSGI 環境下で mt.psgi を実行する場合に必要です


  CGI::Parse::PSGI
  PSGI 環境下で mt.psgi を実行する場合に必要です


  XMLRPC::Transport::HTTP::Plack
  PSGI 環境下で mt.psgi を実行する場合に必要です


  HTML::Entities
  特殊な文字をエンコードする場合に必要です


  HTML::Parser
   トラックバック機能や更新通知機能を利用する場合に必要です


  SOAP::Lite （バージョン 0.5 以上）
  XML-RPC による作業を行う場合に必要です


  File::Temp
   ファイルのアップロードで上書きを行う場合に必要です


  Scalar::Util
  再構築キューを利用する場合に必要です


  List::Util
  再構築キューを利用する場合に必要です


  Image::Magick

  画像のサムネイルを作成したり、CAPTCHAを利用する場合に必要です

  （ [または GD、Imager のいずれかの Perl モジュールか、NetPBMツール](https://www.movabletype.jp/documentation/appendices/config-directives/imagedriver.html)）


  IPC::Run
  Movable Type のイメージドライバとして NetPBM を利用する場合に必要です


  Storable
  外部プラグインの利用の際に必要となる場合があります


  Crypt::DSA
   コメント投稿時のサインインを高速化したい場合に必要です


  Crypt::SSLeay
   AOL や Yahoo! などの SSL を利用する OpenID のコメント投稿者を認証する場合に必要です。または、Google Analytics を利用する場合に必要となります


  Cache::File
  Yahoo! Japan によるコメント投稿者の OpenID 認証を許可する場合に必要です


  MIME::Base64
  コメントの認証機能を利用する場合やメール送信に SMTP を利用する場合に必要です


  XML::Atom
  Atom API を利用する場合に必要です


  Cache::Memcached
   Movable Type のキャッシング機能として memcached サーバーを利用する場合に必要です


  Archive::Tar
  バックアップと復元で圧縮の機能を利用する場合に必要です


  IO::Compress::Gzip
  バックアップと復元で圧縮の機能を利用する場合に必要です


  IO::Uncompress::Gunzip
  バックアップと復元で圧縮の機能を利用する場合に必要です


  Archive::Zip
  バックアップと復元で圧縮の機能を利用する場合に必要です


  XML::SAX
  復元の機能を利用する場合に必要です


  Digest::SHA1
  LiveJournal、OpenID でコメント投稿者を認証する場合に必要です


  Net::SMTP
  メールの送信に SMTP を利用する場合に必要です


  Authen::SASL
  CRAM-MD5、DIGEST-MD5 / LOGIN を SASL メカニズムとして利用する場合に必要です


  Net::SMTP::SSL
  SMTP 認証に SSL を利用する場合に必要です (Movable Type 6.1.2 まで)


  Net::SMTP::TLS
  SMTP 認証に STARTTLS コマンドを利用する場合に必要です (Movable Type 6.1.2 まで)


  IO::Socket::SSL
  SMTP 認証に SSL / STARTTLS コマンドを利用する場合に必要です。または、Google Analytics を利用する場合に必要となります


  Net::SSLeay
  -


  Safe
  -


  Digest::MD5
  -


  Text::Balanced
   ブログ内検索で必要


  XML::Parser
  -


  Time::HiRes
  run-periodic-tasks を実行するために必要です。


  Mozilla::CA
  Google Analytics を利用する場合に必要になります。


  XML::SAX::ExpatXS

  （または、XML::SAX::Expat）
  バックアップデータの復元に必要となります


  XML::LibXML::SAX
  バックアップデータの復元に必要となります。

（参考ページ）

インストール済みかチェックする方法

MovableTypeの環境チェック用CGIである mt-check.cgi を実行することで、インストールされているかどうか確認できます。mt-check.cgi はMTを配置したルートフォルダにあります。

インストールしたのにエラー

必要な Perlモジュールをインストールして、再度 mt.cgi にアクセスしたら同じエラーが表示されました。 mt-check.cgi でインストールされていることは確認済みなのですが、ちゃんとインストールされていないかのかな？インストールの方法がまずいのかな？と思いつつ、何回かMySQLのモジュールのインストールを行いましたが、エラーは解消されませんでした。問題解決のためにいろいろ検索してしているとPerlのパスについての注意事項を見つけました。

原因２：Perlのパスを変更

MovableTypeのCGIファイルにあるPerlのパスを Mixhost に合わせて変更していないのが原因でした。 Mixhost のページに以下の記載がありました。

https://support.mixhost.jp/1125 https://support.mixhost.jp/1125

書き換え対象のファイル

MovableType のフォルダ直下に以下14個のCGIファイルがあります。これにある Perl のパスを書き換える必要があります。

mt-atom.cgi
mt-check.cgi
mt-comments.cgi
mt-cp.cgi
mt-data-api.cgi
mt-feed.cgi
mt-search.cgi
mt-sp.cgi
mt-tb.cgi
mt-testbg.cgi
mt-upgrade.cgi
mt-wizard.cgi
mt-xmlrpc.cgi
mt.cgi

パスを#!/usr/bin/perlml -wに変更する

例えば mt-atom.cgi の場合、このファイルを開くと先頭行にある Perl のパスを以下のように変更します。

#!/usr/bin/perl -w

↓に変更

#!/usr/bin/perlml -w

**［ cPanel ］-［Perl モジュール］**のページには以下の記述がありました。後から試してみたところ、赤枠の2行に変更するのでも大丈夫でした。

#!/usr/bin/perl -w
use cPanelUserConfig;

ほとんどの場合、先頭行は #!/usr/bin/perl となっているので、2行目に use cPanelUserConfig; を入れるだけです。 #!/usr/bin/perlml とどちらがいいかは好みとなります。

そしてアクセス成功！

14個のCGIファイルのパスを変更したらアップロードして、再度 **mt.cgi **にアクセスしたところ、無事ログイン画面が現れました。

レンタルサーバーの引っ越しは何度か行っていますが、簡単ではないですね…。

AdSenseの表示を高速化するために「DNS Prefetch」であらかじめ先読みする

Mon, 05 Mar 2018 21:17:48 +0900

きっかけはうっかりテーマを初期化

ブログのデザインをそろそろ変えようかな～とWordpress感覚で試しにMovableTypeのテンプレートをテーマを変更したら、以前のテンプレートがすべて初期化されてしまいました…。

それまではCloudFlare（CDN）と組み合わせてGTmetrixやPageSpeed Insightsの計測でページの表示が1～2秒台でした。

以前のテーマに戻してもコツコツ構築してきた高速化さるための設定を加えたテンプレートがすべて消えしました…。Wordpressの感覚でテーマの雰囲気だけ見たかっただけなのに完全に初期化されてしまいました。バックアップもしていなかったのでショックです。MovableTypeの場合は管理画面の［ツール］-［テーマのエクスポート］からバックアップをとっておかないといけなかったみたいです…。

後戻りもできないので初期化ついでに新しいテーマに変え、コツコツいじってレイアウトやらデザインを変更して、計測したら10～15秒台まで落ちてしまいました。そのうちの5～6秒がサーバーの応答時間でした。なんでだろう？

いままでどうやって高速化のしてきたのか施した方法が思い出せませんが、新しいテーマでのAdSenseの広告表示のもたつきがきになるので、とりあえずここの読み込みを速くできないかな？と調べているとdns-prefetchというのを見つけました。

DNS Prefetchであらかじめ先読み

DNS Prefetchは特定のホスト名に対するDNSの事前解決を強制的に行うもののようです。このブログではどのページにも共通してAdSenseを表示しているので、そういったURLはあらかじめ以下のタグで事前読み込みしておくURLを指定します。効果がどのくらいあるのか確認はしていませんが、とりあえずメモ。

<meta http-equiv="x-dns-prefetch-control" content="on">
<link rel="dns-prefetch" href="//pagead2.googlesyndication.com">
<link rel="dns-prefetch" href="//googleads.g.doubleclick.net">
<link rel="dns-prefetch" href="//googleads4.g.doubleclick.net">
<link rel="dns-prefetch" href="//tpc.googlesyndication.com">
<link rel="dns-prefetch" href="//www.gstatic.com">

****の直後あたりでとにかく上の方に書くといいみたいです。SNSのシェアボタンや外部のJavaスクリプトの読込にも使えるようです。

ChromeによるHTTPSでのDNS Prefetch

以下のページを日本語に翻訳してみたところ、「ChromiumはHTTPSページに表示されるハイパーリンク内のホスト名をプリフェッチしません。」とあります。

http://dev.chromium.org/developers/design-documents/dns-prefetching http://dev.chromium.org/developers/design-documents/dns-prefetching

一瞬ドキッとしましたが、最初の1行目のコレ↓でHTTPSページでもChrome（ブラウザ側）のDNS preftch が有効化されるみたいです。いろいろな参考ページで省略されていましたが、絶対書いたほうがよさそうです。

<meta http-equiv="x-dns-prefetch-control" content="on">

Javascript化してソースの見栄えを整理するする

たくさんのURLを事前読込するとタグ下に****がズラズラ並んでソースの見栄えが悪くなります。これを解消したい場合は以下が参考になります。以下のページではJavascript化して先読みするURLを隠していました。

http://tokkono.cute.coocan.jp/demo/prefetch/?page=3 http://tokkono.cute.coocan.jp/demo/prefetch/?page=3

ソースを見ると、タグの直前に以下のJavascriptを読み込むコードがあります。

<!-- DNS プリフェッチの設定 -->
<script src="js/prefetch.js"></script>

そして、このJSのソースを見ると以下のようになっていました。

(function(document) {
var servers = [
　　/* evernote
　　"static.evernote.com" //*/<br>

    
　　/* pocket */
　　,"d7x5nblzs94me.cloudfront.net"
　　,"widgets.getpocket.com"<br>

	
　　/* mixi
　　,"img.mixi.net"
　　,"static.mixi.jp"
　　,"plugins.mixi.jp" //*/<br>

	
　　/* google analytics, google +1 */
　　,"oauth.googleusercontent.com"
　　,"ssl.gstatic.com"
　　,"accounts.google.com"
　　,"apis.google.com"
　　,"www.google-analytics.com"<br>

	
　　/* facebook */
　　,"www.facebook.com"
　　,"s-static.ak.facebook.com"
　　,"static.ak.fbcdn.net"
　　,"static.ak.facebook.com"
　　,"connect.facebook.net"<br>

	
　　/* twitter */
　　,"twitter.com"
　　,"cdn.api.twitter.com"
　　,"p.twitter.com"
　　,"platform.twitter.com"<br>

	
　　/* hatena */
　　,"cdn-ak.b.st-hatena.com"
　　,"cdn.api.b.hatena.ne.jp"
　　,"b.st-hatena.com"<br>

	
　　/* zenback
　　,"web-jp.ad-v.jp"
　　,"w.zenback.jp" //*/
], i, e, link = document.createDocumentFragment();<br>

	
　　for (i = servers.length-1; i >= 0; i--) {
　　　　e = document.createElement('link');
　　　　e.setAttribute('rel', 'dns-prefetch');
　　　　e.setAttribute('href', '//' + servers[i]);
　　　　link.appendChild(e);
	}<br>

	
document.getElementsByTagName('head')[0].appendChild(link);
}(document));

が現れた時点でロードされるみたいです。クライアントサイドで実行するので0.1～0.15秒遅くなるみたいですが、ソースをゴチャゴチャさせたくない場合は試してみてください。

数値で比較しないと効果がわからないかも？

主要なほとんどのブラウザはdns-prefetchに対応しているようです。ZenbackとかSNSボタンとかに使われているドメイン20個ぐらいを指定してみたりして高速化を体感できるか試してみました。指定したドメインのすべて先読みされるのか不明ですが、ページのスピードテストしてみました。全体的にあまり表示時間は短縮されませんでした。数値で比較すればわかるのかもしれませんが、そこまで見ませんでした。体感できないレベルの効果しかないのかもしれませんが、やらないよりはやったほうがいいと思います。

表示が遅いのはサーバーかSNSシェアボタンの問題かも？

そもそもサーバーの応答時間が5～6秒かかっているので、AdSenseが遅いといういより、レンタルサーバーが遅い、またはFacebookやTwitterなどのSNSシェアボタンに問題があるのかもしれません。SNSシェアボタンのソースを見直したところ、3秒くらい短縮できました。他にも原因がありそうなので、また時間があるときに検証してみたいと思います。

参考ページ

https://qiita.com/ShinyaOkazawa/items/f95788c67114d0360e40 https://qiita.com/ShinyaOkazawa/items/f95788c67114d0360e40

http://hayashikejinan.com/wordpress/optimize/730/ http://hayashikejinan.com/wordpress/optimize/730/

http://tokkono.cute.coocan.jp/blog/slow/index.php/programming/boostup-socials-with-dns-prefetch/ http://tokkono.cute.coocan.jp/blog/slow/index.php/programming/boostup-socials-with-dns-prefetch/

正規表現でMovableType（MT）の余計な改行と行頭のスペースを消す

Sun, 28 Jan 2018 16:11:41 +0900

MTによるページ構築時にどうしてもMTタグがあった部分に無駄な空白や改行が出来てしまいます。それを正規表現を使って無駄な空白と改行を削除します。削除というよりregex_replaceで**「何も無し」**に置き換えます。

テンプレート（ページ）全部を対象にする場合

最初と最後の行に``を入れてテンプレート全体を囲います。余計な改行と行頭のスペースがすべて削除されたページが再構築時に出力されます。当たり前ですがPHPなどでインクルードされた部分には反映されません。MTのインクルードモジュールには反映されているみたいです。

<mt:For regex_replace="/^[\ \t\r\n]+/mg","">
	<!DOCTYPE html>
	<html>
	.
	.（テンプレート内容）
	.
	</html>
</mt:For>

の代わりにまたは``でも使えます。

インクルードさせるモジュール内を対象にする場合

<$mt:Include module="sidebar" regex_replace="/^[\ \t\r\n]+/mg",""$>

Keywordに含まれた半角スペースを削除する例

カンマの前後にある半角スペースを削除する例ブログを投稿する際、「キーワード」欄に,（カンマ）の前後にうっかり半角スペースを含めてしまうことがあります。そんなときに使用する例。"Movable Type, 正規表現 , 置換"→"Movable Type,正規表現,置換"というように、カンマで区切られた文字列の前後にある半角スペースだけ削除します。

<meta name="keywords" content="<$mt:EntryKeywords trim="1" regex_replace="/,\s/mg","," regex_replace="/\s,/mg",","$>">

条件を|で区切ったり、一発で置き換え方法があるかとは思いますが、今のところ分からないのでパス。

キーワード内にあるすべての半角スペースを置換える場の例。 "Movable Type, 正規表現 , 置換"→"MovableType,正規表現,置換"のように、全ての半角スペースを削除します。

<meta name="keywords" content="<$mt:EntryKeywords trim="1" regex_replace="/\s+/mg",""$>">

空白文字のを削除する正規表現の方法は以下のページが参考になりました。

https://www.nishishi.com/javascript-tips/trim-space-chars.html https://www.nishishi.com/javascript-tips/trim-space-chars.html

上記の正規表現の意味について

先頭行にある半角スペース、タブ、改行のいずれかを繰り返し消すと意味になっています。それぞれの記号の意味は以下の通りです。

  正規表現
  意味




  ^
  行頭


  \+半角スペース

\s 半角スペース

  \t
  タブ


  \r
  キャリッジ リターン


  \n
  改行


  [　]
  囲った部分のいずれか


  /　/mg
  複数行対象に繰り返し

正規表現の参考ページ

https://www.megasoft.co.jp/mifes/seiki/meta.html https://www.megasoft.co.jp/mifes/seiki/meta.html

修飾子（modifier）について

/～/mgの最後にあるmとかgは修飾子（modifier）と呼ばれるものらしいです。僕もよくわかっていないのですが、よく使う//ｇと//mgの違いがよくわかりませんが、どうやらPerlの正規表現で使われるものらしいです。ちなみに、mは**「文字列を複数行として扱う」で、gは「グローバルなマッチング」**？を意味しているようです。以下のページが参考になります。

https://www.javadrive.jp/perl/regex/modifier/index1.html https://www.javadrive.jp/perl/regex/modifier/index1.html

https://perldoc.jp/docs/perl/5.14.1/perlre.pod https://perldoc.jp/docs/perl/5.14.1/perlre.pod

iの**「大文字小文字を区別しないパターンマッチング」**はどこかで役に立ちそうです。

その他参考になるページ

https://every-rating.com/mt/movabletype-regex-replace.html https://every-rating.com/mt/movabletype-regex-replace.html

https://hacknote.jp/archives/2969/ https://hacknote.jp/archives/2969/

インクルードで読み込んだテンプレートの改行のみ削除なら

MTタグに一言追加で簡単に改行を削除

例えばファーストビューで読み込まれるのスタイルシートをインラインで表示したいときなど、テンプレートの出力から改行だけを削除する場合は以下のMTのコードを追加すれば簡単です。スタイルシートに限らず、HTMLを出力する際にも使えます。

strip_linefeeds="1"

使用例

例えばインデックステンプレートのスタイルシート（styles.css）をインライン化したいときはこんな感じです。

<style><$mt:Include identifier="stylesheet" strip_linefeeds="1"$></style>

regex_replaceと併用した例

regex_replaceを併用して更にCSSをギュッと縮めるとしたらこんな感じでできます。

行頭の半角スペース・改行・タブの削除
- 2つ以上の半角スペースの削除
- /～/のコメントの削除
- “, “（カンマと後ろの半角スペース）を”,"（カンマのみ）にする
- “: “（コロンと後ろの半角スペース）を”:"（コロンのみ）にする

]]> もっとスマートな書き方があるのかもしれませんが、とりあえずこれでも理想通りにできました。

参考ページ

https://movabletype.net/dict/global-17/strip-linefeeds.html https://movabletype.net/dict/global-17/strip-linefeeds.html

MovableTypeのregex_replaceでシングルクォーテーションの置換えをするとエラーが出るとき

Thu, 11 May 2017 22:21:55 +0900

MovableTypeでAMP対応のページを書き出すためのテンプレートができてもGoogle Search ConsoleのAccelerated Mobile Pagesで致命的なエラーや警告が次々出てきてHTMLのソースを修正しなければならない部分がたくさん出てきました。

border=“0”やtarget="_blank"とかstyle=""**を使ったらダメとか…。

これらと一つ一つを正規表現で置換をするMT関数のregex_replaceを使って不要な要素を削除することにしました。

ただ、自分は正規表現が苦手でなかなか思った通りの置換や不要な文字列の削除ができませんでした。しかし、なんとか解決できたので参考になった正規表現のサンプルのページやソースをメモ。

正規表現による置換の参考

https://nelog.jp/wordpress-content-to-amp https://nelog.jp/wordpress-content-to-amp

上記のページはWordPress向けにPHPで書かれておりますが、わかりやすかったです。

シングルクォーテーションでエラー

ここまではよかったのですが、シングルクォーテーション（’）でつまずきました。

例えば、borderを消そうとしたとき、**border=“0”やborder=‘0’**のように0をダブルクォーテーションで囲ってある場合と、シングルクォーテーションで囲ってある場合があります。正規表現の検索対象にシングルクォーテーション（’）が含まれていると、DreamWeaverや正規表現の使えるテキストエディタではちゃんと置換ができるのに、全く同じ正規表現をMovableTypeのテンプレートに使うとエラーが出てうまくいきませんでした。ダブルクォーテーション（"）だけだと問題なく置換できました。

エラーが出たソース

<$mt:Var name='regex_0' value='/( border| target| style| onclick)=["'](.*?)["']/g'$>
<$mt:Var name='regex_1' value=''$>
<MTUnless regex_replace="$regex_0","$regex_1">
<mt:EntryBody>
<mt:EntryMore>
</MTUnless>

["’]のように****のvalueの値にシングルクォーテーション（’）を含まれているとエラーが出ます。シングルクォーテーション（’）に¥マークを付けて**¥’**とエスケープしてもダメでした。

原因は変数の使い方

原因はMTのテンプレート内で使う変数をセットする書き方（）が悪かったようで、以下のページ内にもあるように**～**を使って変数に正規表現の検索対象を入れて使うと解決できました。

http://www.skyarc.co.jp/engineerblog/entry/regex_replace_1.html http://www.skyarc.co.jp/engineerblog/entry/regex_replace_1.html

ダブルクォーテーション（"）は特に問題ないのですが、シングルクォーテーション（’）は注意が必要です。

うまくいったソース

<MTSetVarBlock name="regex_0">/( border| target| style| onclick)=["'](.*?)["']/g</MTSetVarBlock>
<MTSetVarBlock name="regex_1"></MTSetVarBlock>
<MTUnless regex_replace="$regex_0","$regex_1">
<mt:EntryBody>
<mt:EntryMore>
</MTUnless>

これで、border=""、target=""、style=’’、 onclick=’‘など、ダブルクォーテーションとシングルクォーテーションのどちらで囲ってあっても全部削除できます。

その他参考ページ

MovableTypeでAMPページ用にiframeをamp-iframeに置き換えて書き出す

Tue, 09 May 2017 19:42:31 +0900

MovableTypeのブログをAMP対応にするため、AmpConvertというプラグインを入れています。You-Tube埋め込み用のiframeタグはamp-youtubeに変換してくれますが。それ以外のiframeタグはamp-frameにしてくれませんでした。

そこでテンプレート側で正規表現で置き換える方法で対応したのでメモ。

例えばGoogle Maps

例えばGoogleマップの地図をページを埋め込むためのタグが以下だったとします。

<iframe src="https://www.google.com/maps/embed?mid=0123456789" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

このを以下のようにしたいのです。

<amp-iframe layout="responsive" sandbox="allow-scripts allow-same-origin allow-popups" src="https://www.google.com/maps/d/embed?mid=mid=0123456789" width="640" height="480"></amp-iframe>

AMP用テンプレートのソース

MovableTypeのAMP用に作ったテンプレートの本文の部分を以下のようにしました。

<mt:AmpConvert fix_img_size="1" base_url="https://qwerty.work">
    <$mt:Var name='regex[0]' value='/<iframe(.*?)<\/iframe>/g'$>
    <$mt:Var name='regex[1]' value='<amp-iframe layout="responsive" sandbox="allow-scripts allow-same-origin allow-popups"$1</amp-iframe>'$>
    <mt:For regex_replace="$regex">
        <mt:EntryBody>
        <mt:EntryMore>
    </mt:For>
</mt:AmpConvert>

以下が正規表現でiframeをamp-iframeに置換前と置換後を指定している部分です。

<$mt:Var name='regex[0]' value='/<iframe(.*?)<\/iframe>/g'$>
<$mt:Var name='regex[1]' value='<amp-iframe layout="responsive" sandbox="allow-scripts allow-same-origin allow-popups"$1</amp-iframe>'$>

Googleマップの場合、amp-iframeに置き換えるだけなく、**sandbox=“allow-scripts allow-same-origin allow-popups”**がないとAMPページで地図が表示されませんでした。

sandboxについては以下参考

MovableTypeのブログにAMP対応のテンプレートを作成してみた

Wed, 26 Apr 2017 21:06:27 +0900

MovableTypeでAMP対応のページを書き出せるようにAMP用の記事テンプレートを作ってみたのでメモ。

スマホでグーグル検索したときの検索結果の**⚡マークが付いているリンクを開くとページが高速で表示されるというAMP**（アンプ）。

https://www.ampproject.org/ https://www.ampproject.org/

AMP用の記事テンプレートを作成

AMPページでは

がいる
をまたはにする
imgタグをamp-imgにするなどamp-***しないといけないタグがある
CSSは内部に書かないといけない
AMP対応のJavaScriptしか使えない
AdSenseとAnalyticsもAMP対応のコード書き換えないといけない
etc…

と、いろいろ制約があるので、既存の記事テンプレートをいじるのではなく、AMP専用の記事テンプレートを作成することにしました。テンプレートを登録。

テンプレートのソース

<!DOCTYPE html><br><html amp lang="<$mt:BlogLanguage$>"><br><head><br><meta http-equiv="content-type" content="text/html; charset=UTF-8"><br><meta charset="<$mt:PublishCharset$>"><br><title><$mt:EntryTitle encode_html="1"$>-<$mt:BlogName encode_html="1"$></title><br><$mt:CanonicalLink regex_replace="//amp/","" $><br><meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"><br><script type="application/ld+json"><br>      {<br>        "@context": "http://schema.org",<br>        "@type": "Blog",<br>        "headline": "<$mt:EntryTitle encode_json='1'$>",<br>        "datePublished": "<$mt:EntryDate format_name='iso8601'$>",<br>        "dateModified": "<$MTDate format_name='iso8601'$>",<br>        "author": "<$mt:EntryAuthorLink show_hcard="1"$>",<br>        "publisher": "Qwerty.Work",<br>        "mainEntityOfPage": "<$mt:CanonicalURL with_index="1"$>",<br>        "image": ""<br>      }<br>    </script><br><style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><br><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript><br><script custom-element="amp-iframe" async src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js"></script><br><script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script><br><script async custom-element="amp-youtube" src="https://cdn.ampproject.org/v0/amp-youtube-0.1.js"></script><br><script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script><br><script async src="https://cdn.ampproject.org/v0.js"></script><br><style amp-custom><br>	body { margin:0; padding:10px; font-family:sans-serif; }<br>	amp-img { background-color: gray; border: 1px solid black; }<br></style><br></head><br><body><br><amp-analytics type="googleanalytics" id="analytics1"> <br>  <script type="application/json"><br>    {<br>  "vars": {<br>    "account": "UA-12345678-1"<br>      },<br>  "triggers": {<br>    "trackPageview": {<br>      "on": "visible",<br>      "request": "pageview"<br>        }<br>      }<br>    }<br>  </script> <br></amp-analytics><br><header><br>  <h1><mt:EntryTitle></h1><br>  <time><mt:EntryDate></time><br></header><br><amp-ad <br>    layout="responsive" <br>    width=300 <br>    height=250 <br>    type="adsense" <br>    data-ad-client="ca-pub-1234567891234567" <br>    data-ad-slot="1234567890"><br></amp-ad><br><article><br>  <mt:AmpConvert fix_img_size="1" base_url="https://qwerty.work"><br>    <mt:EntryBody><br>    <mt:EntryMore><br>  </mt:AmpConvert><br></article><br><aside>&nbsp;</aside><br><footer><hr><a href="<mt:BlogURL"><mt:BlogName></a></footer><br></body><br></html><br>

参考ページ

https://mbdb.jp/hacks/movable-type-coping-with-amp.html https://mbdb.jp/hacks/movable-type-coping-with-amp.html

https://www.brain-solution.net/blog/seo/amp-html/ https://www.brain-solution.net/blog/seo/amp-html/

https://mbdb.jp/hacks/movable-type-coping-with-amp.html https://mbdb.jp/hacks/movable-type-coping-with-amp.html

https://www.cherry-pick.jp/blog/movable-type/amp.php https://www.cherry-pick.jp/blog/movable-type/amp.php

アーカイブマッピングを設定する

AMP用のページはブログルートフォルダの/ampという階層に書き出すことにしたので、

amp/%y%/m%-f

としました。ファイル名.amp.htmlと書き出す手段もあったのですが、/ampに書き出すことにしました。

記事の横のチェックボックスにはチェックを入れないこと。このチェックボックスはデフォルトのアーカイブマッピングを指定するものなので、ここにチェックを入れると、PC用のページのリンクが全部/ampにあるページのURLになってしまいます。

プラグイン「AmpConvert」を入れる

このプラグインを入れるとimgやYouToube用のiflameタグをAMP用のタグに変換してくれます。以下からプラグインをダウンロードしてMTのpluginフォルダにAmpConvertフォルダを丸ごと置いてアップロードします。

https://github.com/ARK-Web/mt_plugin_AmpConvert https://github.com/ARK-Web/mt_plugin_AmpConvert

使い方

AMP用のコードに変換したいコードを**～**で囲みます。

<mt:AmpConvert>
	<mt:EntryBody>
	<mt:EntryMore>
</mt:AmpConvert>

これだけでimgをamp-imgに、YouTubeのiflameをamp-youtubeに変換してくれます。

AdSenseのコード

～に以下を追加

<script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>

AMP用のAdSenseコード

サイト運営者 ID（data-ad-client）と広告ユニット ID（data-ad-slot）を自分の広告のコードに書き換えます。

<amp-ad
	width=300 <br>	height=250 <br>	type="adsense" <br>	data-ad-client="ca-pub-1234567891234567" <br>	data-ad-slot="1234567890"
</amp-ad>

詳しくは以下のAdSenseヘルプのページを参照してください。

https://support.google.com/adsense/answer/7183212?hl=ja https://support.google.com/adsense/answer/7183212?hl=ja

Analyticsのコード

～に以下を追加

<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>

AMP用のAnalyticsコード

UA-XXXXX-Yの部分を自分のAnalyticsのコードに書き換えます。

<amp-analytics type="googleanalytics" id="analytics1"><br><script type="application/json"><br>{<br>  "vars": {<br>    "account": "UA-XXXXX-Y"<br>  },<br>  "triggers": {<br>    "trackPageview": {<br>      "on": "visible",<br>      "request": "pageview"<br>    }<br>  }<br>}<br></script><br></amp-analytics>

詳しくは以下のページを参照してください。

https://developers.google.com/analytics/devguides/collection/amp-analytics/?hl=ja https://developers.google.com/analytics/devguides/collection/amp-analytics/?hl=ja

AMPページと通常ページの"canonical"

AMPページには通常ページのリンクを記載し、通常ページにはAMPページのリンクを記載します。通常のページは**/blogの階層で、AMPページは/blog/ampの階層**だった場合、以下のようになります。

AMPページ

<link rel="canonical" href="https://www.example.com/blog/document.html">

通常ページ（Non AMPページ）

<link rel="amphtml" href="https://www.example.com/blog/amp/document.html">

構造化データについて

うまく説明できませんが、JSON-LDとかいう構造化データというのがあったほうがいいようです。ブログ用のJSON-LDのサンプルは以下を参考にしてみてください。

http://jsonld.com/blog-post/ http://jsonld.com/blog-post/

ここでAMPページの構造化データのテストができます。

https://search.google.com/structured-data/testing-tool https://search.google.com/structured-data/testing-tool

AMP用ページのテスト

出来上がったAMP用のページがちゃんとできているか以下のAMPテストサイトで確認ができます。

Googleの検証サイト

https://search.google.com/search-console/amp https://search.google.com/search-console/amp

AMP用ページのURLを入れて[テストを実行]をボタンを押します。

ダメな場合はダメな箇所を教えてくれます。

AMP Projectの検証ツール

以下のURLで検証結果を表示できます。

https://validator.ampproject.org/#url=AMPページのurl

Search ConsoleのAMPレポートでエラーチェック

Accelerated Mobile Pages（AMP）レポートAMPページのインデックス状況やエラーや問題を確認できます。

https://www.google.com/webmasters/tools/accelerated-mobile-pages https://www.google.com/webmasters/tools/accelerated-mobile-pages

やることはもっとありますが、とりあえず以上でAMPページは導入できたので今回はこのくらいにしておきます。

バリューサーバーのcronでMovabletypeの再構築を自動化できない

Tue, 07 Apr 2015 10:15:27 +0900

バリューサーバーのcronでMovabletypeの再構築を自動化できない

昨日はバリューサーバーでMovabletypeの再構築を行うスクリプトの動作を確認できたので、）あとはcronにそのスクリプトを登録し、毎日自動的に再構築をしようと**コントロールパネルの「CRONジョブの設定・編集」**に登録しました。

ところが実行されていない！？あれ？？なんで？？

ヘテムルの時は実行が成功したのか、エラーが出ているのかメールが届いていたのですが、メールも届かず、cronが動いているのかどうなのか、さっぱりわかりません。サポートも期待できないので、自己解決するためにいろいろ調べました。

crondの動作状況を調べる

cronを使用するためにcrondというやつが動いていないといけないみたいで、Tera Termを使ってレンタルサーバーにSSHで接続し、以下のコマンドで調べます。(SSHはTeraTermなどのSSHクライアントでバリューサーバーの場合、ホスト名：**.valueserver.jp、ユーザーID、FTPパスワードで接続します。）

# /etc/rc.d/init.d/crond status

すると、

crond (pid  *****) is running...

と返ってきたので、どうやらcronは動いているみたいです。

もし、cronが動いていなかったら

/etc/rc.d/init.d/crond start

再起動の場合は

/etc/rc.d/init.d/crond restart

参考：https://www.express.nec.co.jp/linux/distributions/knowledge/system/crond.html

crontab -lでcronジョブの登録状況を調べる

SSHで以下のコマンドを打つ

crontab -l

すると「CRONジョブの設定・編集」に登録した内容が表示されました。

ちゃんと登録されているみたいです。

じゃあなんで動かない！？

昨日はSSHからcronで登録したファイルでちゃんとrebuild-pageｓを実行することができたのになんで？まだ何かエラーがあるの？

とういうことで、cronで登録のファイルが実行されたときにどうなっているのかを知るために、今度はエラーメールが届くような方法がないか探したところcrontab　-eでcrontab -lで表示されたリストにMAILTO=“user@example.com”と宛先を入れればいいようです。（※contab -rと打つとジョブが削除されますので隣同志のeとrを打ち間違えないように注意）

crontab -eでMAILTOを追加する

crontab -e

と打つとviエディタが起動し、crontab -lで表示された内容が出てくるので、一番上の行にメールの宛先を入力します。

ただし、Linuxに慣れている方はご存知だとおもいますが、viエディタの操作は普通に文字を入力するようにできませんので注意。

viエディタの操作方法の参考：http://www.envinfo.uee.kyoto-u.ac.jp/user/susaki/command/vi.html

ちなみにTera Termでは以下できました。

iを押し入力モードにする
カーソルで移動して最初の行を改行し、そこに**MAILTO=“user@example.com”**と入力
ESCを押して入力モードから出る
:wq と打つと保存して終了

そして、ちゃんと保存できているかはcrontab -lで確認できます。

cronを実行してみる

バリューサーバーのコントロールパネルの「CRONジョブの設定・編集」に2分後の時刻を設定してみましたが、設定の反映に1時間程度かかるようで、待っていられないので、SSHからcrontab -eで2～3分後の時間を設定してみました。

すると、メールキター！！でもエラー！！

BEGIN failed–compilation aborted at /virtual/user-dir/bin/lib/perl5/Web/Scraper.pm line 10.

Compilation failed in require at ./tools/rebuild-pages line 14.

BEGIN failed–compilation aborted at ./tools/rebuild-pages line 14.

/Web/Scraperの10行目を見る

use HTML::TreeBuilder::XPath;

とある。ですが、HTML::TreeBuilder::XPathはインストールしてやったはず…。もしかして、HTML::TreeBuilder::XPathがどこにあるかわからないよいう意味でパスを入れてやればいいのかな？ということで、パスを挿入。

use lib ("/virtual/user-dir/perl5/lib/perl5");
use HTML::TreeBuilder::XPath;

rebuild-pagesの14行目を見る

/mt/tools/の中にあるrebuild-pagesを開くと

use Web::Scraper;

とある。前回、これもパスを追加して対策したはず…。Web::ScraperはHTML::TreeBuilder::XPathがないと動かない。ここにもHTML::TreeBuilder::XPathのパスがいるのかな？何故かWeb::ScraperとHTML::TreeBuilder::XPathの保存されている場所がそれぞれ違う（多分インストールをミスった）。

ということで、rebuild-pagesにHTML::TreeBuilder::XPathのパスを追加。

#追加前
use lib ("$FindBin::Bin/../lib", "$FindBin::Bin/../extlib", "/virtual/user-dir/bin/lib/perl5");

#追加後
use lib ("$FindBin::Bin/../lib", "$FindBin::Bin/../extlib", "/virtual/user-dir/bin/lib/perl5", "/virtual/user-dir/perl5/lib/perl5");

そしてもう一度cron実行

キター！！メールにsuccessの文字

rebuilding (QWERTY.WORKブログ …

      Individual built success.

無事、毎日cronでMovabletypeの再構築が自動化されました。

ただ、バリューサーバーは3分以上かかるスクリプトはダメみたいなので、全部の再構築をするのに時間が足りないため、インデックスやアーカイブページの再構築を個別に行うよう、cronジョブを複数に分けました。また、複数のジョブの間隔は1時間空けないといけないみたいなので、1時間5分間間隔で連続してcronを実行するようしました。

バリューサーバーでMovabletypeのrebuild-pagesを動かす

Mon, 06 Apr 2015 13:09:52 +0900

速くて安いサーバーないかな～なんてネットで検索してたらレンタルサーバーの比較をしているページ（http://rs-hikaku.com/）を見つけました。

速くて安いのなら乗り換えようかとバリューサーバー（ValueServer）の10日間のお試しで使ってみた。けどヘテムル（heteml）で動いていたものが動かない…。

cronに登録してMovabletypeの再構築をrebuild-pagesで自動的に毎日行っているのですが、以前の記事で書いた内容でヘテムル（heteml）では動いていたのにバリューサーバー（ValueServer）では動かない。

以前の記事：cronとrebuild-pagesを使って定期的にMovableTypeを自動で再構築する

でも動かないままあきらめるのも嫌なので動くまでやってやろうと以下の事を追加で行い動かすことができました。

SSHでrebuild-pagesを実行したらエラー

まず動かない原因を探るためTera Termをインストールして、バリューサーバー（ValueServer）のサーバーにSSHでログインし、rebuild-pagesを実行してみます。

/usr/bin/perl /virtual/user-dir/public_html/mt/tools/rebuild-pages

とrebuild-pagesを実行してみたところ

BEGIN failed–compilation aborted at /virtual/user-dir/public_html/mt/tools/rebuild-pages line 14. というエラー。どうやらcronの設定が悪いのではなく、スクリプトでエラーが出ているようです。

/mt/tools/にあるrebuiled-pagesを開いて14行目を見ると「use Web::Scraper;」とありました。PerlモジュールのWeb::Scraperで引っ掛かっているようで、どのフォルダーを探してもWeb::Scraperが見当たらないのでエラーとなっているようです。

Web::Scraperを入れる

PerlモジュールのWeb::Scraperをどうやって入手すればいいのかわからなかったのですが、以下のサイトを参考にSSHでbinというディレクトリを作ってWeb::ScraperをインストールするためのcpanmとWeb::Scraperに必要なHTML::TreeBuilder::XPathをそれぞれインストールしました。

参考：http://blog.eleclabo.com/2015/02/post-158.html

cpanmを/virtual/user-dir/binにインストール

% cd /virtual/user-dir
% mkdir bin
% cd bin
% curl -LO http://xrl.us/cpanm
% chmod +x cpanm

Web::ScraperとHTML::TreeBuilder::XPathを/virtual/user-dir/binにインストール

% cd /virtual/user-dir
% cpanm -l bin Web::Scraper
% cpanm -l bin HTML::TreeBuilder::XPath

これで、/virtual/user-dir/bin/lib/perl5/Web/Scraperができあがりました。

rebuiled-pagesにパスを追加

rebuiled-pagesの8行目あたりにPerlモジュールの参照先を指定する部分があります。ここにはWeb::Scraperのある場（/virtual/user-dir/bin/lib/perl5）が指定されていませんので追加します。

#編集前
use lib ("$FindBin::Bin/../lib", "$FindBin::Bin/../extlib");<br>

#編集後
use lib ("$FindBin::Bin/../lib", "$FindBin::Bin/../extlib", "/virtual/user-dir/bin/lib/perl5");

LWP::UserAgent::Localのあるディレクトリ（/mt/lib/）または/mt/extlib/にWeb::Scraperをインストールしておけば、これは不要だったかもしれませんがあまりSSHになれていないので、変なことにならないようここは参考通りにしておきます。

最後にlocal.pmのパスを修正

/virtual/user-dir/public_html/mt/lib/LWP/UserAgent/Local.pmの**".$script_name"を"/virtual/user-dir/public_html/mt/$script_name"**に修正します。

#88行目あたり
#修正前<br>my $pid = open2( \*RESPONSE, \*REQUEST, "./$script_name" )

#修正後
my $pid = open2( \*RESPONSE, \*REQUEST, "/virtual/user-dir/public_html/mt/$script_name" )

#94行目あたり
#修正前
open RESPONSE, "./$script_name|" or die "Couldn't spawn $script_name";

#修正後<br>open RESPONSE, "/virtual/user-dir/public_html/mt/$script_name|" or die "Couldn't spawn $script_name";

できた！

それぞれ修正したファイルをアップロードして、パーミッションも700にして、再度SSHで

/usr/bin/perl /virtual/user-dir/public_html/mt/tools/rebuild-pages

と打ってrebuiled-pagesを実行したらキター！！

ってことで一件落着。

【追記】これでcronもうまくいくはずだったのですが、うまくいかず以下のページで解決。

バリューサーバーのcronでMovabletypeの再構築を自動化できない

IE9以上でMovableTypeの管理画面が動かないときの対処

Sat, 12 Jul 2014 22:09:48 +0900

MovableType4～5はバージョンごとにレンダリング方法が異なるInternetExploreのバージョン9以上ではブログ記事が入力できないとかメニューが表示できないなど正しく操作できない部分があるようです。（MT6はIE9以降でも動くようです。）

対処方法は簡単な順で以下の方法がありあます。

その１、ChromeなどIE以外のブラウザを使う。

これが一番手っ取り早いのですが、自分以外のユーザーやChromeがインストールされていないパソコンでMTの編集を行うときに困ります。

その２、IEの互換表示設定にURLを登録する

InternetExploreの歯車のメニューの互換表示設定にURLを追加すれば、登録されたURLを表示するときは常に互換表示となります。

その３、メタタグを管理画面のテンプレートに埋め込む

MT設置ディレクトリ内の**/tmpl/cms/include/header.tmplを開いて～**に以下のタグを埋め込みます。

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>

これで、どのパソコンであろうとIEで管理画面にアクセスしたときはIE7の互換表示となり、管理画面を操作できます。

投稿記事内の最初の画像をアクセスランキングに表示-MovableType

Thu, 01 May 2014 09:28:29 +0900

投稿記事内の画像を使って、アクセスランキングにサムネイル画像を表示するためにムーバブルタイプでアクセスランク順に人気記事リストを表示する方法とその他のサンプルのソースをかき集めてどうにかできたのでメモ。

MTに画像を登録していればもっと簡単にできるようなのですが、僕はムーバブルタイプで画像を使うとき、IMGタグを直接書いています。どうもMTのアイテムとして画像を登録するやり方が苦手なんです。画像の遅延表示やLightboxとか使うのに、あとでソースを修正することが多く、最初から手打ち登録するほうが気分的に安心なんです。こんな手間をかけなくてもプラグインとかありそうですが…。

<MTIf tag="BlogEntryCount"><br /><MTEntries sort_by="accessed_count" sort_order="descend" limit="5"><br />  <mt:EntriesHeader><br />    <div class="widget-recent-entries widget-archives widget"><br />      <h3 class="widget-header">アクセスランキング</h3><br />      <div class="widget-content"><br />        <ul id="access-lanking"><br />          </mt:EntriesHeader><br />          <$mt:setvar name="rank" value="1" op="++"$><br />            <MTSetVarBlock name="GetImageURL">
              <MTEntryBody regex_replace="/<[^i].*?>|<i[^m]*?>|<iframe.*?>|<input.*?>|<ins.*?>|<isindex.*?>|\s/g","" regex_replace='/(.*?src=")(.*?)(".*)/g','$2' regex_replace='/^[^\.\/h].*/g','none'>
            </MTSetVarBlock><br />              <li><br />                <MTIf name="GetImageURL" like="none"><br />                    <a href="<$MTEntryPermalink$>"><img src="<$mt:SupportDirectoryURL with_domain="1" encode_html="1"$>theme_static/rainier/img/siteicon-sample.png" width="60" height="60" alt="<$MTEntryTitle$>" /></a><br />                <MTElse><br />                    <a href="<$MTEntryPermalink$>"><img src="<$MTGetVar name="GetImageURL"$>" width="60" height="60" alt="<$MTEntryTitle$>" /></a><br />                </MTIf><br />                <a href="<$MTEntryPermalink$>"><p class="entry-title"><$MTEntryTitle trim_to="43+..."$></p></a><br />              </li><br />            <mt:EntriesFooter><br />        </ul><br />      </div><br />    </div><br />  </mt:EntriesFooter><br /></MTEntries><br /></MTIf>

（ランキング表示にAccess Counterというプラグインを使っていることが前提のソースです。）

まず、正規表現を使ってEntryBody（記事内）のソースからIMGタグのsrcにある画像パスを抜き出してGetImageURLという変数に代入します。もし、画像がなかったらnoneという文字を代入します。

<MTSetVarBlock name="GetImageURL">
   <MTEntryBody regex_replace="/<[^i].*?>|<i[^m]*?>|<iframe.*?>|<input.*?>|<ins.*?>|<isindex.*?>|\s/g","" regex_replace='/(.*?src=")(.*?)(".*)/g','$2' regex_replace='/^[^\.\/h].*/g','none'>
</MTSetVarBlock><br />

アクセスランキング表示の際、画像がなければ代替画像を表示して、あれば GetImageURLに入っている画像パスを使って表示します。

<MTIf name="GetImageURL" like="none"><br />  <a href="<$MTEntryPermalink$>"><img src="<$mt:SupportDirectoryURL with_domain="1" encode_html="1"$>theme_static/rainier/img/siteicon-sample.png" width="60" height="60" alt="<$MTEntryTitle$>" /></a>
<MTElse><br />  <a href="<$MTEntryPermalink$>"><img src="<$MTGetVar name="GetImageURL"$>" width="60" height="60" alt="<$MTEntryTitle$>" /></a><br /></MTIf>

この方法にMTの画像アイテムがあればそれを優先するようなことも加えたいのですが、とりあえず今回はここまで。

参考ページ

http://akamiru.com/2014/02/mt-accesse-counter.html http://akamiru.com/2014/02/mt-accesse-counter.html

Cronとrebuild-pagesを使って定期的にMovableTypeを自動で再構築する

Thu, 24 Apr 2014 10:10:00 +0900

現在、heteml（ヘテムル）のサーバーでMovabletype6（MT6）を使っています。

ムーバブルタイプの再構築を毎日決まった時間に再構築できないかいろいろ調べていたところ、mt-rebuild.plを使用した方法がたくさん検索でヒットしました。ところが現在はファイルを入手できない状況になっているようで、別の方法を検討することにしました。そこでMovabletypeに元々あるrebuid-pagesというファイルを使った方法がありましたのでメモ。

cronによる再構築のスケジュールを設定してみました。cronの設定までに以下のファイルが必要です。

rebuild-pages（MT6に元々ある再構築用スクリプト用のファイル） mt.sh（cronに登録するrebuild-pagesを実行させるためのもの） Local.pm（MTになくrebuild-pagesに必要なものでテキストエディタで作成）

rebuild-pagesの設定

rebuild-pagesというファイルは**mt/tool/**にあります。このファイルを開いて再構築に必要な項目を入力します。

### Parses options.
my @blog_ids;
my @types;
my $username    = 'MTのユーザー名';
my $password    = 'MTのパスワード';
my $script_path = '/mt/';
my $hostname    = 'qwerty.work';　←ホスト名（ドメイン名）
my $silent      = 0;
my $usage       = 0;
my $elapse      = 0;

rebuild-pagesの最後の方のソースを見ればわかりますが、オプションを加えることによりblog_IDやカテゴリページやインデックスページのみを再構築するなど、細かく指定することもできるようです。

mt.shを用意

テキストエディタで以下のソースをmt.shと名前を付けて保存します。（ここでは仮にmt.shとしていますが、.shという拡張子であれば名前はなんでもいいです。）

#!/bin/sh

cd /home/sites/heteml/users***/m/h/0/ヘテムルのユーザー名/web/qwerty.work/mt/
/usr/bin/perl ./tools/rebuild-pages

exit

リビルドに必要な項目はrebuild-pagesで設定しなくても、コマンドで設定することもできるようです。

/usr/bin/perl ./tools/rebuild-pages --user=MTのユーザー名 --pass=MTのパスワード

その他、指定できるパラメータは以下のページが参考になります。

参考：http://www.h-fj.com/blog/archives/2014/05/27-102904.php

mt.shをアップロード

/home/sites/heteml/users*/m/h/0/ヘテムルのユーザー名/にアップロードします。パーミッションは700**（ヘテムルの場合）にします。

違うディレクトリにアップロードすると以下のようなエラーメールが届いて動きませんでした。

/bin/sh: /home/sites/heteml/users/m/h/0/****/web/qwerty.work/mt.sh: /bin/sh: bad interpreter: No such file or directory

Local.pmを作成とアップロード

rebuild-pagesでLWP::UserAgent::Localというモジュールが必要らしいのですが、標準ではないのでmt/lib/の中にLWP/UserAgent/Local.pmを作ります。

Local.pmのソースは「movabletype/t/lib/LWP/UserAgent/Local.pm at master · movabletype/movabletype · GitHub」を使いました。

Local.pmの2行目あたりに以下を追記します。

package LWP::UserAgent::Local;

use lib qw(../lib ../extlib); ←これ

または

use lib qw(
    /home/sites/heteml/users***/m/h/0/ヘテムルのユーザー名/web/qwerty.work/web/mt/lib
    /home/sites/heteml/users***/m/h/0/ヘテムルのユーザー名/web/qwerty.work/web/mt/extlib
);

use LWP::UserAgent;
use base 'LWP::UserAgent';
use IPC::Open2 'open2';

このパスの指定がないとうまく動きませんでした。

cronを設定

ヘテムルのコントロールパネルのcron設定のページでスケジュールで登録します。毎日朝4:00に再構築するように設定して終了。

無事、毎日4時に再構築してくれています。

ヘテムル以外のサーバーでこれでもダメだった場合は以下のページのことも合わせてやってみてください。

バリューサーバーでMovabletypeのrebuild-pagesを動かす

参考にしたページ

正規表現で記事内の最初にある画像のURLを抜き出す-MovableType

Wed, 23 Apr 2014 12:25:25 +0900

ムーバブルタイプの記事一覧にサムネイルを付けたいけど、MT上の画像登録機能を使わず、直接IMGタグで画像を指定していう記事ばかりなのでいくら****で呼び出しても画像が表示されません。

そこで、記事内のHTMLからIMGタグ内にある画像URLを正規表現で抜き出す方法がないかと探したらブログ記事本文中の最初のimgのURLを取得する | かたつむりくんのWWWにありました。

<img src="<mt:EntryBody regex_replace="/<[^i].*?>|<i[^m]*?>|<iframe.*?>|<input.*?>|<ins.*?>|<isindex.*?>|\s/g","" regex_replace='/(.*?src=")(.*?)(".*)/g','$2' regex_replace="/^[^\.\/].*/g","">" />

正規表現は苦手なので、こういうサンプルがないとわけがわかりません。

ムーバブルタイプでアクセスランク順に人気記事リストを表示する方法

Tue, 22 Apr 2014 21:31:39 +0900

Access Counterというプラグインを使って人気の記事リストを表示する方法を書き留めておきます。アクセスの高い順に表示してくれます。

https://github.com/morimasato/mt-plugin-accesscounter https://github.com/morimasato/mt-plugin-accesscounter

プラグインをmt/pluginsにアップロードしてAccessCounter.cgi のパーミッションを755にしてください。（レンタルサーバーがヘテムルの場合700）

パーミッションの設定が644になっている場合は500エラーとなり正常に機能しません。

プラグインのサイトにも説明がありますが、管理画面にアクセスするとデータベースの再構築を促されますので、指示にしたがって進めてください。

そして、以下のコードで「アクセスランキング」というウィジェットを作成。ちなみに**「limit=“10”」**は上位10件を指定しているところ。

<mt:If tag="BlogEntryCount"><br>    <mt:Entries sort_by="accessed_count" sort_order="descend" limit="10"><br>        <mt:EntriesHeader><br><div class="widget-recent-entries widget-archives widget"><br>    <h3 class="widget-header">アクセスランキング</h3><br>    <div class="widget-content"><br>        <ul class="widget-list"><br>        </mt:EntriesHeader><br>            <$mt:setvar name="rank" value="1" op="++"$><br>            <li class="widget-list-item"><a href="<$mt:EntryPermalink$>">#<$mt:var name="rank"$> <$mt:EntryTitle$></a></li><br>        <mt:EntriesFooter><br>        </ul><br>    </div><br></div><br>        </mt:EntriesFooter><br>    </mt:Entries><br></mt:If>

参考にサムネイル画像付きのリストにしたい場合はこんな感じ。

<mt:If tag="BlogEntryCount"><br>    <mt:Entries sort\_by="accessed\_count" sort\_order="descend" limit="5"><br>        <mt:EntriesHeader><br><div class="widget-recent-entries widget-archives widget"><br>    <h3 class="widget-header">人気記事</h3><br>    <div class="widget-content"><br>        <ul id="access-lanking"><br>        </mt:EntriesHeader><br>            <$mt:setvar name="rank" value="1" op="++"$><br>            <li><a href="<$MTEntryPermalink$>"><br>        <img src="<mt:EntryAssets type="image" limit="1"><$mt:AssetThumbnailURL height="60" square="1" encode_html="1"$><mt:Else><mt:Assets type="image" tag="@SITE_ICON" limit="1"><$mt:AssetThumbnailURL height="60" square="1" encode_html="1"$><mt:Else><$mt:SupportDirectoryURL with_domain="1" encode_html="1"$>theme_static/rainier/img/siteicon-sample.png</mt:Assets></mt:EntryAssets>" width="60" height="60" alt="<$MTEntryTitle$>" /> <br>        </a><br>        <a href="<$MTEntryPermalink$>"><p class="entry-title"><$MTEntryTitle trim_to="43+..."$></p></a></li><br>        <mt:EntriesFooter><br>        </ul><br>    </div><br></div><br>        </mt:EntriesFooter><br>    </mt:Entries><br></mt:If><br>

カテゴリページや月間ページ別のランキング表示もできるようです。（以下ページが参考になります）

http://akamiru.com/2014/02/mt-accesse-counter.html http://akamiru.com/2014/02/mt-accesse-counter.html

その他参考

http://every-rating.com/mt/access-countermovabletype.html http://every-rating.com/mt/access-countermovabletype.html

http://www.h-fj.com/blog/archives/2007/01/14-130509.php http://www.h-fj.com/blog/archives/2007/01/14-130509.php

ムーバブルタイプで関連記事一覧を表示する方法

Tue, 22 Apr 2014 20:31:09 +0900

ムーバブルタイプで関連記事一覧を表示する方法

TagSupplementalsというプラグインを使って関連記事リストを表示する方法を書き留めておきます。このプラグインはOgawa::Memorandaが提供していて、タグに関連する記事を表示することが可能です。

http://code.as-is.net/public/wiki/TagSupplementals_Plugin.ja_JP http://code.as-is.net/public/wiki/TagSupplementals_Plugin.ja_JP

TagSupplementalsをmt/pluginsにアップロードするだけで準備は完了です。

そして、以下のコードで「関連記事」というテンプレートモジュールを作成。ちなみに**「lastn=“5”」**は5件の表示を指定しているところ。

<div class="widget"><br>    <h2 class="widget-header">関連記事</h2><br>    <ul class="widget-list"><br>      <MTRelatedEntries lastn="5"><br>        <li class="widget-list-item"><br>			<a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a><br>        </li><br>      </MTRelatedEntries><br>    </ul><br></div>

あとはテンプレート内で表示したい箇所に以下のMTタグを記載すればOK。

<$mt:Include module="関連記事"$>

参考にサムネイル画像付きのリストにしたい場合はこんな感じ。

<div class="widget"><br>  <h2 class="widget-header">関連記事</h2><br>  <ul class="widget-list"><br>    <MTRelatedEntries lastn="5"><br>      <li class="widget-list-item"><br>        <a href="<$MTEntryPermalink$>"><br>          <img src="<mt:EntryAssets type="image" limit="1"><br>          <$mt:AssetThumbnailURL height="60" square="1" encode_html="1"$><br>          <mt:Else><br>          <mt:Assets type="image" tag="@SITE_ICON" limit="1"><br>          <$mt:AssetThumbnailURL height="60" square="1" encode_html="1"$><br>          <mt:Else><br>          <$mt:SupportDirectoryURL with_domain="1" encode_html="1"$>theme_static/rainier/img/siteicon-sample.png<br>          </mt:Assets><br>          </mt:EntryAssets><br>          " width="60" height="60" alt="<$MTEntryTitle$>" /><br>        </a><br>        <a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a><br>      </li><br>    </MTRelatedEntries><br>  </ul><br></div><br>

文字数を指定してタイトルを表示-MovableType

Tue, 22 Apr 2014 19:20:50 +0900

ムーバブルタイプで投稿記事や関連記事の一覧を表示するときなどで、1行の高さが決まっていて指定文字数文だけ表示したい場合は以下で簡単にできます。

<$MTEntryTitle trim_to="30"$>

30文字だけ表示したい場合**「trim_to=“30”」**を加えればいいだけ。

行末に「…」を付けたい場合

<$MTEntryTitle trim_to="30+..."$>

**「trim_to=“30+…"」**とするだけ。超簡単です。

.htaccessでスマートホン用のサイトに転送

Wed, 26 Sep 2012 22:02:59 +0900

Apatchのmod_rewriteを使ってスマートホン用のサイトにリダイレクトさせる方法をメモ。

MovableTypeのプラグインを組み込んでスマホ用のブログページを作りました。

PC用のブログはルートディレクトリの「blog」で、スマートホン用のブログを「blog」の中の「i」にしたとします。

スマートホンからアクセスを転送するため、「blog」ディレクトリに以下の内容で.htaccessを作成します。

#スマホサイトにリダイレクト
RewriteEngine On
RewriteBase /blog
RewriteCond %{REQUEST_URI} !^/blog/i/.*$
RewriteCond %{REQUEST_URI} !^(.JPG|.jpg|.GIF|.gif|.PNG|.png) [NC]
RewriteCond %{HTTP_USER_AGENT} ^(iPhone|iPod|Android|BlackBerry|Windows.Phone) [NC]
RewriteCond %{HTTP_USER_AGENT} !iPad [NC]
RewriteRule ^(.*)$ /blog/i/$1 [R=301,L]

もし、画像やiPadを除き「blog」にスマートホンからアクセスがあった場合は「i」にリダイレクトするという内容。

「i」ディレクトリには画像がないため、ブログ内の画像のソースやリンクまでリダイレクトされると画像が表示されず困るので、画像はリダイレクトしないように5行目を加えています。

リライトルールでディレクトリと拡張子を変更して転送する（mod_rewrite）

Sun, 28 Nov 2010 12:12:16 +0900

レンタルサーバーはロリポップで、

Movable Type 4をMT5にアップグレードした。

ついでに

ディレクトリ：　ルート　→　ルート/blog
拡張子： .html　→　.php

に変更した。

しかし、前のブログにアクセスがあるため、以下の選択肢を考えた。

古いブログ（MT4）と新しいブログ（MT5）と共存させる。
古いブログ（MT4）にアクセスがあったら、新しいブログ（MT5）に転送させる。

結果、新しいブログに転送させるほうが効率が良いので、

.htaccessに正規表現で以下の事を加えて実現できた。

URLのRewriteというApatchの機能らしい。

http://***.com**/**2010にアクセスがあったら http://***.com**/**2010にアクセスがあったら

拡張子を.htmlから.phpに変更して、

http://***.com**/blog**/2010/*****.php**にリダイレクトする http://***.com**/blog**/2010/*****.php**にリダイレクトする

RewriteEngine On
 RewriteCond %{REQUEST_URI} ^/2010.*$
 RewriteRule ^(.*)\.html$ /$1.php [NC,R]
 RewriteRule ^2010(.*)$ /blog/2010$1 [R,L]

とりあえずできたものの、

正規表現というものを使ったことがなく、

理解するまでには時間がかかりそうです。

フォルダごとにこのルールを設定するのは大変なので、

課題として、複数のフォルダに対して一度にルールを適用できるようしたいと思います。

参考ページ

http://blog.aidream.jp/?p=323 http://blog.aidream.jp/?p=323

http://tech.bayashi.jp/archives/entry/techweb/2007/001981.html http://tech.bayashi.jp/archives/entry/techweb/2007/001981.html

MovableTypeの検索で「検索結果の作成に失敗しました。」というエラー

Tue, 18 Aug 2009 15:00:58 +0900

会社で使用しているMovable Type version 4.1なのですが、標準の検索窓に検索語を入れて検索ボタンを押すと**「検索結果の作成に失敗しました。」**と表示されました。

これを何とか解決したちところですが、原因がわからず、いろいろ検索したところ有力情報が見つかりました。

http://do-gugan.com/~furuta/archives/2008/02/movabletype341.html http://do-gugan.com/~furuta/archives/2008/02/movabletype341.html

上記のページを見ると原因は検索結果を表示するテンプレート「検索結果」にインクルードされている以下のモジュールが見当たらず、ちゃんとリンクしていないことが原因でした。

ヘッダー
ブログ記事の概要
フッター

管理している会社のホームページ（ブログ）の場合、このモジュールがすべて名前の変更がされており、削除されていること同然の状態になっておりました。

モジュール名を変更したところ正常に動作しました。

mt-search.cgiの検索が遅いのでblog_ajax_json_search.jsに乗り換えた。

Sun, 05 Jul 2009 01:03:52 +0900

MovableTypeの標準機能のmt-search.cgiによる検索がめちゃくちゃ遅いので、他の検索方法がないか探してみました。

結構、この話題は多いみたいで、すぐに見つけることができました。予め書き出された検索用のjsonのテキストファイルをAJAXで検索して表示するというもので、めちゃくちゃレスポンスがいいです。

http://blog.kumacchi.com/2008/07/mtsearchcgi.html http://blog.kumacchi.com/2008/07/mtsearchcgi.html

設置方法

prototype.jsを読み込む
blog_ajax_json_search.jsを読み込む
search_data.txtを書き出すインデックステンプレートをMovabletypeに作成
検索窓を設置

1.prototype.jsを読み込む

方法は省きますが、jQuery.jsがあるとコンフリクト（衝突）して動かないので対策が必要です。

私の場合、prototype.jsはCloudFlareのCDNから読み込んでいます。

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/prototype/1.7.3/prototype.min.js"></script>

Googleがよければこちら。

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.3.0/prototype.js"></script>

2.blog_ajax_json_search.jsを読む

私の場合、ローカルに保存した物を使用せず、外部から読み込んでいます。

<script type="text/javascript" src="https://furyu.tea-nifty.com/script/blog_ajax_json_search.js"></script>

3.search_data.txtを書き出すインデックステンプレートをMovabletypeに作成

<?xml version="1.0" encoding="utf8"?>
{data: [
<MTEntries lastn="3000">
{title:"<$MTEntryTitle remove_html="1" encode_js="1"$>",link:"<$MTEntryLink$>",body:"<$MTEntryBody remove_html="1" encode_js="1"$><$MTEntryMore remove_html="1" encode_js="1"$>"},
</MTEntries>
{"title": "", "link": "", "body": ""}
]
}

の部分は対象の投稿の上限を指定しています。全投稿を対象にする場合、でもOKです。

コメントも検索対象に含めたい場合は以下となります。

<?xml version="1.0" encoding="utf8"?>
{
data:[
<MTEntries all="1">{
title:"<$MTEntryTitle remove_html="1" encode_js="1"$>"
,link:"<$MTEntryLink$>"
,body:"<$MTEntryBody remove_html="1" encode_js="1"$><$MTEntryMore remove_html="1" encode_js="1"$><MTComments>【<$MTCommentAuthor remove_html="1" encode_js="1"$>】<$MTCommentBody remove_html="1" encode_js="1"$></MTComments>"
},</MTEntries>
{title:"",link:"",body:""}
]
}

4.検索窓を設置

/blog/search_data.txtの部分は環境によって階層が違うので、ご自分の環境に合わせてインデックステンプレートから書き出されたsearch_data.txtがある場所のパスに書き換えてください。

<form action="javascript:blogAjaxJsonSearch( '/blog/search_data.txt', document.getElementById('search_box').value );">
<input id="search_box" size="30" type="search" />
<input id="search_button" onclick="javascript:blogAjaxJsonSearch( 

'/blog/search_data.txt', document.getElementById('search_box').value );" value="サイト内検索" type="button" />
</form>
<div class="content"></div>

``の部分に検索結果が表示されます。

設置例

↓↓上記を参考に作った検索フォーム↓↓（実際に検索できます。）

–>

↑↑検索結果がここに表示されます。↑↑

検索がびっくりするほど速いです。これを作った暴想さんに感謝です。

http://java.cocolog-nifty.com/blog/2005/12/typepadmtajaxja_c70d.html http://java.cocolog-nifty.com/blog/2005/12/typepadmtajaxja_c70d.html

参考ページ

https://furyu.tea-nifty.com/annex/2006/05/blog_ajax_json__94c8.html https://furyu.tea-nifty.com/annex/2006/05/blog_ajax_json__94c8.html

https://hyper-text.org/archives/2007/10/ajax_search_mt.shtml https://hyper-text.org/archives/2007/10/ajax_search_mt.shtml

http://www.55link.com/archives/2006/05/13-2213.html http://www.55link.com/archives/2006/05/13-2213.html

jQueryで動くflexibleSearch.jsというものあった

prototypeを使うblog_ajax_json_search.jsよりも、jQueryで動くflexibleSearch.jsの方が使いやすそうです。また今度試してみようと思います。

https://tinybeans.net/blog/2010/12/21-091505 https://tinybeans.net/blog/2010/12/21-091505

https://github.com/tinybeans/jq-plugin-flexibleSearch https://github.com/tinybeans/jq-plugin-flexibleSearch

https://webcake.stars.ne.jp/flexible-search-mt.html https://webcake.stars.ne.jp/flexible-search-mt.html

http://www.skuare.net/2007/11/movable_typeajax.html http://www.skuare.net/2007/11/movable_typeajax.html

MultiBlog（プラグイン）を使ってMovableType内の別ブログの最新記事リストを表示する

Sat, 27 Jun 2009 10:48:29 +0900

Movable Typeでブログを構築している
同じサイト内に複数のMovable Typeのブログがある
「ブログ1」のページに「ブログ2」の「最近の記事」を表示したい

そんなときに使えるMovable Typeのプラグイン**「MultiBlog」**。標準のプラグインで別途インストールする必要がなく、簡単な設定を行い、表示した部分にタグを埋め込むだけ

「ツール」メニューの中に「プラグイン」がある

その中に「MultiBlog」がある

「設定」で「再構築トリガー」に「ブログ2」が更新されたらインデックスを再構築するように設定し、保存。

そして、「ブログ2」の「最近の記事」を表示したい部分に以下のタグを記述。

<MTMultiBlog include_blogs="2"><br />  <MTEntries lastn="5"><br />
    <h4><MTEntryDate format="%Y-%m-%d">:<a href="<MTEntryPermalink>"><MTEntryTitle></a></h4><br />
    <MTEntryExcerpt><a href="<MTEntryPermalink>">続きはこちら⇒</a><br />
  </MTEntries><br /></MTMultiBlog>

参考ページ

http://cms-mt.com/multiblog.html http://cms-mt.com/multiblog.html

http://www.movabletype.jp/documentation/designer/multiblog/multiblog_template_tags.html http://www.movabletype.jp/documentation/designer/multiblog/multiblog_template_tags.html

Movable Type Pro と BiND for WebLiFE * の組み合わせに挑戦

Thu, 28 Aug 2008 23:36:36 +0900

Movable Type Pro とBiND for WebLiFE *組み合わせた個人ブログサイトに挑戦。

挫折せずに合体できるだろうか…。

Movable Type Pro

http://www.sixapart.jp/ http://www.sixapart.jp/

BiND for WebLiFE *

http://www.digitalstage.jp/bind/ http://www.digitalstage.jp/bind/