Parody's Backyard

サーバーお引越っし

2011-05-28T13:54:54Z

10年ほどお世話になったレンタルサーバーを解約して、お引っ越し作業中。

リンク切れの解消などに少々時間がかかると思います。

MTOS(MT5) 検索ページのカスタマイズ

2011-02-27T06:18:39Z

MTOS(MT5)でウェブサイトを設定し、ウェブページや子ブログを、それぞれ違うデザインで作った場合、デフォルトのサイト内検索の結果表示が、少々情け無い状態になってしまう場合があります。

ページ数が多くなると、フンドシみたいに長いページの表示になってしまうし、ページ毎のデザインや画像がうまく反映されなかったり。

というわけで、画像やデザインは無視して、ヒットしたページのタイトルと、テキストのみを表示してみようと、試行錯誤してみました。

いじる場所

今回いじった場所は、システムテンプレートの[検索結果]。

１．デザインの修正

まずは、[検索結果]テンプレートの

タグとClass名を整理したり追加して、サイトのデザインを反映。

このとき、下記の部分だけは、JavaScriptがページ数を拾いに行ってる場所のようでしたので変更しませんでした。


   <$mt:CurrentPage$>

]]>

２．検索結果の表示内容

検索した結果の内容表示には、デフォルトで、[ブログ記事の概要]モジュールがincludeされてますが、これが情けなくなっちゃう原因なので、新しいモジュールを作ります。

[検索結果]のなかでincludeされている[ブログ記事の概要]モジュールの代わりに、新しいテンプレートモジュールを作成し[ブログ記事の概要]モジュールに差し換えてincludeしてみました。

タイトルとテキストのみを表示する

新しく作ったテンプレートモジュールでは、タイトルとテキストのみ表示したいので、とりあえず、下記のようなコードを書いてみました。


  <$mt:EntryTitle$> - <$mt:EntryBlogName$>
  
    <$mt:EntryBody remove_html="1" strip_linefeeds="1" trim="1" trim_to="200"$>
  
窶謀

のモディファイアは、左から順番に処理されるので、

HTMLタグの削除
改行コードの削除
余分な余白の削除
最初から200文字のみ抽出

といった設定でうまく行くと思ったのですが・・・。

trim="1" で削除してくれる余白は、EntryBody の前後の余白だけで、記事の中にある余白は削除してくれない様子。

ウェブページなどの場合、記事として登録したHTMLの可読性をキープするために、やたらとタブやスペースが本文中につめこまれてしまっていますので、ちょっと困った事に。

trim_to="200" は、本文中のタブやスペースも一文字として拾ってしまっているようなので、200文字表示したつもりが、実際には50文字程度しか表示されないページがあったりして、なんだか、気持ちよく収まってくれません。

正規表現で余白を削除する

試行錯誤した結果、regex_replace というモディファイアを使って、正規表現で余白を削除してみることにしました。

<$mt:EntryBody remove_html="1" regex_replace="/\s/g","" trim_to="200"$>

regex_replace="正規表現","置き換える文字" という書式ですね。

ちなみに、'\s'は、空白文字（スペース、タブ、改行コード、ラインフィード）、'g'が「マッチするものを全て見つける」オプション。

スペース、タブ、改行コード、ラインフィードを全部削除してしまうので、strip_linefeeds と trim は個別にやる必要はありません。

これで、本文中の無駄な余白を全部消せますので、最後に、trim_toで必要な文字数分を抜き出して、狙い通りの結果を手に入れることができました。

MTOS(MT5) 中規模サイトのMT化に挑戦してみた

2011-02-27T05:26:02Z

総ページ数40ページ程度の企業サイトのMT化をする事になりまして、久しぶりにMTOS(MT5)をいじくってます。

もともとサイトを作った人が書いたHTMLがキレイだったので、移植しやすかったです。

ちなみに、本件、身内から頼まれた作業でして、半ば趣味の範囲でさっくりやってしまいました。本職ではございません。

サイトの構成

トップページ、商品説明ページ、会社概要、ニュースリリース、お知らせ、FAQなど、色々なコンテンツが有るサイトでしたので、下記のような構成で考えてみました。

WebSite
  - メインページ（配下のお知らせ、ニュースなどブログのタイトルを参照して一覧表示）
  - フォルダ[商品説明ページ1]
   商品説明ページ1-1
   商品説明ページ1-2
  - フォルダ[商品説明ページ2]
   商品説明ページ2-1
   商品説明ページ2-2
  - ブログ1[ニュースリリース]
  - ブログ2[お知らせ]
  - ブログ3[FAQ集]

FAQ集は時系列情報ではないので、ブログ形式で作るかどうか迷ったんですけど、記事の件数も多いですし、ページ数や内部リンク数も稼げることや、更新のしやすさを考えて結局ブログ形式で展開する事にしました。

ちなみに、並び順の変更は、SuperSortプラグインを利用させて頂いております。（最新のMT5.1では、フォルダの並べ替えができるようですが、今回は5.04なので、こちらのプラグインで対応しました。）

]]> ページ毎のデザインの設定

ページ毎のデザインは、フォルダ単位で行ってみました。

ウェブページテンプレートのを以下のように設定。

これで、ウェブページを再構築すると、となります。

CSSを記述する際に、セレクタの前に#フォルダ名を書き加えれば、そのフォルダ内のページだけに適用する事ができます。

#foo content { width:920px }

たとえば[foo]というフォルダのウェブページの設定ならこんな感じですね。

テンプレートの参照

ナビゲーションメニューや、ヘッダ、フッタなどの共通パーツは、全てWebsiteテンプレートに設定。

配下のブログから親ウェブサイトのテンプレートを直接includeすることはできないので、次のコードを使用しました。

テンプレートの冒頭で、変数にWebsiteIDを格納します。


  <$MTWebsiteID setvar="website_id"$>

で、呼び出すときには、

<$mt:Include module="hogehoge" blog_id="$website_id"$>

この記述でOK。

試してないですが、同じモジュール名がブログのテンプレートにも存在すると上手く動かないと思いますので、モジュール名に接頭語をつけておくと良いかもですね。

メインページでブログ記事の一覧を表示する

メインページで配下のブログ記事の一覧を表示するのは、こんなコードにしてみました。


<$mt:EntryTitle$>

このコードだと、２番のブログの７記事分のタイトルを吐き出してくれます。

教科書どおり？ですね。簡単です。

これで、ニュースリリースやお知らせを、該当のブログで書くと、トップページの一覧に反映されるようになります。（もちろん、更新するたびにウェブサイトの再構築をしないといけませんけど）

思ったより簡単

久しぶりにいじってみましたが、思ったよりも簡単に移植終了。

もともとのHTMLがキレイにブロック分けされてたのが、楽に移植できた最大のポイントかも。

MTOS(MT5) データベースの照合順序（さくらインターネット）

2011-02-27T05:25:39Z

50ページほどあるそこそこの規模の企業サイトのMT化をする事になりまして、久しぶりにMT5をいじくってみました。

MTのバージョンはMTOS5.04、さくらインターネットのクイックインストールでセットアップ。

データベースの照合順序を修正する

クイックインストールしたところ、やり方が悪かったのか、データベースの照合順序がujisになってしまっていたので、[phpMyAdmin]を起動して全て[utf8_general_ci]に修正してみました。

以前したように（MT4.2 + MySQL5.0 の文字コードを変更する）手作業でやったのでは大変なので、下記のサイトを参考にしてみました。

MySQLデータベースの照合順序を変更する方法 - 株式会社テクネコ

NetCommons用のドキュメントですが、目的は同じですので、全く同じやり方で目的を達成できます。

これで、「～」が正しく表示され、「?」にならないですみます。株式会社テクネコさん、深謝。

当たり前の話ではありますが、自己責任でお試し下さい。

]]> やり方

１．DB全体
phpMyAdmin ログイン直後の画面で、DB全体の接続の照合順序を[utf8_general_ci]に変更

２．建てたDBを選択
MTが格納されているDB名を選択し[操作]タブの照合順序を[utf8_general_ci]に変更

３．全てのテーブル及びその各フィールド
  1) 手順の概要
  ①全てのテーブルの照合順序を修正するSQLを自動生成するSQLを実行し、結果をコピー
  ②コピー内容（=SQL文）を貼り付けてSQLを実行

2) SQLを自動生成するSQL
株式会社テクネコさんの資料にあるSQL文をそのままコピーして利用させてもらいます。ちなみに、データベース名[hogehoge]、テーブル接頭語[mt]の場合、下記の通り。
（下記のSQL文のスペースなどの空白は削除せずそのまま利用します。）

SELECT "ALTER TABLE    ", `TABLE_NAME` ,   
"    CONVERT TO CHARACTER SET utf8 COLLATE utf8_general_ci;" 
FROM `TABLES`   
WHERE `TABLE_SCHEMA` = 'hogehoge' 
AND `TABLE_NAME` LIKE 'mt_%'

①[information_schema]データベースを選択

②[SQL]タブを選び、上記のSQLを貼り付けて実行

③結果をCSV形式でエクスポートするが、このときオプションを下記の通りとする。
[フィールド区切り記号] 空白（もともと設定されてる記号を削除する）
[フィールド囲み記号] 空白（もともと設定されてる記号を削除する）
[フィールドのエスケープ記号] 空白（もともと設定されてる記号を削除する）
[行の終端記号] AUTO
[NULLの代替文字列]NULL
[1行目にフィールド名を追加する] しない（チェック無し）

④出力されたCSVをエディタで開いてテキストをコピー、mtのデータベースを選択し[SQL]タブを開き貼り付け実行。
これで全ての照合順序がutf8に変更されたはずなので確認する。

４．mt-configを修正する FTPソフトで、mtをインストールしたディレクトリにアクセス [mt-config.cgi]をエディタで開き、下記の設定を追加する。

PublishCharset UTF-8
SQLSetNames 1

上手く行かない場合は、SQLSetNames 0 に変更する。

この方法、以前に照合順序ではまった時に知っていれば良かった・・・。

MTOS(MT5) ウェッブサイトで特定フォルダ内の一覧を作る

2010-03-15T14:11:51Z

ウェッブサイトのフォルダに作成した複数のページのナビゲーションリンクを作成してみます。

関連性のあるページ群をフォルダ毎に分けて作成して、特定フォルダ内のページだけのナビゲーションリンクを作ったりできると便利ですね。

例えば、ヘッダの付近にサイト全体のナビゲーションリンクを水平方向に設置。各フォルダのトップページへのリンクを貼っておきます。

コンテンツエリアの左サイドには、そのコンテンツが保存されているフォルダのページへのリンクが一覧表示されるイメージです。

]]> フォルダの名前でフィルタする

ウェブサイトのウェブページ一覧などを作成する場合は、という mt タグを使用します。

そのままだと、全部のページが再帰的に表示されてしまいますので、モディファイアでフィルタの設定をしてしまいましょう。

<$mt:FolderLabel$>

   
   <ul>
   
      <li><a href="" title="">a>li>
   
   ul>

この例では、現在のページが保存されているフォルダ名でフィルタしましたが、例えば、tag でフィルターする事もできますね。

mt:Pages タグでループが始まる前に、現在のページのフォルダ名を変数に読み込んでおき、それと同じフォルダに入っているページのみにフィルタして、リストで出力するわけですね。

この例では、ページの作成日でソートしていますので、コンテンツのサイドナビゲーションの並び順は、各ページの作成日を変更する事で並び順を調整します。

このようなコードを、ウィジェットなどに登録しておいて、サイドに表示するようにすると、簡単に同一フォルダ内のリストが作れて楽チンです。

MTOS(MT5) ウェッブサイトでページ毎に違うデザインを適用する

2010-03-15T13:55:09Z

ちょっと小手先ですが、ページ毎に違うデザインを適用する方法を考えてみました。

大幅なデザイン変更ではなく、CSSで対応できる範囲の変更です。

たとえば、カラムの並び順を変える事や、背景画像や色などを変更できますが、HTMLをいじらないとできないような変更は、この方法では無理です。

]]> body に id を設定

方法論を先に言ってしまいますと、body タグに id を設定してしまいます。

複数のデザインを設定する場合、デザイン毎に個別のフォルダを用意して、そのフォルダの中にウェブページを生成します。

保存先フォルダの設定は、ウェブページの新規作成時に選ぶことができますね。

ウェブサイトのウェブページには、カテゴリを設定する事ができませんので、ページを格納するフォルダをカテゴリに見立てれば良いわけです。

まず、インデックステンプレートの「メインページ」テンプレート。

という具合に、id を振っておきましょう。

続いて、アーカイブテンプレートの「ウェブページ」テンプレート。

<body id="<$mt:FolderLabel$>">

これでOKですね。

例えば、"./profile" というフォルダに保存された全てのウェブページの body タグには、"profile" という id が自動的に振られるようになります。

こんな感じです。

CSSの記述

まずは、全てのページに共通の、もしくは基本となるスタイルをCSSで記述してしまいます。

その後に、トップページだけに必要なスタイルや、profile フォルダなど各フォルダに納められたページ用のデザインを上書きする形で記述します。

例えばこんな形です。

#content-inner { color: #000; }

#top #content-inner { color: #F00; }

#profile #content-inner { color: #00F; }

こうしておくと、テキスト色は通常黒で表示されてますが、トップページとprofileフォルダに納められたページのテキスト色だけ、それぞれ、赤と青で表示されるようになります。

とても簡単ですね。

float や、widthなどのレイアウト系をいじると、カラムを入れ替えたり、見た目のサイズを変更したりする事もできますし、背景画像をいじれば、ページのイメージをガラリと変更する事も可能です。

ただし、順番は必ず、各ページの個別デザイン設定が一番最後になるように書きましょう。

順番を間違えると、ちょっと淋しい結果になってしまいます。

MTOS(MT5) ウェッブサイトテンプレート

2010-03-15T13:29:02Z

正直に言いますと、ウェブサイトテンプレートとブログテンプレートの違いが良く解っていませんでした。

今回のウェッブサイトの構築で、何となく理解。

そして、良く解った事が一つ。ウェブサイトテンプレートとブログテンプレートは、それぞれ完全に独立しているということ。

ウェブサイトテンプレートを頑張っていじっても、ブログテンプレートはまったく影響受けません。

まぁ、よくよく考えてみれば当たり前の事なんですが、ウェブサイトにもウェブページの新規作成があり、ブログにもウェブページの新規作成があり、きっと繋がっているんだろうと勝手に混同してたんですよね。

初心者すぎます。

ちなみに、ブログ側から上位要素となるウェブサイトテンプレートを参照する事はできる様です。この辺は、次に機会があるときに挑戦してみましょう。

では、初心者が初心者用に、以下に作業工程をメモする事にしますね。

]]> MTOS(MT5) ウェブサイトテンプレートの設定

まず、index.html - 日本語版ならインデックステンプレートの「メインページ」という名前のテンプレート -を開いて、編集画面の下の「テンプレートの設定」を展開して、出力ファイル名を、index2.html などに変更しておきましょう。

これを変更せずに、勢いで再構築してしまいますと、僕みたいに、もともとのindex.htmlを上書きしてしまって、ちょっと残念な事になってしまいます。サイトが完成するまでのしばらくの間は、index.html以外の名前にしておいたほうが無難ですね！

とりあえず、トップページとして表示したいHTMLが既に出来上がっているのなら、この「index.html」に丸々コピーして貼り付けてしまったらいいかもしれませんね。mtタグが入っていない素のhtmlでも、もちろん問題無い訳です。

整理しておきましょう。

「メインページ」テンプレの出力ファイル名を変更しておく。
トップページのHTMLを「メインページ」テンプレに丸ごと貼り付けちゃうと便利。

モジュール化

トップページやその他のページで共通の部分、たとえばナビゲーションバーなどをモジュール化していきます。

htmlヘッダのmeta、body直下のヘッダ、ナビゲーションリンク、アクセス解析タグ、フッタなどがこれに当たる部分になるでしょうか。

切り出した部分をモジュールテンプレートとして登録してしまえば、<$mt:Include module="モジュール名"$>で呼び出すだけなので簡単ですね。それぞれのモジュールテンプレートは、後からのんびりと個別にいじりましょう。

モジュール名は、自分がわかりやすい名前をつけておくといいですね。

思いっきり切り出して行きますと、「メインページ」というインデックステンプレは、こんな感じに簡素になってしまいます。（ちょっとやりすぎ？）




    <$mt:Include module="header"$>
    " />
    hoge_hoge


    
        

          <$mt:Include module="banner-header"$>
         
          <$mt:Include module="menu"$>
         
          <$mt:Include module="title"$>
         
          <$mt:Include module="content"$>
         
          <$mt:Include module="banner-footer"$>

細かく切り分けずに展開したままの方がいいような場合もあると思いますので、ホドホドにというところでしょうか。

テンプレートのソースに左インデントを設定すると、ＨＴＭＬが生成される際、各モジュールが出力する一行目にしかインデント設定がされない為、吐き出されたＨＴＭＬはガチャガチャして汚くみえます。

でも、「テンプレートのメンテナンスが簡単にできる事」の方のが大事なので、生成されたＨＴＭＬのみてくれなど気にしてはいけません。

ウェブページのテンプレートも設定

ついでに、アーカイブテンプレートの「ウェブページ」も、「メインページ」を参考にして、書き込んでしまいましょう。

ウェブページの新規作成に際しては、このアーカイブテンプレートが呼び出されることになります。

複数のデザインを登録していきたいところですが、どうやら簡単にはできそうも無いですし、大幅なデザインの変更をページごとにしたければ、そのデザイン毎にブログを新規作成してブログテンプレートでデザインをいじる方が賢明なようです。

なんせ、ブログでもウェブページを作れるわけですからね。

MTOS(MT5) ウェッブサイトに挑戦してみました。

2010-03-14T17:14:58Z

ちょっとしたキッカケで、とある小規模なウェッブサイトをコーディングする事になってしまいまして、どうせやるならMTOS(MT5)でやってみようという事で頑張ってみました。（先方へ了解を取れていないので、作成したサイトのリンクを貼れません。）

今まで、ブログ機能しか使った事が無かったので、そこそこ苦労をしました。

お陰さまで、色々と解っていなかったという事が良く解りまして、実は、面倒くさくて今さら後戻りができない様な細い道にまで入り込んでしまったようです。

まだ完成はしていませんが、とりあえずのところ、見た目上は計画通りのサイト構築ができそうです。でも多分、MTOSのもっと効率の良い使い方ができたんじゃないかと、こっそり後悔しております。

「次はもっと上手くやります！」と、お友達のサイトオーナーさんへ言う事もできず、心の中でこっそりつぶやく程度にしています。まぁ、無償ボランティア作業でしたので、それでいいです。いい事にして下さい。ゴメンナサイ。

というわけで、次の時に失敗しないように、簡単な備忘録を何回かの記事に分けて残しておこうと思います。（なんて人柱なの・・・ゴメンナサイ）

]]> サイトの構成

計画したサイトの構成は、下記の通りです。

トップページ　（ナビゲーションバー、新着情報、バナー類など）
- 会社情報、事業所案内など
- 自社製品情報、商品個別ページ
- 他社取扱商品、商品個別ページ
- 問い合わせフォーム
- 新着情報
- サイトマップ（HTML）
サイトマップ（XML）

デザイナーさんがイラストレーターで作ってくれたページのデザインを切り刻んでテンプレートとコンテンツをおこしました。

トップページとトップページ以下の各ページとは、コンテンツレイアウト（割り付け）が若干違います。

トップページ以下の各ページは、レイアウトは一緒なのですが、アイコンやボタンなどのベースカラーが違います。

本当はこうするべきだった？MT上での構成

簡単に整理すると、下表のような扱いをすると良さそうです。

ページ	MTでの扱い	フォルダ	テンプレート
トップ	ウェッブサイト	ルート	グローバルテンプレ
会社情報	ブログ1	./profile	ブログテンプレ
自社製品情報	ブログ2	./products	ブログテンプレ
以下同様
サイトマップ	ウェッブサイト	ルート	グローバルテンプレ

トップ以下の各ページは、グループごとにベースカラーが違います。また、グループ内のナビゲーションリンクをサイドに一覧表示しなければなりません。

したがって、それぞれ別々にブログを建てた方が扱い易かったのじゃないかなと、今では思っています。

実際には、このベースで作成しているわけではないので、この構成でのコードは書いてません。次の機会に（機会があればですが）書いたときにでも、整理して記事にしてみようと思います。

現実は、新着情報を除く全てのデザインをウェッブサイトテンプレートに書き込み、各ページをウェッブサイトのページとして生成しました。

ほとんど作業が終りかけたあたりで、上記の事に気づいたんですよね。遅すぎた・・・。

されど、個別ブログを建てないでやった今回の方法でも、テンプレート参照が簡単なので楽なんですけれど、各グループ毎のベースカラーの変更に対応したり、グループごとのナビゲーションリンクを作るのには、ちょっと考えないといけませんでした。

あまり賢くないやり方なのかもしれませんが、この辺のコードについては、次の記事で整理する事にします。

ルートにブログを設定して大失敗

もうひとつ、大失敗をしました。

新着情報をブログ形式で扱おうと思いまして、ルートにブログを設定したのです。

ちょっと考えればわかる事なのですが、ウェッブサイトのインデックステンプレートにも、ブログのインデックステンプレートにも、デフォルトでトップページ用の index.html を吐き出すテンプレートが有るんですよね。

ブログを作ったときに、「再構築してください」とかいうメッセージが出るものですから、大喜びで再構築したところ、とっても残念な結果になってしまいました。

ブログ単体で稼動するサイトなら良いですが、ウェッブサイトの下に複数ブログを運営するサイトでは、ルートへのブログ設定は危険ですね！

ウェッブサイトページ群と思いっきり競合いたします。

当該ブログを削除して、ウェッブサイトの再構築をして復活致しましたが、こんな事やってはいけません。

初めての挑戦は、いろんな事が起こってエキサイティングです。（笑）

wysiwygエディタは結局CKEditorにしてみた

2010-03-01T15:10:48Z

とりたてて大した話ではないのですが、CKEditorをサーバーにアップして、使う事にしました。

ここ最近、JugemにあったブログをFC2へ移転したついでに、FC2用のテンプレートを作ったりしていました。

FC2の投稿画面では、CKEditorの前バージョン、FCKEditorが使えるのですが、FirefoxとIEとでは改行時の挙動が違うんですね。

]]> IEで改行をすると、

タグで括られるんですが、Firefoxだと
タグが挿入されるんです。

どちらかというと

タグに上下マージンを設定して、段落を作って書いていくスタイルが好きで、
タグを連発するのは好きではありません。Firefoxで

タグを手打ちで入れてみようとしたのですが、文章を書くリズムが崩れてしまうのでどうもいけません。

そこで、wysiwygエディタでも探すかという事になりまして、色々と考えたのですが、結局、CKEditorをレンタルサーバーにアップロードしまして使用する事としました。

最初は、ローカルにフリーのソフトをインストールしようかとも思ったのですが、必要なのは以下のコンテンツ部分の編集に必要な機能だけですし、複数のロケーションで使う事も考えるとブラウザから使えるCKEditorがベストチョイス。

このサイトのMTOSもCKEditorのプラグインを入れてあり、慣れているのも理由の一つになりますね。

セットアップも使い方も簡単

ダウンロードしたCKEditorを解凍して、サーバーにFTPでアップロードするだけですぐ使えます。一応、フォルダにベーシック認証をセットして、第三者がアクセスできないように設定してあります。

アップロードしたディレクトリの下にある _sample ディレクトリを呼び出すだけで、数パターンのサンプル画面へのリンクが表示されるのですが、「ENTER Key Configuration」というサンプルが現在のお気に入りです。

書き終わって、submit ボタンを押すと、タグの入ったHTMLが画面に表示されますので、これをコピーして必要な場所へ貼り付けるようにしています。

Firefoxのタブの一つがエディタになったような状況ですので、なかなか使い勝手が良いです。アプリケーションをローカルPCにインストールする事は、どんどんと少なくなっていくのかも知れませんね。

IE7の画像の隙間とネガティブマージン

2010-02-16T16:37:51Z

FC2に移転した「ぱろでい日記」のサイトデザインをしておりまして、またもやIEの仕様にやりこめられました。

問題となったのは、2点。

まずは、背景画像を設定するため、スペースのみを入れた空白のブロック。高さが1px増えてしまい続くブロックとの間に1pxの隙間ができてしまいました。

もう一点は、ネガティブマージン（マイナスのマージン）を設定したブロックが削れてうまく表示できない事態。

いずれも解決しましたが、IE以外ではキレイに表示できるのに、なんでIEは・・・。

今回のトラブルは、いずれもIE7（IE8のIE7互換表示）で発生したものです。

]]> line-height: 0; の罠

正直、自分の設定方法が変だったのでしょう。

問題のソースはこれ

HTML

 
コンテンツ

CSS

.header {
  background-color: #F00;
  height: 6px;
  font-size: 0.1em;
  line-height: 0;  }

.content { background-color: #F00; }

これを表示すると、空白行の最初のブロック（header）と次のブロック(content)との間に、1px の隙間ができてしまうのです。

IE8の互換モードで表示するとこうなってしまいます。

IE8の通常モードやFirefoxで表示すると、ちゃんと隙間なく表示されます。

line-height: 0; が問題だったらしく、これを削除したら、隙間が無くなりました。最初のブロックのDIVの間のスペースを削除して、完全に空の、文字の無い状態にしても隙間が消えます。

まぁ、height を設定して、0.1emの高さの空白しかない行に、さらにline-height を上からかぶせるのも念が入りすぎかもですよね。

なんでこんなに念には念をいれてしまったのかと申しますと、背景画像を設定しないプレーンなデザインにしたい時の事を考えて、background-image と画像のheight を削除したら、この行が表示されないようにしたかっただけなんですよね。

ネガティブマージンで画像が欠ける

もう一点は、背景画像で表示しているブロックの上下の角丸の枠組みを、画像を表示するブロックだけ非表示にしたかったんです。

マイナスのマージン（ネガティブマージン）を使って、角丸画像を指定しているフッタ部分を、バナー画像の内側に引きずり込んで表示させないようにしようとしたところ、引きずり込んだネガティブマージンの分だけ、画像が欠けてしまったんですね。

こちらは、その画像がある親要素に、

position: relative;

を設定することで回避できました。

IEさん！いろいろと難しいね！！！！

Firefox3.6 PrefBar リファラを送信しないアドオン

2010-02-11T02:02:13Z

製作中のサイトやアクセス解析のページ、Webalizerのページなど、第三者にURLを知られたくないサイトからリンクを辿りたい時に、リファラ（referer）が送信されてしまうと問題がありますよね。

今までは、Firefoxで

リンクを右クリック
リンクのＵＲＬをコピー
新しいタブを開いてＵＲＩを貼り付け
Enterキーを叩いて表示

という、４モーションで操作してたのですが、大量のリンクを見に行きたいときなどは不便すぎます。

というわけでアドオンを探してみたところ、Firefox3.6に対応しているナイスなアドオンを見つけて導入してみました。

]]> PrefBar

結構古くからあるアドオンのようです。日本語にローカライズしてくれている方がいらっしゃって便利に使えます。大変有り難いことです。

PrefBar、PrefBar （日本語版）

日本語版のインストールは、ダウンロードしたxpiファイルを、Firefoxの新しく開いたタブにドラッグ＆ドロップすればＯＫですね。

再起動するとさっそくツールバーが表示されます。

デフォルトでは「リファラを送信」のチェックボックスは設定されていませんので、カスタマイズで追加しないといけません。

参照先のサイト毎に個別の設定をしていくアドオンなどもあるようですが、自分には、このツールのが直感的で使いやすいですね。現在表示しているページ（参照元ページ）をベースにしてリファラを制御できるのがナイスです。

もっと早くに導入していればよかった・・・。

WindowsXPと回線速度

2010-02-07T17:45:26Z

CATVの契約を変更しまして、回線速度を増速致しました。

ベストエフォート40Mの契約を160Mに変更です。

実測ベースで、25M程度出ていましたので、４倍の契約なら100M近く行く筈だと、ワクワクしながら速度チェックしてみると、32M程度しか出ていません。

]]> AFDの罠

RWIN値を書き直せばよいのかな？と思いまして、InternetAcceleratorSPなるソフトをインストールしまして実行。

RWIN値は、手打ちで、「128480」を試しに入れてみたのですが、http://www.speedguide.net/analyzer.phpで確認してみたところ、なぜか、

Default TCP Receive Window (RWIN) = 64240

という残念な表示。

しばらく悩んだ挙句、検索してみると、ブロードバンドスピードテストというサイトで、XPの場合、RWIN値とは別にAFDの設定がされているとそちらが優先されているとの記事を発見。

言われたとおりにhttp://members.at.infoseek.co.jp/mimi1014/download.htmlで、NetTuneを入手し確認したところ、AFDに64240という数値が設定されておりました。

不思議ですね。これは普通気づかないよなぁ。

このAFD値を削除し、RWIN値を「1027840」にしたところ、80Mまで速度を上げる事に成功いたしました。

上り回線も今までの5倍近い10M弱出ますので、ビデオのアップロード等はとっても楽になりました。

よかったよかった。

MTOS(MT5)をインストールしているサーバー

2010-02-05T03:17:47Z

このサイトは、ASJホスティングサービスにお世話になっています。

契約情報を見ましたら、最初の契約が 2000/06/28ですから、もうじき１０年のお付き合いになるんですね。

以前は「アドミラルシステム」という名称だった会社さんで、マザーズ上場企業です。この業界の中では老舗の部類ですね。

実はMovable Typeを使用するキッカケになったのも、こちらのマニュアルにMT4のサーバーインストール方法の解説があったからです。

アフィリエイトのA8.net に出広されていましたので、提携申請をしまして記事を書いてみる事にしました。（正直に書きすぎですね。）

ご興味のある方は、ご自身の環境と比較する意味も含めてお付き合い下さい。

]]> サーバー環境について

ASJのマニュアルにもありますが、MT4.2をインストールする環境は整っています。MTOS(MT5)のインストールも問題ありません。現在、このサイトは、MTOS 5.01で稼動しています。MediaWikiも大丈夫です。

このサイトがあるサーバー環境は、下記の通りです。（契約種別は、二番目に安いLiteです。）

FreeBSD 6.3-RELEASE-p12
Apache
MySQL　5.0.83
perl　5.8.8
php 5.2.11　(モジュールモード)
Ruby 1.8.6
Python　2.5.2
phpMyAdmin 3.2.0.1
Perl経由でSqliteも使用できます。
crontabも使用できます。

申し分ないですね。

Perlモジュールも、普通に使用するものはインストールされていますので、不便を感じる事はありません。悪くないです。ちなみに、Perlは、どのディレクトリからも実行できます。

トラブルについて

この10年、ASJホスティングサービスを使用している間、トラブルは一回だけでした。

ちなみに、現在3つのホスティング契約をしています。（いずれもLite）一番多かった時期には都合５ドメイン分の契約をしていました。そのうち２ドメインは専用サーバーを建てる事となりまして解約しました。解約手続きも、トラブル無く気持ちよく済んだ覚えがあります。

さて、トラブルですが、契約条件変更にともないサーバー移動した際、メールが一時的に不通になりました。サポートに電話して、数時間で復旧しました。原因ははっきりと説明してくれませんでしたが、たぶんMXフィールドの記述ミスだと思います。

サーバー移動処理後、新サーバーの稼動通知がされた後もメールが届かないので、こちらで気付きサポートに電話して直してもらったものです。最初からサーバー移動に伴うサービス中断を織り込み済みだったので、大事には至りませんでした。ミスが無いのが大前提ですけど、電話してすぐに直してくれたので、まぁ良いかなと。

それ以外では、預けているすべてのドメインについて、サービスが中断した記憶はありません。自分の運が良いのか、はたまた、ASJの管理が良いのかわかりませんが、事前予告無しのサービス中断に出会った事が無いのは有難い話です。

簡素で質実剛健？

ASJホスティングサービスのイメージですが、派手に宣伝してるわけでもなく、価格的にも特別安いと言うわけでもなく普通だし、盛りだくさんの追加機能（余計な機能とも言いますが（笑））がゴテゴテとついてるわけでもありません。特徴が無いんですよね。イメージ薄いし。それでもユーザーさんが多いのは老舗の強みなんでしょうかねぇ。

まぁ、必要十分な機能が整備された職人好みの環境ですよね。制約条件が少ないのが何より良いですね！

おそらく、ユーザーさんも落ち着いた企業さんや個人さんが多いんじゃないかなと勝手に思っています。目立ってない分、余計なトラブルも呼び寄せにくいのかもしれません。「壊れにくい職人向けの道具」的なイメージですね。

契約種別はいろいろありますけど、個人や中小企業が自分サイトを運営する分には、Liteで十分すぎるでしょう。メールも無制限に設定できますし、必要な機能はほとんど整ってますしね。

一応、アフィリエイトな記事なので、ちょっと地味すぎるなと思いますけど、このバナー貼っておきますね！もうちょっと目立つバナーを作ればいいのに。

MTOS(MT5)のインストールにあたって

このサイトがおかれているサーバーと、ローカルの環境に依存した問題かもしれませんが、何点か知っておくと良い細かな不具合や相性の問題があります。

大量のファイルをアップロードする際のFTPソフトとの相性
- FFFTPで数十のファイルを同時にアップロードした場合、タイムアウトが発生して失敗するケースが頻繁に発生します。FileZillaなら問題ありません。
- なお、この不具合は、ローカルのＰＣや使用している回線の問題も絡みますので、別のローカル環境では問題とならないかもしれません。
mt-config.cgiでの文字コードの設定
- MySQL5で文字コードをUTF-8にして設定する場合、MTの公式サイトによれば、mt-config.cgiに、
```
SQLSetNames 0
```
  を設定しろとなっていますが、ASJのサーバーでは、
```
DefaultLanguage ja
PublishCharset UTF-8
SQLSetNames 1
```
  としたほうが良いようです。
ImageMagickの問題
- MT4では問題ありませんが、MT5ではASJのサーバーにインストールされているImageMagickだと上手く動きません。そこで、mt-config.cgiに、
```
ImageDriver NetPBM
```
  として、NetPBMを使用しています。ちなみにGDでも動きます。

なお、ASJでMTを稼動させる場合のmt-config.cgiの記載例が、ASJのヘルプサイトに掲載されていますのでとても参考になります。MT4.2用ですが、MT5でも問題なく使えそうです。ただし、

弊社では StaticWebPath の設定は必要ないものとなっておりますので
StaticWebPath を含めて全て削除して頂きますようにお願いいたします。

という記述がありますが、StaticWebPathを言われたとおりに削除してしまうと、一部のプラグインが正常に動作しなくなりますので注意が必要です。

DBUmask ****
HTMLUmask ****
UploadUmask ****
DirUmask ****

この辺の記述は残しつつ、それ以外は自動生成された mt-config.cgi と記載例とを比較しながら、自分で設定したほうが無難でしょう。

MediaWikiのインストールについて

MediaWikiもまったく問題なく稼動いたします。

インストール時に自動的に生成されるLocalSettings.phpは、下記の程度の内容を手直ししたり追加しておけば、とりあえずのろころは良いかと思います。

#タイムゾーン
$wgLocalTimezone = 'Asia/Tokyo';

#ロゴとファビコン
$wgLogo = '/ディレクトリ名/skins/common/images/ロゴファイル名';
$wgFavicon = '/ディレクトリ名/skins/common/images/icoファイル名';

#アップロードファイル種類
$wgFileExtensions = array( 'png', 'gif', 'jpg', 'jpeg', 'pdf','svg');

#アクセスカウンター
$wgDisableCounters = TRUE;

#先頭文字大文字化
$wgCapitalLinks = FALSE;

#SVG画像対応
$wgAllowTitlesInSVG = TRUE;

MySQLのDBは、安い契約だと一個しかもらえませんが、MTOSとMediaWikiを同じＤＢに共存させても、まったく問題ありませんので、一個で十分ですね。

TrackbackURLをクリックで選択状態になるようにしてみました

2010-01-28T12:45:59Z

MTOS(MT5)の標準テンプレートだと、トラックバックURLは、テキストが単純に表示されるだけですね。

トラックバックＵＲＬを選択するのが面倒で使いづらいです。

テンプレートモジュールの、「トラックバック」の記述は、下記のようになっています。

トラックバックURL: <$mt:EntryTrackbackLink$>

シンプルですね。

ちょっと使いやすくする為に、URLをクリックするとURL全体が選択状態になるように変えてみました。

]]> テンプレートの変更

テンプレートモジュールの「トラックバック」の該当部分の記述を、下記のように書き換えてしまえばＯＫですね。

<p>トラックバックURL: <input onfocus="this.select()"
 value="<$mt:EntryTrackbackLink$>" readonly="readonly" />p>

とっても簡単です。

このままだと、テキストエリアの幅が狭くて、URLが半分ぐらいしか表示されずバランスが悪いので、インデックステンプレートの「スタイルシート」で調整しておきました。

.trackbacks-info input {
width: 300px;
}

こんなもんで良いでしょう。

こうやって、細かいところをチマチマといじって直していくのって、プラモデル作っているみたいでなかなか楽しいです。

JugemブログからFC2ブログへの引越し

2010-01-23T04:18:21Z

Jugemで３年７ヶ月に渡りダラダラとくだらない日記を書き続けてきた「ぱろでい日記」を、FC2へ引越しする事に致しました。

新しい「ぱろでい日記」のアドレスは、（http://anabas.blog107.fc2.com/）です。

実は、以前に書いたエントリー JugemからMT4への引っ越しで、一度はMTに「ぱろでい日記」を移植したのですが、結局そのときは、折角MTにコピーした記事を全て削除して移転を中止しております。550余（当時）に及ぶ記事がGoogleやYahooにインデックスされているのを捨てるのもどうかと思い、Jugemを続けるという判断をしたのです。

ところがその後、状況の変化がありまして、結局、FC2へ「ぱろでい日記」を移転する決断を致しました。

移転の作業自体は、とても簡単でした。

]]> JugemからFC2への引越し手順

あっけ無いほど簡単でした。

まず最初に、FC2でブログを開設。

続いて、FC2が用意しているブログお引越しツールというページで、JugemのユーザーＩＤとパスワード、ブログＩＤを入力。（ブログＩＤは、サブドメインの事で、ユーザーＩＤと同じ場合が多いと思います。）

開設したFC2ブログの登録メールアドレスとパスワードを入力。

あとは送信ボタンを押して待つだけです。

「ぱろでい日記」の移転に実際にかかった時間は、下記の通りでした。

申請登録：1/20　22:40頃
完了時刻：1/21　2:30頃
かかった時間：４時間弱
総記事数：584件

Jugemにアップロードしていた画像もキレイに全てインポートされている様子です。

参考までに、Jugemの元記事とFC2へインポートされた同じ記事（あけおめ！ことよろ！IS4hチップ！）。

まったく問題ないですね！

ただ一点、カテゴリがインポートできず、全て「未分類」という新しく作成されたカテゴリに登録されてました。

さすがに584件の記事を個別にカテゴリ登録しなおすのは厳しいので、「未分類」カテゴリを「旧サイトの記事」という名前に変更しておきました。

一応、Jugemの方の記事は全て非公開（上記の比較の為に残したページを除く）にして、移転の通知だけトップページに書いておきました。

検索エンジンへの登録

続いて、検索エンジンへの登録。定番の３ヶ所ですね。

HTMLヘッダに、それぞれのサイトから発行された認証用のmetaタグを埋め込んでサイトマップURLを登録。

301リダイレクトは当然使えないですし、meta refresh を使って転送するのもどうかと思いますし、ましてページ毎にリダイレクト先を設定する事は不可能です。

検索エンジンに登録されていた旧サイトのインデックスは全て捨てる覚悟で引越しです。

FC2へ移転する経緯

2009/12/15にJugemの仕様変更がありました。

「無料ユーザーのブログ記事に（Jugemが強制的に）表示している広告をGoogle AdSenseに変更するから、ユーザーのAdSense広告は強制撤去します。AdSense広告を使いたいユーザーは、有料版へ移行して下さい」的な通達がありました。

無料で使わさせて頂いている身分でございますので、広告が表示されることについては何ら文句はございません。広告が表示される程度のことで、これだけの機能を無料で使う事ができるのですから、とても有り難いお話だと思っております。

正直申しまして、「ぱろでい日記」は、たいしたアクセス数も無いですしAdSenseのクリック率もとても低いサイトです。AdSenseを貼れなくても実害はまったく無いです。だから検索エンジンに登録されているインデックスを全て捨てても「別に構わないぞ！」ぐらいの勢いで引越しができるのですけどね！

さはされど、先々の事を考えると、AdSenseを貼れないっていうのは、デメリットが大きいんじゃないかと。

色々と考えたあげくJugemから他のブログサービスへの移転を決意したのです。

各ブログサービスを比較した結果、Jugemからの引越しがとても簡単に出来そうなFC2を移転先に決定いたしました。

新サイトに記事を移さず、旧サイトをサテライトサイトとして残す事も考えましたが、なんだか不便だし。

記事を移したら移したで、新サイトがミラーサイトとして登録されてしまうのも癪ですよね。というわけで、旧サイトの記事を全て非表示にした上で、記事を全て移植したんですけど果たして正解だったのかどうか。

まぁ、個人のプライベートサイトなので、どうでもいいですよね！