Home Server | Makologg???

2009年11月
日	月	火	水	木	金	土
« 10月
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30

2009年09月14日

わーどぷれすっ！

Movable Type 5があまりにもいけてないのでWordPressに移行しました。ベータ版に無理を言うな！と言う声も聞こえてきそうですが、細部のブラッシュアップはともかく方向性までが修正されることはまず無いだろうし無いだろうし、向かっている方向が当方が望む方向とあまりにも違っているので結局WordPressに乗り替えました。

今まではMT4で2つ、WPで2つブログを持ってましたが、全てWPで統一だ！

RSSフィードも変更になってますので、登録されてる方は併せて変更をお願い致します。

自分のWordpressで作成しているブログに接続しようとすると、「サーバに接続出来ませんでした」といった感じのエラーメッセージが表示された。また、Movable Typeの管理画面に入ろうとすると、「Connection error: Can’t connect to local MySQL server through socket ‘/var/run/mysqld/mysqld.sock’」なんてのが表示されてる。

どうやら両者のデータベースサーバとして使用しているMySQLがおかしなことになってるらしい、と言うことで調査開始。mysqld.sockが設定とは違うところに作成されることにより上記と似たようなエラーが表示されることもあるようですが、今回の当方の場合にはおそらく当てはまらない。

と言うのも、昨日までは問題なく動いていたし、アップデートもしていない(当然自動アップデートもやってない)ので、環境としてはほとんど変わってないはずだ…。

となると何らかの他の原因があるはずだ、、、と色々調べてみるも、これと言った情報が得られない。そこで、試しにWebminからHDDの使用状況を確認してみると、ルートドライブの残量が0になってる…。もしかして、このせいで必要なログファイル等が作成できずに起動できてないんじゃね?と思い、不要なファイルをとりあえず削除してみる。

それがビンゴ！！なんとか起動させることが出来ましたのですよ。苦節1時間半。まぁ、これだけで対処できたので良しとしましょうか。

Posted by 法条真琴 at 06:54 | Category: MySQL | Comments [0] | Trackbacks [0]

2008年04月14日

Movable Type 4.X でHighslideを使う

今まで画像のエフェクトとしてLiteboxを使っていましたが、飽きてきたというのと、拡大できる画像が1つだけというのがちょっと気に入らないという点で、類似スクリプトであるHighslideを導入することに決定。正直かなり手間がかかるかなぁ～～～なんて思っていましたが、思ったよりすんなりいきましたね。一度@ET.のサイトで経験してるからかも？

以下、備忘録も兼ねて作業手順を記載。

手順 1.
Highslide JS – JavaScript thumbnail viewerからライブラリを入手。商用利用は有料ですが、非商用の個人利用は無料でできます。ただ、画像の左上にライセンスが表示されるのが難点。この辺りは、おいおい対処していきます。

上記リンク先でページを下にスクロールしていくと「Download」のブロックがあります。そこで「A personal website, educational site or other non-commercial use (free). 」をチェックして、「Download now!」ボタンを押すとダウンロードできます。

手順 2.
ダウンロードしたファイルを解凍すると、ルートディレクトリにいくつかの html ファイルとディレクトリがあります。それらのHTMLファイルと/images/の中身はサンプル用なので、必要ありません。

必要なのは、/highslide/ ディレクトリ以下に含まれていますので、/highslide/ 以下全てのファイルを任意のフォルダにアップロードします。当方の場合はルートの下にJava Scriptを集めた /js/というフォルダを作り、その下に必要なファイルをアップロード。ディレクトリ構造は、 /js/highslide/ となっています。

手順 3.
テンプレートのスタイルシート(styles-site.css)に、以下を追加。太字部分は環境に合わせて編集します。このへんのデザインは、各人の好みに合わせてもらって良いでしょう。

/*— Highslide JS —*/

.highslide {
cursor: url(http://makologg.myftp.org/js/highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
    border: 1px solid #fff;
}
.highslide:hover img {
    border: 1px solid #f09;
}

.highslide-image {
    border: 2px solid #fff;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 2px solid #444;
    border-top: none;
    font-family: Tahoma, Verdana, Helvetica;
    font-size: 12pt;
    padding: 5px;
    background-color: #444;
    color: #fff;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.highslide-loading {
    display: block;
    color: white;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    padding: 3px;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    background-color: black;
}

手順 4.
デザイン → テンプレートモジュール → ヘッダーの <body> タグ直下に以下の行を挿入。

<div id=”highslide-container”></div>

手順 5.
以下の行を<head> ～ </head>間に挿入。

<script type=”text/javascript” src=”http://makologg.myftp.org/js/highslide/highslide.js”></script>
<script type=”text/javascript”>
<!–
    hs.graphicsDir = ’http://makologg.myftp.org/js/highslide/graphics/’;
    hs.outlineType = ’rounded-white’;
    hs.fullExpandTitle = ’実サイズに拡大’;
    hs.restoreTitle = ”;
    hs.focusTitle = ’クリックして前面に表示’;
// –>
</script>
</head>

手順 6.
(MTインストール先ディレクトリ)/lib/MT/Asset/Image.pm
を編集。MTを構成する重要ファイルですので、きっちりバックアップを撮っておいてください。下手をすると、MTが使えなくなります。まー、万一の場合は同一バージョンのMTを落としてきて上書きしてやればおそらく大丈夫でしょうが。もちろんこの辺は自己責任でお願いします。

この手順を行うことで、画像をアップロードすると同時に、Highslideのエフェクトを利用するためのタグが自動的に挿入されます。イチイチ毎回手動で記述するのは面倒極まりありませんからね。なんかこう、ナイスなプラグインがあればこんな苦労はしなくて済むんだけどなぁ…。MTはお気に入りのソフトなんですが、こういうときは遊び心に欠けているように感じますね。

以下の行数はオリジナルのものです。変更を加えていくと若干ずれてくると思いますので、そのへんご注意ください。
249行目付近を以下の通り変更(白字は位置検索用、青字が追加箇所)

        my $fname = $asset->file_name;
        require MT::Util;

        my $fname = $asset->file_name;
        require MT::Util;
        my $mytemp = $fname;
        $mytemp =~ s|\.|\_|;
        my $myalt = $mytemp;

276, 278, 280行目を以下のように変更。換えなくても問題はないですが、マージンが20pxもあるのが気に入らないので自分用にカスタマイズしています。

                $wrap_style .= q{style=”float: left; margin: 0 5px 5px; 0;”};
                $wrap_style .= q{style=”float: right; margin: 0 0 5px 5px;;”};
                $wrap_style .= q{style=”text-align: center; display: block; margin: 0 auto 5px;;”};

312行目以降を以下のように変更
【変更前】

            if ( $param->{thumb} ) {
                $text = sprintf(
                    ’<a href=”%s”><img alt=”%s” src=”%s” %s %s /></a>’,
                    MT::Util::encode_html( $asset->url ),
                    MT::Util::encode_html( $asset->label ),
                    MT::Util::encode_html( $thumb->url ),
                    $dimensions,
                    $wrap_style,
                );
            }

【変更後】

            if ( $param->{thumb} ) {
                $text = sprintf(
                    ’<a class=”highslide” onkeypress=”return hs.expand(this)” id=”%s” onclick=”return hs.expand(this)” href=”%s”><img alt=”%s” src=”%s” %s %s /></a><div class=”highslide-caption” id=”caption-for-%s”><center><strong>%s</strong></center></div>’,
                    $myalt,
                    MT::Util::encode_html( $asset->url ),
                    MT::Util::encode_html( $asset->label ),
                    MT::Util::encode_html( $thumb->url ),
                    $dimensions,
                    $wrap_style,
                    $myalt,
                    MT::Util::encode_html( $asset->label ),
                );
            }

« Hide more

Tags: Highslide

Posted by 法条真琴 at 09:31 | Category: Movable Type | Comments [0] | Trackbacks [0]

2008年04月05日

Movable Type 4.1 導入

1月24日の時点でリリースされていたMT4.1 をやっとこさ導入。2ヶ月以上遅れてアップグレードするのはMTを導入して以来初めてなんじゃないかなぁ？

小粋空間のテンプレートセットを利用し、カラムの切り替えをを簡単にしようとしたら割と大がかりな変更が必要になったため、なかなか手が付けられなかったという事実が。リリースに気付いたのも
だいぶ遅れてましたけどね(ぉ。

基本的に、4.1導入以降も従来と同じ可変3カラム表示で行きますので、見た目的には大きな違いはないと思います。

ま、今後ともよろしくお願いしますね～と言うことで。

にしても、最近記事にするネタが無くて困ってます。フィギュアの紹介をするにしても、基本的に自分が惹かれた物以外紹介するつもりはないので、フィギュア熱の冷めた現時点ではどうしようもないんだよなぁ…。

AVや風俗関連に移行させようとも考えましたが、ある程度友人関連にもこのサイト教えてるからなぁ…。

さて、どうするかな。

Posted by 法条真琴 at 22:56 | Category: Movable Type | Comments [0] | Trackbacks [0]

2008年02月23日

Movable Type 4.1 リリース

blue list Six Apart – Movable Type News: Movable Type 4.1 の出荷を開始

当サイトでも使っている Movable Type がいつのまにやらver4.1にアップグレードされています。

現在使っている4.01でも特に問題は出ていないのですが、そのうちアップグレードしたいなぁ、、、と。ただ、如何せん時間がないのがツライ。何とかならんかなぁ、マヂで。

特に4.1に上げたい理由として、小粋空間のテーマセット “小粋空間: Movable Type 4.1 テンプレートセット（スタイル対応版）” がかなり便利そう！と言うのがある。4.01に適用できるかどうかは不明なので、MTを4.1にアップグレードすると共に導入したいなー。

問題は、配色や若干のレイアウト修正をかける必要があり、割と手間がかかりそうという点。この辺はどうしようもないところですけどね。

Posted by 法条真琴 at 08:54 | Category: Movable Type | Comments [0] | Trackbacks [0]

2007年10月22日

“cgi-bin”ディレクトリで *.xml ファイルを有効化

MT4の管理画面トップにBLOG STATSが表示されますが、MT4をインストールしたディレクトリの下位ディレクトリにあるxmlファイルを読み出している模様。で、Apacheに標準設定だとcgi-binディレクトリ無いのxmlファイルは読めないようになっているので設定を変えてやる必要があります。以下設定方法。

‹Directory /*/cgi-bin/› (アスタリスクは任意)内に、
AddHandler server-parsed .xml .xsl .xhtml
を追記するだけ。

Posted by 法条真琴 at 23:44 | Category: Apache, Movable Type | Comments [0] | Trackbacks [0]

2007年09月30日

Wordpressの画像リサイズ

blue list @ET. ~a Treasury of Entertainers~
ANIMANIA -The Maniacs of Animations-

本ブログはMovable Type 4(最近アップグレードしました)で運営していますが、上記2つのブログはWordpressで運営中。ANIMANIAの方は以前からWordpressを利用していたのですが、@ET.の方は最近乗り換え。んで、乗り換える際にちょっとトラブったのが画像をアップロードした際にサムネールが作成されないという点。昔ANIMANIAの方は出来てたのにいつの間にか出来なくなってました。可能性としては、最近サーバのOS入れ直したので、そのときにサムネールの作成(画像のリサイズ)に必要なモジュールをインストールできてないのかな、、、と。

で、いろいろ調べてみた結果『GD』のインストールが出来てない模様。原因が分かれば対処は簡単♪さくっとaptを使って入れてやれば良いだけです。やり方は

# aptitude install php5-gd

とするだけ。ほんと原因さえ分かれば簡単なもんです、、、。

にしてもアレですね、Wordpressは簡単だ簡単だと良く聞きますが、正直当方はそうは思わないですね。至れり尽くせりの有料レンタルサーバを使用している場合は簡単でしょうが、当方のようにサーバの構築から全て自分でやってる人間からすればWordpressもMovable Typeも環境を作る手間に大差は無いと言うのが正直な感想です。

ただ、再構築不要と言うのは圧倒的に便利ですけどねー。その分閲覧者側はスタティックなサイトより若干のラグが発生 + 頻繁にアクセスされるサイトの場合、常に動的にページを作成しているわけで、サーバの負荷は高くなりそう。まぁ、何れにしろ一長一短ですね。

Posted by 法条真琴 at 23:22 | Category: PHP, WordPress | Comments [0] | Trackbacks [0]

2007年08月25日