検索結果: Atelier

このブログを検索

Atelierで“MTB”が含まれるブログ記事

2008年8月24日

隠居のBlog備忘録: MT4.1 でエントリー部分のみを印刷する

　友人から、ブログのヘッダー部分や右サイドメニューを外して、エントリー部分のみを印刷できないかの質問を受けた。確かに、ヘッダー部分や右サイドメニューが印刷されるのは少々うっとうしい。

　方法をググッテみるといつもテンプレートを使わせてもらっている「小粋空間」さんに、「印刷用スタイルシート」というカストマイズがあることが分かった。このカスタマイズは、印刷をするときには、スタイルシートを切り替える仕様になっている。MT4.1、「小粋空間」さんのテンプレート（layout-two-column-liquid-right ）の私のブログ環境に導入してみたので備忘録として書き留めておきたい。
　

印刷用スタイルシート追加を追加する。
　管理画面のデザイン→テンプレート→インデックス・テンプレートの表示で「インデックステンプレートを作成」クリックして、以下のように新しいインデックス・テンプレートを作成する。
- テンプレートの名前：ForPrinting（なんでもよい）
- 出力ファイル名：print.css
- 再構築オプション：チェックを外す
- このテンプレートにリンクするファイル：（空白）
- テンプレートの中身：スタイルシート（styles-site.css）の中身を丸ごとコピー

印刷用スタイルシートの修正
コピーしたスタイルシートで本体のヘッド部分と右サイドメニューが印刷プレビューで表示されないように、該当スタイルのID属性、クラス属性をいじった。
　私の場合、具体的にはスタイルシートの次の項目を青字で書いた部分を付加した。

#header 
    {
     /* padding: 15px;
    border-bottom: 1px solid #669;
    color: #999;
    background-image: url("http://n-huhei.net/Libraly/Image/Wood_ipe_01.gif");   
    background: #8fabbe; 
   text-align: left;     */
   display: none;
}

#links-left-box dl,
#links-right-box dl {
  /*  margin: 0;
    padding: 0;   */
      display: none;
    }

/* 2カラムリキッドレイアウト(右サイドバー) */
.layout-two-column-liquid-right #content {
    /* margin: 0 250px 10px 0px;  */
    margin: 0 10px 0px;    
   /* border-bottom: 1px solid #669;
    border-right: 1px solid #669;
    background-color: #ffffff;  */
    border-style: none; 
}

テンプレートに link 要素追加
　次に、モジュールテンプレートの「ヘッダー」 <head> 部にあるスタイルシートを呼び出している部分を次の青字部分を追加した。
実際には、この部分を先に付加しておいて、ブログのエントリーを表示し、ブラウザーのツールバー「ファイル」→「印刷プレビュー」で確認しながら print.css をいじる試行錯誤をした。
```
   <link rel="stylesheet" href="<$MTLink template="スタイルシート"$>" type="text/css" media="screen,tv" />
   <link rel="stylesheet" href="<$MTBlogURL$>print.css" type="text/css" media="print" />
```

カスタマイズの結果
　左のスクリーンショットは、このカスタマイズをしていない場合とカスタマイズした後との印刷画面の比較である。
　カスタマイズした後は、ヘッダーと右サイドメニューが印刷画面に出てこないので、エントリー部分のみを印刷できる。

MT4.1 での迷惑トラックバックの阻止：asciiTBPingfilter

　MT3.3 のときに、JunkTrackbacks の絨毯爆撃に悩まされて、「小粋空間」さんの ASCII TBPing Filter というプラグインを入れて阻止したことをエントリーしている。

　MT4.1 では、MT3.3 のときに「迷惑トラックバック」にフィルタリングされていた spam trackback は、screenshot のように「スパム指定されているトラックバック」としてフィルタリングされてあまり気にとめていなかったが、開いてみると英語のSpam TB が1000 以上溜まっていた。JunkTrackbacks の絨毯爆撃は相変わらず続いていたのだ。

　それで、MT4.1 での迷惑トラックバックの阻止の方法を探ってみた。ヒントを得るために、上記の「小粋空間」さんの ASCII TBPing Filter というプラグインを訪ねてみると、"asciiTBPingfilter.zip（MT4.x用）" が用意されていた。早速、このプラグインを導入した。
　導入は、すこぶる簡単である。上のファイルをダウンロードして解凍して出てくるフォルダー asciiTBPingfilter を Movable Type の plugins ディレクトリにアップロードするだけである。
　「システム・メニュー」→「プラグイン」で　"ASCII TBPing Filter Plugin 2.0"　が表示されれば（多分一番上に） OK である。これをクリックすると

ASCII 文字のみのトラックバックをフィルタリング（スパムとしても保存しない）

との説明がある。

　各ブログの「設定」→「プラグイン」でも　"ASCII TBPing Filter Plugin 2.0"　が表示されている。ここの「設定」ボタンで「フィルタリングされたトラックバックをログに出力する」にチェックをいれると screenshot のように、フィルタリングされたトラックバックがリスト表示される。 JunkTrackbacks の絨毯爆撃は相変わらず続いているようだ。
　チェックを外せば、ログも表示されなくなる。

.htaccess で移転先URLページへ誘導する：MT4.1

　MT4.1 で「小粋空間」さんのテンプレート・セットに移行したときに、ブログ名を変更した。とりあえず、元のメイン・ページ（ http://n-shuhei.net/blog/ )へ訪問された方には、以前　ISP のホームページを移転するときに使っていた次のようなメタ・タグをメイン･ページの<head> ～　</head> においた。

　これは、ページの移転の知らせを発信されている方のソースから、何も分からないままいただいたものである。この方法については、「.htaccessを活用する方法（６）」に詳しい。

　このメタタグをおくことで、元のメインページに訪問された方を新しいメインページに誘導できるが、Google search などで個別のアーカイブへ直接訪問される方は新しいページには誘導するには、全ての個別のアーカイブにメタタグを設置しなければならないから大変な作業となる。

　そこで、上の記事にも紹介されている　.htaccess　を使って誘導（redirect）する方法を試してみることにした。以前に、この .htaccess を使ってページへのアクセス制限を設定したことがあるが、redirect を使うのは初めてである。

　説明通りに、次のコードを元のブログ：http://n-shuhei.net/blog/ と同じフォルダーにある .htaccess ファイルに追加した。｛私の場合、FTP ソフトは FFFTP を使っているが、いったんローカル側で、テキスト・エディター（私の場合は、秀丸）でコードを追加したファイルを作り、これを元の位置にアップロードしなければならない。｝

Redirect permanent /blog/index.php http://n-shuhei.net/atelier/index.php

　このコード追加では、先ほどのメタタグの挿入と同じような効果が得られるだけである。

　アクセス解析にはアクセス解析サービスの Research Artisan を使っているが、その解析のひとつである先月のページ別訪問は、screenshot のように、ほとんどが元のブログ（頭に Atelier Shuhei Weblog: とある。新しいブログは、頭に単に Atelier: とあるもの）のアーカイブへの訪問である。また、少ないがカテゴリー・アーカイブへの訪問もある。MT3.3 を単純に MT4.1 へバージョンアップした元のブログ・アーカイブはそのままおいているので、ページが見つからないということはないが、コメント入力などが不備な（実はそのために新しいテンプレート・セットを導入した）ページへの訪問となっている。
　図中にある　「Atelier Shuhei Weblog: 001DIY アーカイブ」への訪問を redirect するには、次のようなコードを .htaccess に追加する。

RedirectPermanent /blog/001diy/ http://n-shuhei.net/atelier/001diy/

　数が少なければ、上のようなコードを追加していけばよいのだが、個別アーカイブごとにコードを追加するのは大変な作業となる。そこで、「小粋空間」さんに紹介されている「.htaccess によるリダイレクト」を参考に、.htaccess に追加するコードを作成することにした。

方法は、

この記事の 3.1 項にあるコードの次の個別アーカイブ部分を
```
<MTArchiveList archive_type="Individual"> RedirectPermanent /blog/archives/<$MTArchiveDate format="%Y/%m"$>/<MTEntries><$MTEntryLink$></MTEntries> <$MTBlogURL$>archives/
<$MTArchiveDate format="%Y/%m/%d_%H%M"$><MTEntries>.php</MTEntries> </MTArchiveList>
```
下のようなコードに書き換え、説明通り「リダイレクト」（出力ファイル名：htaccess.txt)という名前でインデックス・テンプレートを作成した。
```
 <MTArchiveList archive_type="Individual"> RedirectPermanent /blog/archives<$MTArchiveDate format="/%Y/%m/%d-%h%m%s"$>.php  http://n-shuhei.net/atelier/<$MTArchiveDate format="%Y/%m/%d_%H%M"$>.php </MTArchiveList>
```
ここでの　$MTArchiveDate format=　は、元のブログ(blog)のものは「アーカイブ・テンプレート」→「エントリー・アーカイブ」（MT3.3 ではこのような名称である）の「アーカイブ・マッピング」のパスで使っているフォーマットである。新しいブログ(atelier) では、「アーカイブ・テンプレート」→「ブログ記事」「アーカイブ・マッピング」のパスで使っているフォーマットである。
新しく作成したインデックス・テンプレート「リダイレクト」を保存・再構築すると、FFFTP のサーバー側に次のようなファイル（htaccess.txt）が表示される。
```
RedirectPermanent /blog/archives/2008/06/10-110702.php  http://n-shuhei.net/atelier/2008/06/10_1107.php
RedirectPermanent /blog/archives/2008/06/04-102457.php  http://n-shuhei.net/atelier/2008/06/04_1024.php
RedirectPermanent /blog/archives/2008/06/03-194435.php  http://n-shuhei.net/atelier/2008/06/03_1944.php
.
.
.
.
```
　この作成されたコードをコピー＆ペーストで、.htaccess に約400 のエントリー分コードを追加した。
　一見、上手くコード生成していると思われたが、うまく機能しない。
　先ほどのResearch Artisan に表示されるページのURLと作成したコードを子細に照らし合わせてみると元のアーカイブURLの分表示（%M)が月表示（%m)になっている。
2008/06/04-102457　が正解なのだが、参照にいっているURLの表示では、2008/06/04-100657　となっているのだ。どうやら、MT3.3 から MT4.1 にバージョンアップしたときに、アーカイブ・マッピングの指定を間違ったらしい。小文字の %m は月表示であり、大文字の %M は分表示なのだ。２～３の例で .htaccess　に追加するコードを間違った方にしたら、上手く機能するようになった。
この作業を作成したファイルをテキスト・エディターの秀丸にコピー＆ペーストして行った。単純な作業だが、400近くの修正は結構なアルバイトであった。
修正したファイルを、ローカル側の.htaccess にコピー＆ペーストして、サーバー側にアップロードすると、うまくリダイレクトしてくれるようになった。

（追記：2008/7/4）元のカテゴリー別のアーカイブにも訪問が割合あるので、上と同じような方法で、.htaccess に追加するコードを「小粋空間」さんの記事を参考に作成した。数が少ないので、マニュアルにいじってもそれほどの作業ではない。ただ、バージョンアップしてから、カテゴリー名を変更している場合は、特別なひもつけが必要である。
（追記：2008/7/8） Research Artisan をつぶさにみると、数は少ないが元の月別アーカイブに訪ねて来る人があるようなので、先ほどの「リダイレクト」インデックス・テンプレートを次のコードに書き換えて、.htaccess に追加するコードを作成した。月別アーカイブについては、コードの修正は全くなかった。
　この「リダイレクト」インデックス・テンプレートは、コードを生成するためのテンプレートなので、書き換えても問題はない。
　これで、元のブログはサーバーから削除しても大丈夫と思うが、まだ容量にゆとりがあるのでしばらくおいておくことにしている。

<MTArchiveList archive_type="Monthly">
RedirectPermanent /blog/archives/<$MTArchiveDate format="%Y/%m"$>/index.php http://n-shuhei.net/atelier/<$MTArchiveDate format="%Y/%m"$>/index.php
</MTArchiveList>

　Monthly Archive の後尾には、index.php をつけないと、individual archive のリダイレクトに不都合が起こる。

隠居、MT4.1 でのコメント編集HTMLタグボタンを設置

　MT3.3 のときには、コメント入力ボックスの縁に、HTMLタグボタンをカストマイズで設置していた。MT4 にバージョンアップして、新たに「小粋空間」さんの MT4.1 テンプレートセットを導入したが、「コメント入力フォーム」には、このHTMLタグボタンがついていない。

　コメントも単純なテキスト文書でなく、冗長な絵文字までいらないが、文字の一部分を太字にしたりリンクを張ったりしたい。HTMLタグは使える設定にしているので、タグを書けばよいのだがいちいち面倒である。それで、新しい「コメント入力フォーム」にもHTMLタグボタンをつけることにトライすることにした。

　「MT4 コメント編集ボタン」でググルとすぐにでもありそうなのに的確にヒットしない。そこで、MT3.3 のときにお世話になった「小粋空間」さんの「コメントにHTMLタグ挿入ボタンをつける（改）」を参考にさせてもらって、MT4 に応用してみた。カスタマイズの記録として記しておきたい。

　「小粋空間」さんのエントリーの順に従って、変更した部分を書き留めたい。

コメント欄でのHTMLタグの使用を有効にする。
→MT4 では、「ブログの設定」→「コメント」→「コメントポリシー：HTMLを許可」をチェック
編集ボタン用画像のコピー
→バックアップでおいてあった MT3.3 のときのファイルを <$MTBlogURL$> （私の場合：http://n-shuhei.net/atelier/ )に images フォルダーを作ってアップした。
JavaScriptファイルの作成>
→提供されている JavaScript のスクリプトを秀丸に文字コードを UTF-8 として Copy&Paste とし、ファイル名を commentButton.js として保存した。このファイルを <$MTBlogURL$> のフォルダーにアップした。

編集ボタン表示スタイルの追加

/*  field buttons */
.field-header {
    width: 400px; /* ボタンを配置するエリアの幅 */
    height: 30px; /* ボタンを配置するエリアの高さ */
    position: relative;
}
 
.field-label {
    position: absolute;
    bottom: 30px;
    left: 0px;
}
 
.field-buttons {
    position: absolute;
    bottom: 0px;
    right: 0px;
}
 
.field-buttons img {
    border: 0;
    margin: 0px 0px 0px 3px;
}

テンプレートの修正（JavaScriptファイルのインクルード追加）
→モジュール・テンプレート　「ヘッダー」の </head> 直前に、
```
<script type="text/javascript" src="<$MTBlogURL$>commentButton.js" charset="utf-8"></script>　
```
を挿入した。

テンプレートの修正（個別エントリーアーカイブへ編集用ボタン設定）
→モジュール・テンプレートの「コメント入力フォーム」の次の部分をコメントアウトし、その直後に提供されているコードを挿入した。

 <!--<p id="comments-open-text"><label for="comment-text">コメント：<MTIfAllowCommentHTML>(スタイル用のHTMLタグが使えます)</MTIfAllowCommentHTML></label>-->

<div class="field-header">
コメント：
<div class="field-buttons">
<a title="太字" href="#" onclick="return formatStr(document.comments_form.text, 'strong')"><img class="button" src="<$MTBlogURL$>images/html-bold.gif" alt="太字" width="22" height="16" /></a>
<a title="イタリック" href="#" onclick="return formatStr(document.comments_form.text, 'em')"><img class="button" src="<$MTBlogURL$>images/html-italic.gif" alt="イタリック" width="22" height="16" /></a>
<a title="アンダーライン" href="#" onclick="return formatStr(document.comments_form.text, 'u')"><img class="button" src="<$MTBlogURL$>images/html-underline.gif" alt="アンダーライン" width="22" height="16" /></a>
<a title="ハイパーリンク" href="#" onclick="return insertLink(document.comments_form.text)"><img class="button" src="<$MTBlogURL$>images/html-link.gif" alt="ハイパーリンク" width="22" height="16" /></a>
<a title="引用" href="#" onclick="return formatStr(document.comments_form.text, 'blockquote')"><img class="button" src="<$MTBlogURL$>images/html-quote.gif" alt="引用" width="22" height="16" /></a>
</div>
</div>

以上で、「コメント入力フォーム」にコメント編集ボタンは表示されるようになった。MT4 では、「コメント入力フォーム」がモジュール化されているので、コメントの「確認」画面でも、コメント編集ボタンは表示される。
（追記：2009/3/2）サインインなしのコメントのための Captcha を設定したときに、HTMLタグのアイコンが消えてしまっていたので、修正した。また、一部の記述を変更した。

カストマイズの履歴

　このページでは 2006年の１月から私のHomePageに手を入れた事柄について、備忘録的に記載していくつもりである。したがってこのページは、頻繁に再編集されるはずである。

MovableTypeのデータベースをMySQL4 から MySQL5 へバージョンアップした。
(2011/3/25)難易度 ★★★☆☆
Google Maps API を使って野鳥出現地点をカスタム・マーカーでプロットすることを始めた。
(2011/1/29)難易度 ★★★★☆
撮影場所別に分類した野鳥写真集のウェブページを作成した。
(2010/11/30)難易度 ★★☆☆☆
Studio YAMAKO と Masajii's Blog のタグクラウド・ページを作成し、変更した。
(2010/7/10)難易度 ★★☆☆☆
atelier のアクセスカウンターを Kent Web の Daycounter に変更した。
(2010/7/4)難易度 ★★★☆☆
Google Maps API 用の XML ファイルを編集するXML Notepad 2007 を導入した。
(2010/6/24)難易度 ★★★☆☆
Research Artisan のサービスが2010年5月28日に終了するのに伴い、オープンソースのReasearch Artisan Lite を導入した。試験的に、Studio YAMAKO のアクセス解析に使用を開始した。
(2010/4/11)難易度 ★★★☆☆
IE8 に変えてからメインページの写真表示で lightbox の背景が黒くならないという不具合が生じていた。メインページで表示するエントリー数を10 に変更することで解決した。そのときに得た知識で、lightbox の背景画像を黒紙から図柄に変更した。
(2010/3/21)難易度 ★★☆☆☆
IE8 に変えてから、ページのソースを秀丸に表示することができなくなっていた。ネットで見つけた方法で、秀丸を指定することができた。
(2010/2/19)難易度 ★★☆☆☆
日本では、eMusic から音楽ファイルをダウンロードできなくなった。
(2010/2/16)難易度 ☆☆☆☆☆
ページでテーブルを作り縦にセルを連結するコードが分かった。
(2010/2/11)難易度 ★★☆☆☆
Live365 の放送が流している曲を録音し、MP3ファイル化する新しい方法を見つけた。
(2010/2/7)難易度)★★★★☆
ページにコードを表示する枠を指定する方法が分かった。
(2010/1/30)難易度 ★★☆☆☆
Google Maps API で作成する地図に改善を加えた。
(2010/1/29)難易度 ★★★★☆
Windows XP のPCに IE8 をインストールした。
(2010/1/7)難易度 ★★☆☆☆
野鳥識別掲示板へのリンクを右メニューに設置した。
(2010/1/5)難易度 ★☆☆☆☆
コメントする人が Google のアカウントを持っておれば認証できるようになった。
(2009/12/27)難易度 ★★☆☆☆
ブログ・ページから管理者にGoogleMail で発信する方法が分かった。
(2009/12/10)　難易度 ★★☆☆☆
野鳥写真サムネイルを場所別・科別に変更し、ブログ外HTMLページに変更した。
(2009/11/30)　難易度 ★★★★☆
Live365 の LinkWidget をページの右メニューに設定した。
(2009/11/30)　難易度 ★☆☆☆☆
ウエブページ泉北近辺私的観光地図での地名表示XMLファイルを「あいうえお順」に並び替えた。
(2009/8/26)難易度 ★★☆☆☆
Studio YAMAKO の蝶の写真を科別に分類したリストをブログ外の Web Page として作成（異なるタイトル写真とするため）し、メニューにリンクボタンを設置した。
(2009/8/23)難易度 ★★☆☆☆
Studio YAMAKO のタイトル画像を Flash 8 を使って変更した。
(2009/7/9)難易度 ★☆☆☆☆
右メニューのJazz Collection へのリンクボタンを Radio Senboku Playlist へのリンクボタンに変更した。
(2009/2/2)難易度 ★☆☆☆☆
右メニューに「播磨の蝶・但馬の蝶」および「ことりのさえずり」サイトへのリンクボタンを追加した。
(2009/6/17)難易度 ★☆☆☆☆
コメント入力フォームに、CAPTCHA を追加した。
(2008/11/10)難易度 ★★☆☆☆
動画（AVIファイル）を編集してブログにアップした。
(2008/10/22)難易度 ★★☆☆☆
野鳥の写真集をテーブル形式に改めた。
(2008/9/2)難易度 ★★☆☆☆
居間に新しいスタイルのPC:VGC-LM52DB を設置した。
(2008/8/26)難易度 ★☆☆☆☆
エントリー部分のみを印刷できるように、インデックス・テンプレートに印刷用CSSを置いた。
(2008/8/24)難易度 ★★★☆☆
/cgi/mt/lib/MT/Asset フォルダーにある Image.pm をいじって lightbox による画像の挿入を簡略化した。
(2008/8/18)難易度 ★★★☆☆
英語での spamtrackbacks を阻止するために、asciiTBPingfilter プラグインを導入した。
(2008/8/15)難易度 ★☆☆☆☆
サイドメニューのリンクをJavaScript から再度CSSによる表示に置き換えた。少し、すっきりした。
(2008/8/7)難易度 ★★☆☆☆
Blog Atelier のヘッダー部分リンクを JavaScript から再度CSSによる表示に置き換えた。
(2008/8/6)難易度 ★★☆☆☆
TagCloud のページを作成し、リンクボタンを右サイドバーに置いた。
(2008/7/22)難易度 ★★★☆☆
山小屋周辺の地図を Google Maps API で作成し、右サイドメニューにリンクボタンを設置した。
(2008/7/6)難易度 ★☆☆☆☆
Jazz Collection List をブログ atelier のウェブページとして作成し直し、public_html フォルダーの .htaccess にリダイレクトを設定した。
(2008/7/14)難易度 ★★★☆☆
エントリーにHTML のコードを書くことが多くなっている。それむけのタグ <pre> <code> を初めて使った見た。
(2008/7/７8)難易度 ★☆☆☆☆
「DIY作品集」をブログ Atelier のウェブページに移した。ブログ Atelier フォルダーにある .htaccess に、RedirectPermanent を設定した。
(2008/7/７6)難易度 ★★☆☆☆
ブログ記事／ウェブページの日付を公開日時に自動変更する藤本壱さんのプラグインを導入した。
(2008/7/6)難易度 ★★☆☆☆
.htaccess　のリダイレクト機能を使って、元のブログへの訪問者を新しいブログへ誘導する設定を行った。Masajii's blog, Studio YAMAKO も同様の設定にした。
(2008/7/4)難易度 ★★★★☆
Studio YAMAKO のページを MT4.1 に合わせてリフォームした。
(2008/7/1)難易度 ★★★☆☆
Kinarie&May さんのMT用横長Flashカレンダーを復活させた。
(2008/6/29)難易度 ★★★☆☆
Research Artisan の「昨日のページ別アクセス・ランキング(Best10)」というタグを右サイドに貼り付けた。
(2008/6/25)難易度 ★★☆☆☆
MT3 の時に設定していたコメント編集HTMLタグボタンを設置した。
(2008/6/24)難易度 ★★☆☆☆
MT3 のときに設定していた行末の禁則処理をCSS に設定した。
(2008/6/22)難易度 ★★☆☆☆
「キリ番カウンター」を設置した。
(2008/6/22)難易度 ★★★☆☆
６月10日以来、新たなテンプレート・セットに合わせて、種々のカスタマイズを行った。
(2008/6/22)難易度 ★★★★★
MT4.1 のテンプレートセットを「小粋空間」さん提供のMT4用に変更した。
(2008/6/10)難易度 ★★★★★
MT3.35 から MT4.1　へ苦戦しながらバージョンアップした。
(2008/6/3)難易度 ★★★★★
MT4.1へのグレードアップに備えて、データベースを SQLite から MySQL に変更した。
(2008/5/18)難易度 ★★★☆☆
スパムコメント対策に入れていた SCode が上手く機能しないので、代わりに reCaptcha を導入した。
(2008/5/13)難易度 ★★★☆☆
レンタルサーバーを lolipop から xserver に変更した。
(2008/5/10)難易度 ★★★★☆
ParseError の原因発見方法が分かった。
(2008/5/10)難易度 ★★★☆☆
デジカメで撮った写真の一部が読み取れなかったが、「完全データ復元PRO2008」というソフトを導入して復元した。
(2008/5/6)難易度 ★★★☆☆
この CusomizeHistory の降順番号は、Mojilla 系の Firefox Netscape で番号が倍になる現象が出ていたが、JavaScript の勉強で原因がわかり修正した。
(2008/3/31)難易度 ★★★☆☆
JavaScript switch構文の勉強で、タイトル部横長カレンダー横に、本日の曜日を表示するようにした。
(2008/3/21)難易度 ★★☆☆☆
JavaScript の if...else if....else statement の勉強で、アクセス時刻によって歓迎の言葉が変化するスクリプトをタイトル部分に設置した。
(2008/3/20)難易度 ★★☆☆☆
Kinarie&May さんの「MT用フォトサムネイラー1.20」をStudio YAMAKO のカテゴリーButterfly に適用した。
(2008/3/11)難易度 ★★★☆☆
Blog 右サイド　リンクボタンを集合Flash Button（Title Menu と同様に）に改訂。
(2008/2/24)難易度 ★★☆☆☆
Blog Title 下のメニューボタンを Flash ボタンに変更した。
(2008/2/24)難易度 ★★★☆☆
　[新作！] という日本語Flashバナーを、Flash8 で作成し、タイトル・メニューで使用した。
(2008/1/22)難易度 ★★☆☆☆
　SoundEngine のスクリプト・コードを、体裁よくエントリーに取り入れるために、スタイル・シートに、div#menu というID属性を作成した。
(2008/1/18)難易度 ★★★☆☆
　[New！] というFlashバナーを、SoThinkQuicker で作成し、右サイドメニューで使用した。
(2008/1/16)難易度 ★★☆☆☆
　P4P800 SE のパソコンの電源が機能しなくなったので、新しい電源と交換した。ついでに、DiskのIDEケーブルをスマート・ケーブルに変えた。
(2008/1/4)難易度 ★★★☆☆
　P4P800 SE のパソコンのディスクに、もうすぐ壊れるかもしれないという SMART の警告が出たので、システム・ディスクの交換をした。
(2007/12/29)難易度 ★★★★☆
メインページもTagCloud のページへのリンクボタンを右サイドに設置した。
(2007/11/8)難易度 ★☆☆☆☆
P4P800 SE のパソコンの立ち上げ時に、CMOS Checksum error が出るので、マザーボード内蔵電池を交換した。
(2007/10/29)難易度 ★★★☆☆
TagCloud のページを作り、エントリー・カテゴリー・日別アーカイブの各テンプレートの右サイドにリンクボタンを設置した。
2007/10/20)難易度 ★★☆☆☆
友のブログ Masajii's Weblog を開設した。
(2007/10/16)難易度 ★★★☆☆
TagCloudは、トップページのタイトル下に移設した。
2007/10/8)難易度 ★☆☆☆☆
Tag Cloud を右サイドメニューに設置した。
(2007/9/13)難易度 ★★★★☆
Studio Yamako のオーストリア・イタリア旅行写真集を Google Maps API を使って地図上に訪問地をマップした。
(2007/8/20)難易度 ★★☆☆☆
lightbox画像のキャプションにリンクが張れることが判明。最新のエントリーで実施した。
(2007/7/5)難易度 ★★☆☆☆
liteboxを使った写真表示に、白い点々(white noise) がでることがわかった。いろいろな調査の結果、lightbox2 に変更することによって解消することが分かった。
(2007/6/20)難易度 ★★★★☆
Atelier Shuhei Weblog の右メニューリンクボタンをサイト内とサイト外に分け、サイト内ボタンを統一した。クリックすると音が出るようなフラッシュボタンにした。
(2007/6/15)難易度 ★★☆☆☆
Studio YAMAKO にWeb Access Counter を設置した。
(2007/5/25)難易度 ★☆☆☆☆
Studio YAMAKO の背景色など変更に伴うコメントフォーム・メッセージ文字色を mt-site.js の一部を弄った。
(2007/5/24)難易度 ★★★☆☆
Studio YAMAKO に、Kinarie&MayさんのFlash通常型のカレンダーを導入した。
(2007/5/22)難易度 ★★☆☆☆
yamakoさんの写真掲載用ブログ（Studio YAMAKO）を新たに設定した。本体(Atelier Shuhei Weblog)と同じようなカスタマイズを設定するのに手間取った。
(2007/5/22)難易度 ★★★★☆
DIY作品集へのリンクボタンを Flash8 で作成し、右サイドに設置した。効果音に、Effect Sound 集から、手ノコで木を切る音を挿入した。
(2007/5/6)難易度 ★★☆☆☆
Live365のキャンペーン Save Internet Radio に賛同し、バナーを右サイドに設置した。
(2007/5/3)難易度 ★☆☆☆☆
MT3.33-ja から MT3.35-ja にバージョンアップした。
(2007/4/21)難易度 ★★☆☆☆
Live365 での Radio Senboku の放送曲目を４分の１程度変更した。Album1 ～ 3 までの曲目で前回とは異なるアーティストにした。
(2007/4/20)難易度 ★★☆☆☆
Google Maps API による「京都・奈良私的観光地図」の作成に伴い右サイドメニューのリンクボタンを改訂した。
(2007/4/18)難易度 ★★☆☆☆
Kinarie&Mayさんの横長カレンダーが Version3.00 にされたので導入した。
(2007/4/10)難易度 ★★☆☆☆
「音楽方丈記」に紹介されている Snap Preview Anywhere を導入した。
(2007/3/12)難易度 ★★☆☆☆
「小粋空間」さんの「追記文章を折りたたむ」を参照して、追記文書の折りたたみをエントリーアーカイブのテンプレートに取り入れた。
(2007/3/8)難易度 ★★☆☆☆
Navi button にオンマウスするとリンクの説明がでるように、title="xxx" を加えた。
(2007/3/6)難易度 ★☆☆☆☆
Navi button に Radio Senboku を加えた。
(2007/2/11)難易度 ★☆☆☆☆
Live365.com というサイトと契約し Radio Senboku を立ち上げた。
(2007/2/6)難易度 ★★★★☆
さくらインターネットとレンタル・サーバー契約をして、こちらに Radio Senboku を設置し.htaccess でアクセス制限を設定した。
(2007/1/28)難易度 ★★★☆☆
Radio　Senboku　と称する MP3ストリーミング・ファイルを置くアクセス制限付きページ：http://n-shuhei.net/sound/Radio/Radio_senboku.htm を設置した。
(2007/1/24)難易度 ★★★★☆
Web Radio の実験のために、IDとPWがなければアクセスできないページを、lolipop のマニュアルで作った。.htaccess ファイルの設置である。
(2007/1/24)難易度 ★★★☆☆
Toshibo's Web Radio のリンクボタンを右サイドメニューに置いた。
(2007/1/19)難易度 ★☆☆☆☆
AffliateB が、JTB-CTW のアフリエートを募集していたので応募した。
(2007/1/10)難易度 ★☆☆☆☆
HP作成とは直接関係ないが、GoogleのWeb Mail Gmail に登録した。他のアドレスからの転送をそれぞれ設定した。
(2007/1/6)難易度 ★★☆☆☆
右サイドメニューに置いているリンク部分のボタンのFlash8を自作でデザインを統一した。
(2007/1/5)難易度 ★★★★☆
ヘッダー部分に、タブメニューNavi button を設置した。
(2006/12/29)難易度 ★★★★☆
右サイドメニューのリンク部分に、管理者へのメール（mailto:shuhei@n-shuhei.net)ボタンをFlash8で作成し置いた。
(2006/12/12)難易度 ★★☆☆☆
右サイドメニューに置いている「泉北近辺私的観光地図」のボタンをFlash8を使って作り直した。
(2006/11/30)難易度 ★★☆☆☆
DIY作品集のエントリーへのリンクFlashボタンを右サイドメニューに置いた。
(2006/11/30)難易度 ★☆☆☆☆
リタイア後の知人が人材バンクを通じて再就職したWeb関連会社のサイトに、AffliateBというアフリエート・パートーナーを求めてるサービスがあったので応募した。
(2006/11/30)難易度 ★☆☆☆☆
Google Maps API を使って Blog の外に「泉北近辺私的観光地図」というページを作り、Blog 右サイドメニューにリンクボタンを設置した。
(2006/11/24)難易度 ★★☆☆☆
Favicon が、IE7 でも確認できるようになった。コメント・トラックバックにも Favicon を表示するようにした。
(2006/11/23)難易度 ★★★☆☆
Google Maps API に litebox を組み合わせることができた。
(2006/11/20)難易度 ★★★★☆
簡単なFavicon を作って設置したが、Firefox, Netscape では確認できたが、IE７では表示されない。
(2006/11/12)難易度 ★★☆☆☆
Google Maps API をなんとか「泉北の紅葉」エントリーで実験的に利用できるようになった。
(2006/11/12)難易度 ★★★★☆
自分のホームページ作成環境を別窓で表示するボタンを「５・６年生にもわかるやさしいJavaScript」で紹介されている方法で作成した。
(2006/11/7)難易度 ★★☆☆☆
Google MAP のキャプチャーで創っていた地図は、著作権に抵触する恐れがあるので、 ZENRIN の規約に基づく地図に差し替えた。
(2006/11/7)難易度 ★★☆☆☆
ロリポップの開設5周年記念のホームページ・コンテストに応募した。
(2006/11/3)難易度 ★☆☆☆☆
このカスタマイズ履歴ページでのリスト番号を降順にする方法をサーチしてHatena::Questionで見つかったJavaScriptを導入したら上手くいった。
(2006/11/3)難易度 ★★☆☆☆
プロファイルのページをカストマイズの履歴と同じようにテンプレートで作った。プロに描いてもらった似顔絵をこのページに貼った。
(2006/11/1)難易度 ★★☆☆☆
著作権保護のための（保護するような著作はありませんが）Creative Commons Liscense を導入しマークを右サイドメニューに設置した。
(2006/10/30)難易度 ★☆☆☆☆
TinyMCE のインストールによって IE ででていた JavaScript エラーの原因が判明した。
(2006/10/28)難易度 ★★★☆☆
mixi に登録した。
(2006/10/28)難易度 ★☆☆☆☆
エントリー編集用のプラグイン TinyMCE をインストールした。
(2006/10/24)難易度 ★★☆☆☆
IE を６から７に upgrade した。機能には問題ないが、MT の管理画面を開くとJavaScript エラーがでる。
(2006/10/24)難易度 ★☆☆☆☆
ページ内リンクを習得した。リンクされる場所には、<a name="abc">ABC</a>とし、リンクする場所には<a href="#abc">ABC</a>とする。他のページ内へのリンクは、リンク先ページURL名の後に#abcをつければよい。HTMLの基本だと思いますが、今頃になって。
(2006/10/21)難易度 ★☆☆☆☆
BlogTemplateWindow3.3がスペック通りに動かなかったのは、BigPAPI と Transfomer との競合が原因しているようだ。H.Fujimoto さんの TransfomerTest を入れても上手くいかないので、BigPAPI の利用を止めたら上手くいった。
(2006/10/21)難易度 ★★★☆☆
lolipop やさくらネットなどで例示されているFTPソフトのFFFTPをDLし導入した。
(2006/10/20)難易度 ★★☆☆☆
いただいたトラックバックを別窓で見えるように、エントリー・テンプレートを弄った。
(2006/10/10)難易度 ★☆☆☆☆
BlogTemplateWindow3.3 がどうもスペック通りに動かないので、 native template editor に戻した。
(2006/10/9)難易度 ★☆☆☆☆
ASCII 文字のみのトラックバックをフィルタリングする（迷惑トラックバックにもフィルタリングしない）「小粋空間」さんの Movable Type プラグイン asciiTBPingfilter を導入した。
(2006/10/8)難易度 ★☆☆☆☆
FEP を使ってエントリーのHTMLコード編集を始めた。
(2006/10/6)難易度 ★☆☆☆☆
エントリーを編集するときに、エントリー編集画面の右上にある強調文字やハイパーリンク等のタグを挿入するリンクをクリックすると、ページの先頭に戻ってしまうという現象を回避するために Invalidate link of insert tag というプラグインをインストールした。
(2006/10/6)難易度 ★☆☆☆☆
BlogTemplateWindow for MT3.3 が作動するようになった。
(2006/10/4)難易度 ★★★☆☆
テンプレートを編集するプラグインのBlogTemplateWindow が上手く動いていないので、英語のサイトであるがコメントで質問した。その返事を blog にくれるというのでスパム対策で入れていた日本語の入っていないコメントは拒否するプラグインを外した。
(2006/10/3)難易度 ★☆☆☆☆
MT3.3-ja にクロスサイトスクリプティングの脆弱性があるとのことで、万が一を考え MT3.33-ja にアップグレードすることにした。
(2006/10/2)難易度 ★★★☆☆
KInari&Mayさんが提供してくれているFlash天気予報をサイドメニューに設置した。
(2006/9/30)難易度 ★★☆☆☆
Amazon　おまかせリンクを元のサーチボックスに戻した。
(2006/9/30)難易度 ★☆☆☆☆
「小粋空間」さんのBlogPeople のススメにしたがって Blogpeople に登録した。利用の仕方がよくよく分かっていないが、LinkList と ListMe を右サイドバーに置いてみた。
(2006/9/14)難易度 ★★☆☆☆
バナー広告不要・アクセス解析ツール「Research Artisan」を取り入れた。
(2006/9/12)難易度 ★★☆☆☆
Jazz Collection Listページの改良がほぼ終わった。
(2006/8/29)難易度 ★★☆☆☆
Ａｒｔｉｓａｎというアクセス・ログ解析を導入することにした。
(2006/8/20)難易度 ★★☆☆☆
右サイドバーのリンクに、Jazz Collection ListページへのFlash Button を設置した。
(2006/8/14)難易度 ★★☆☆☆
まだベータ版だが Amazon　おまかせリンクに変更してみた。
(2006/8/8)難易度 ★☆☆☆☆
作者がフランス人の dewplayer という Flash MP3 Player を設置した。
(2006/8/8)難易度 ★★☆☆☆
FLASH SINGLE MP3 PLAYERという新しいMP3 Player を設置した。
(2006/8/7)難易度 ★★☆☆☆
HPのJazz Collection Listで主題となるメロディが聞こえるようにした。
(2006/8/5)難易度 ★★★☆☆
フォルダーごとサーバーにアップロードするFTPソフトとして、InternetExplorer を使うようにした。
(2006/8/１)難易度 ★☆☆☆☆
DIY作品集をLitebox-1.0を利用してテーブルで編集した。
(2006/７/24)難易度 ★★★☆☆
新しいFlash MP3 Player Play [Tagger by del.icio.us] を見つけ導入した。。
(2006/７/20)難易度 ★★☆☆☆
Flashの作成ソフト Macromedia Flash 8 Basic を泣く泣く導入した。お試し版（お試し期間が過ぎた）で自作したMP3の再生・停止ボタンは、このバージョンでないとMP3ファイルの変更ができない。
(2006/７/19)難易度 ★★☆☆☆
藤本壱さんが「エントリーを投稿する前にプレビューする」などのプラグイン」(TagsForPreview)をMT3.3対応されたので、対応版をインストールした。
(2006/７/11)難易度 ★★☆☆☆
litebox-1.0.jsに使われているgif images（「閉じる」「NEXT」「BACK」）を新たに作成して入れ替えた。
(2006/７/11)難易度 ★★☆☆☆
lightbox.jsをlitebox-1.0.jsに変更した。スライドショウ的に画像を表示できるようになった。
(2006/７/10)難易度 ★★★☆☆
MT3.3-jaにバージョンアップに伴いScodeの表示がおかしかったが、再インストールで表示されるようになった。
(2006/７/７)難易度 ★★★☆☆
MT3.3-jaにバージョンアップした。「エントリーを投稿する前にプレビューする」などのプラグインが動いていない。
(2006/７/７)難易度 ★★★☆☆
テンプレートの編集プラグイン　MTBigTemplateWindowを導入した。"What's New?"ページの編集が容易になった。
(2006/6/6)難易度 ★★☆☆☆
コメント・テキストエリアの拡大をCSSの変更とTextarea toolsというJavaScriptの導入で行った。
(2006/6/6)難易度 ★★☆☆☆
日本語でないスパムをJunk　commentにフィルタするだけでは迷惑コメントにどんどん貯まっていくので、「小粋空間」で紹介されているSCode（SecurityCode）を入れてもらう対策を行った。
(2006/5/27)難易度 ★★★☆☆
5月26日未明から猛烈なコメントスパムの攻撃を受ける。とりあえず認証を受けた人からのコメントのみを受け付けるに変更し、スパム対策を調査した。藤本　壱さんの「日本語でないスパムをフィルタするプラグイン」を設定した。Junk commentにフィルタリングされるようになった。
(2006/5/26)難易度 ★★☆☆☆
Weblogの右サイドメニューのサーチボックスでWebとSite内検索をRadioButtonで選択できるボックスに変更した。
(2006/5/24)難易度 ★★☆☆☆
lightbox導入以前のエントリーでの写真もすべてightbox表示にした。仕事は単純だが、時間がかかる。
(2006/5/23)難易度 ★☆☆☆☆
Weblogの右サイドメニューに、Google　Search　BOXをGoogleから提供されたコードを少しmodifyして設置した。
(2006/5/21)難易度 ★☆☆☆☆
初めての人からTrackBack（TB)をいただいたので、今まで未整理だった右サイドメニューのTB表示を「最新の投稿」のように体裁を整えた。
(2006/5/20)難易度 ★☆☆☆☆
梅田望夫さんの「ウェブ進化論」に感化されて、Google AdSenseに登録し右サイドメニューに掲載した。ついでに、メニューの順序を少し変更した。
(2006/5/18)難易度 ★★☆☆☆
lightboxの新バージョンが発表されているのでインストールを試みたが上手くいかなかった。
難易度 ★★★★★
元のバージョンがmodifyされているのでこれを導入した。
(2006/5/11)難易度 ★★☆☆☆
カテゴリー別の投稿の個々に投稿日付をつけた。ついでに、最近の投稿の日付表示を変更した。
(2006/5/10) 難易度 ★★☆☆☆
ホームページの左フレームに、blogへのボタン（隠居部屋）を設置した。
(2006/5/4)難易度 ★☆☆☆☆
自作の音声再生・停止Flashボタンを利用して、HPのmusicサイトでのJazzを私のfavorite artistの一人であるEdomondo HallのSweet Georgia Brownに変更した。
(2006/5/3) 難易度 ★★☆☆☆
自ら録音したMP3音声を再生・停止するFlashボタンを配置した。
(2006/4/23)難易度 ★★★★☆
各テンプレートの右サイドメニューを統一した。
(2006/4/23) 難易度 ★☆☆☆☆
HomePage(スタートページ）のGardeningページからhi-ho花の写真集へのリンクをすべてFlashAlbumに切り替えた。
(2006/4/23) 難易度 ★★☆☆☆
画面上での録音再生を地図上のFlash　fileで実現した。
難易度 (2006/4/20) ★★★☆☆
新しいrecorder　EDIROL　R-１で小鳥の鳴き声を録音し、MTで再生するようにした。
(2006/4/18) 難易度 ★★★☆☆
hi-hoのアルバムサービスが閉鎖されるので、そこに収載していた花の写真集をFlash　AlbumにしてMT　Weblogに移転した。
(2006/4/11) 難易度 ★★☆☆☆
IT関連用語表示のe-Words表示を「小粋空間」のカスタマイズに変更した。
(2006/4/6)難易度 ★★☆☆☆
What Is New?　のエントリーを個別エントリーではなくテンプレートにした。
(2006/4/5) 難易度 ★★☆☆☆
右サイドメニューのタイトルに、折りたたみマーク（▼△）をつけた。
(2006/4/1) 難易度 ★★☆☆☆
コメント投稿時に、HTMLタグが使いやすいようにタグマークをコメントフォームに設置した。
(2006/4/1)難易度 ★★☆☆☆
Weblogの背景画像をイペ材の木目と色調にしたことに伴い、「小粋空間」テンプレートで使っているCSS（Cascade Styles Sheet)を見直した。
(2006/3/31) 難易度 ★★☆☆☆
「MTでつくる！最強ブログサイト」に紹介されていたカスタマイズを参考に、MTの個別エントリー表示ページとカテゴリ別表示ページに、e-Words IT用語検索を設置した。
(2006/3/25)　難易度 ★★☆☆☆
「小粋空間」のサイドメニュー折りたたみを使わせてもらって、サイドメニューを折りたたみにした。
(2006/3/24) 難易度 ★★★☆☆ 　
RSS(Really Simple Syndication)リーダーとして、gooリーダーを設置した。
(2006/3/21) 難易度 ★☆☆☆☆
各テンプレート（個別エントリーを除く）で、permalinkの表示を殺していたので、これを復活した。
(2006/3/21) 難易度 ★☆☆☆☆
アーカイブページ（archives.html)の表示がおかしかった（「小粋空間」ではテンプレートは提供されていない）ので、ｈｔｍｌそのものを少し弄ってなんとか見られるようにした。
(2006/3/21) 難易度 ★★☆☆☆
フリーで使わせてもらっている~~Googleローカルの地図~~とkingさんのアイコン・サイトへのbannerを設置した。ついでに、各テンプレートのクレジットバナー部分をｐｈｐモジュール化した。
(2006/3/19) 難易度 ★☆☆☆☆
ホームページで引用させて頂いている金井壽宏先生の書籍「組織を動かす最強のマネジメント心理学」をamazon.co.jpで購入できるように、ブログにエントリを作った。
(2006/3/19)難易度 ★★☆☆☆
お遊び半分で、amazon.co.jpのアフリエートに登録してみた。OKが出たので、MT各テンプレートの右サイドに商品検索バナーを設置した。
(2006/3/17) 難易度 ★☆☆☆☆
「小粋空間」に、私のエントリー（隣の花は紅い）が取り上げられた。Lightboxで画像を表示するときに、Flashを背面に隠すことが珍しかったらしい。名誉なことです。
lightboxを応用して、地図上のポイント・アイコンをクリックすると画面が現れるような実験エントリーを投稿した。難易度 ★★★☆☆ 　(2006/3/16)
サムネールをクリックすると同一ウィンドウ上（別画面でなく）に画像を表示するためのLightBox　JSというカスタマイズを実施した。難易度★★★☆☆　(2006/3/12)
Weblogのタイトル・バナーをFlashに変更した。(2006/3/8)
エントリー用クライアントツール　BlogWriteを導入した。
MovableType（MT)の各テンプレート・タイトル部分を少し弄って、色をHPのタイトルと同色に変えた。(2006/3/7)
MovableTypeのエントリー本文に、ボタンを置き、ボタンにカーソルを当てるとPasswordなど必要な語句がでるようにした。また、クリックするとリンク先にジャンプするようにした。
Weblog ページの背景色を「小粋空間」さんのカストマイズを借りて、少し色を付けた。ついでに、横長カレンダーの背景色も同じにした。(2006/3/3)
Weblog　MainPageの右サイドバートップに、What's New?　Flashボタンを設定した。(2006/3/3)
hi-hoが運営するみんなの写真くらぶが５月で閉鎖されるので、Nikonが運営するOnlineAlbumへ移設することにした。HPからリンクしていた写真集を順次移す。(2006/3/3)
SOTHINK SWF Quickerで創ったFlash　MovieとボタンをMTに持ち込んでみた。(2006/3/2)
鹿児島へ旅行したときに、知覧の武家屋敷跡で撮った花の写真などをFlash　Albumにつくり、リンクした。(2006/3/2)
閲覧してもらった友人に指摘を受けて、コメント保留・エラー・受付の各テンプレートを「小粋空間」のテンプレートで設定した。自分宛にコメントを出すことはないので気づかなかった。(2006/3/2)
２月末に、鹿児島に旅行した。その時の記録を写真日記風に掲載した。(2006/3/1)
Movable TypeでのWeblogのカレンダーを横長表示に変えました。Kinarie&Mayさんの作品を使わせてもらっている。(2006/2/23)
Weblogの表示に、パンくずリストを置きたくて、その前提となるMTのｐｈｐモジュール化をしました。悪戦苦闘したが、どうやらどちらも形になった。(2006/2/21)
藤本壱さんの参考書にある「リンクの挿入をより便利にする」プラグインを導入した。表示には現れないがが、投稿原稿作成時のリンク挿入が楽になりそうです。(2006/1/17)
MUSIC PageのFlashJazzをElla FitzgeraldのMack The Knifeに変更した。(2006/2/17)
eonet CGIで設置していたHomePageの作者への送信フォームをlolipopの送信フォームに変えた。こちらの方が細かい設定がでるが、著作権のためにlogoを消すことはできないようです。(2006/2/14)
インターネット接続先である光のeonetに置いてあった私のHomePageを独自ドメインに移設した。　eonet　CGIのカウンターだけlolipopのものに変更した。(2006/2/13)
藤本　壱さんのカスタマイズを参考に、サイドメニューの月別アーカイブをセレクト表示に変えた。(2006/2/13)
カテゴリーの階層化ついでに、並べる順序を私のHPと同じように変えた。これは、藤本　壱さんのプラグインを参考にさせて頂いた。思っていたよりすんなりといった。
カテゴリーの階層化およびツリー表示を「小粋空間」のサイトなどを参考にカストマイズした。少しずつ形が整ってきた。DIYと同じように、何かができていくことは楽しいです。(2006/2/12 13:30)
MT　Weblogのメインページでの本文表示は、最近投稿した５エントリーにとどめ、その後にそれに続く15エントリーの概要を付けた。藤本　壱さんの参考書から引用したものを少し弄りった。(2006/2/11)
LivedoorのBlogコンテンツをすべてn-shuhei.netに移設した。LivedoorのBlogは、本日（2006/2/10）かぎりで閉鎖することにした。　2GBフリーのスペースは魅力的であったが、今の情勢ではどこまで続くか疑問です。
eatsさんに教えてもらって、MTのDBをSQLiteに変換した。今のところ500Errorは出なくて快適に再構築できている。Ogawa::MemorandamのサイトからDLした、mt-db-convert.cgi　を使った。(2006/2/10)
下書きの時点でpreviewできるH.Fujimotoさんのplugin TagForPreviewをようやくのことインストールした。Livedoorのコンテンツをlolipop　MovableTypeに移行するのが随分楽になった。(2006/2/7)
MovableTypeの見栄えを考えて、pluginを持ち込むなど知識もないのに弄っていたら、Databaseを壊してしまったようです。泣く泣く再インストールした。(2006/2/5)
What's New?のページを Atelier Shuhei's Weblogのこのエントリーに移行した。(2006/2/4)
Livedoorでのblogページを新たにレンタルした lolipopにMovableTypeで設置したblogページに移行中です。
MUSICページでのJazzを Edmond HallのAs Long As I Live にした。(2006/1/22)
NATUREのページにFlash Movieを置いた。
What's NewのボタンをFlashに変更した。(2006/1/15)
家内のガーデニング教室での作品を Flashアルバムで掲載した。(2006/1/5)
Jazz Collectionのリストを更新した。(2006/1/8)
HOMEページにstaffonlyボタンを設け、家族用のalbumにリンクした。入室にはパスワードが必要です。(2006/1/4)

Permalink | Category : web

2008年5月13日

隠居、レンタル・サーバーの引っ越し：lolipop　→　Xserver

　2006 年２月に、ブログを MovableType で始めだしてから、２年と３ヶ月が経過した。その当時、最も安かった（現在もそうかもしれないが） lolipop という変わった名前のレンタル・サーバーを、ディスク容量 200MB 月額 263円で契約した。
　と同時に同じ系列の、ムームードメインサービスで、n-shuhei.net という独自ドメインを取得した。現在でも、ここが独自ドメイン取得・維持では最安らしい。　

　さすがに 200MB ではすぐ余裕がなくなり、2006年10月に、月額 105円を足して500MB とした。それも容量が残り少なくなってきたので、もう少しディスク容量が大きなレンタル・サーバーを物色していた。
　 lolipop の系列に、chicappa とか hemtel といったレンタル・サーバーがあるが、ネットにあまり名前が出てこないのでもひとつ乗り気ではない。
　「小粋空間」さん（現在は引越しされたようだ）など有名な方が使われている SAKURA Internetは、自分用に MP3 ファイルをおいて楽しんできたが、MovableType を移管するにはなんとなく難しそうだ。それに、債務超過も噂されている。音楽は、RadioSenboku を専ら聴いているので無駄遣いはやめて契約を解除した。

　もう少しググッテみると、ディスク容量 3GB で月額 1050円の Xserver というレンタルが見つかった。MovableType との相性も良さそうである。
　このサーバーに、一気に MT4.1 を導入して、現在の MT3.3 を移管したいと思ったが、 MT4.1 を理解するには時間がかかりそうなので、とりあえずディスク容量を確保することを優先することにした。

　一日 200人を越える人が訪問してくださるようになったので、URL は変えたくない。幸い、独自ドメインを取得していたので URL を変更せずにサーバーの引っ越しができそうである。
　Xsever には、このような場合のマニュアルが丁寧に書いてある。ただ、ドメイン管理とかDNS とかいった言葉は familiar ではないので、加齢化現象が起きている頭では理解するのになんども読み返すことになった。

引っ越しの要領は、マニュアルの「他社からの乗り換えについて」→「サーバーだけ移転したい」を参考に、

まず、ドメインの設定で、保有している独自ドメイン名（私の場合、n-shuhei.net)で、xserver にドメイン設定をする。
次に、FTPソフト（私の場合、FFFTP）で、新しいドメインに、lolipop からダウンロードしておいたファイルを xserver の新しいドメイン（/n-shuhei.net/public_html/) にアップロードする。
次に、ネーム・サーバー（プライマリーとサブがある）を lolipop のネームから　xserver のネームに変えて、浸透するのを待つだけである。この作業で世の中に、サーバーを変えたことを知らしているが、浸透するまでは２日間くらいかかるそうである。
　ドメイン名が同じだから、ほんとに引っ越ししているかどうか分からないが、アップロードする画像ファイルなどを故意に外しておくと表示されないから確認ができる。

サーバーをレンタルしている業者と独自ドメインを管理している業者は別である。
独自ドメインを持っておれば、サーバーレンタル会社のネーム・サーバー名（基本的には、IPアドレス）を、ドメイン管理業者（ここの場合、ムームードメインサービス）に用意されているコントロールパネルで書き換えるだけでよい。

mt-config.cgi のCGI Path は変えなくてよいが、Database へのパスはフルパスが変わっているので変えなければならない。（私の場合、SQLite を使っていたので）
ブログ管理画面の「設定」→「公開」でのサイトパスも絶対パスを変える必要がある。
cgi ファイルの属性（パーミッション）は、xserver の場合 700 に変えねばならないが、プラグインで使っている cgi ファイルも plugins のフォルダーを展開してさがし、属性を変えておく必要がある。私の場合、plugin の RebildPreView の cgi ファイル属性を変えていなかったのでエラーを起こした。

　ここまではなんとかたどり着いて、新しいサーバーで運営ができているが、spam comment 対策の Scode plugin がかなり時間をかけて検討してみたが、どうしても上手く動かない。仕方なく、１日20通近くくる　Junk Comment は手動で削除している。MT4 には対策方法があるらしい。やっぱりアップグレードを考えねばならないだろう。

　

隠居、MTでのParse error に苦戦

　現在契約しているレンタル・サーバーが手狭になってきたので、引っ越しを考えている。「MT　サーバー　引越し」でググって（若い人たちの間では、Googleでサーチすることをググルというらしい）みるとそう簡単ではないようだ。

　引っ越しをされた先達のエントリーには、大抵の人が引っ越しには準備を十分にしておくことが重要のように書いている。特に、サーバーを変えることによって、新しいドメインへのサイト・パスに注意を払う必要がある。

　初期の段階にわけのわからないまま見よう見まねで、テンプレートなどをいじってきたので、コードがくちゃくちゃになっている。コメントアウトしたコードがそのままのこっていたり、サイトパスがテンプレート・タグを使わずに、直接フルパスで書いている部分もある。まず、これらの掃除をしようとしたところでつまずいた。また、同じような過ちを犯しそうなので、備忘録的に書き留めて起きたい。

　メイン・ページ・テンプレートを掃除をしたあと、「S&R」（保存・再構築）をしてみると、なんと下のようなエラー表示がでて、ブログが立ち上がらない。　

Parse error: syntax error, unexpected ':' in /home/sites/lolipop.jp/users/lolipop.jp-dpxxxxxxxx/web/blog/index.php on line 156

　MTをなんとか立ち上げたころに見たエラー・メッセージである。どのように見るのかすっかり忘れている。これも、"parse error MT" でググッてみると、PHP化が影響していることが分かってきた。よく使うコード部分を「小粋空間」さんのPHPモジュール化を参考にPHP化して、よく理解できないまま使っていたのだ。

　さらに、"Parse error syntax" でググルと私でもなんとか理解できるページがヒットした。「ホリデープログラミング入門」というサイトのページである。

　ここに書かれている内容を頼りに、メイン・ページ・テンプレートテンプレートの156行目あたりを眼を凝らしてみると、次のような記述が見つかった。

<?php readfile(http://n-<$MTBlogURL$>"webtitle.html"); ?>

　どうやら、コードの掃除をしているときに手が滑ったらしい。もともとは、どうやらフルパスで書いていたと思われる。

<?php readfile("webtitle.html"); ?>

と記述しなおすと、すんなり回復してくれた。。

　原因が見つかるまでの当座の間に合わせは、FFTPでダウンロードしていた index.php を使ったが、このファイルはテンプレートタグなどが展開されたあとのファイルなので、元々のテンプレートを置き換えることができない。テンプレートは、秀丸か何かを使って　Copy&Paste でバックアップしておいた方がいいかもしれない。

隠居のお勉強：JavaScript Basic (7) 関数

　全く自己満足の世界であるが、W3Schools での JavaScript Tutorial でお勉強を続けてみたい。

　今回は、[JS Functions]の項である。Function は、Example で既に使われているので、今回はおさらいである。

Function（関数）とは、イベントあるいは関数が呼び出されるときに実行される再使用可能なコードの集まりである。

おさらいのために、今回次のような学習のためのJavaScript を作成した。
ブログ・サーバーにおいた LinkButton.js という名前の js ファイル。
//JavaScript Study Making Link Button
function link_button()
{
var name=prompt("リンクする URL 名を入力ください。","URL");
if (name!=null && name!="")
{
window.open(name);
}
}
この中で、prompt box に入力された URL を新しいウィンドウに開くという関数 link_button を設定している。
この関数を、ページを開いた時に呼び出すために、HTMLの <head> 部（MTのテンプレートで）においた。関数は、 <head> 部にも、 <body> 部にもおくことができるが、<head> 部におく方が賢明なようである。
<head> 部に関数を設定している js file を呼び出すためのHTML。<$MTBlogURL$>はMovableType のテンプレート・タグであり、私の場合、http://n-shuhei.net/blog/ を置換するタグである。
<script type="text/javascript" src="<$MTBlogURL$>LinkButton.js"></script>
呼び出した関数を実行するために、 <body> 部に関数 link_button() を実行させる次のような HTML を記述する。
<input type="button" value="URL you want" onclick="link_button()" />

上の例は、arrgument （引数）がない場合の関数であるが、一般的には、次のような構文となる。
function functionname(var1,var2,...,varX)
{
some code
}
var1,var2 などは関数に取り込まれる変数または値である。 { と }　は、関数の始めと終わりを示す。
var1,var2 などの引数がない場合にでも、関数名の後ろに () をつけなければならない。
関数名は、小文字なければならない。JavaScript は大文字・小文字の区分が厳格である。

関数ではまた、次のように関数から戻される値（戻り値）を特定する return statement が使われることがある。
function prod(a,b)
{
x=a*b;
return x;
}
上の関数を呼び出すときは、次のように２つのパラメータが必要である。
product=prod(2,3);
関数 prod() からの戻り値は 6 となるが、この値は product という変数で保存される。
関数の中で宣言された変数は、その関数の中だけで使われるローカル変数となる。関数の外で宣言された変数は、グローバル変数と呼ばれ、宣言されたページのどの関数でも使用できる。ページが閉じられたときに消滅する。

隠居のお勉強：JavaScript Basic (6) Google Map link の confirm box を作る

　金曜の夜から、夫婦そろって風邪（？）を引いてしまった。どちらも消化器系をやられたので、一種の食中毒かもしれない。陽春の候というのに、二人揃って床に就いた。こんなことははじめてである。医者からもらった薬を服んで寝ていたら、翌朝は体調が戻った。

　引き続き、W3Schools JavaScript Tutorial で、お勉強である。今日は、[JS Popup Boxes] の項である。

JavaScript では、3種のポップアップ・ボックスを作成できる。　　Alert: Confirm: Prompt: ボックスである。

Alert Box は、ページ閲覧者に確認の情報をポップアップ・ボックスに表示する。
Example を参考に、次のような js ファイル（名前はなんでもよいが、AlertBox_h1.js とした）を作って、ページの <head> 部においてみた。MTでは、メインページやエントリーページのテンプレートの <head> 部である。
```
//JS Study: 改行付き Alert Box
function disp_alert()
{
alert("Alert Box で改行するには" + '¥n' + "¥¥n¥ を使います。");
}
```
　¥は小文字である。MTやGoogle のサーチボックスや Gmail では、101/102 英語キーボードで小文字 ¥ を打つと、\ となって、小文字の ¥ は表示されない。この場合、HTMLのタグで使う、< > をエントリーで使うとき < > と入力するように、¥ と入力すると小文字 ¥が表現される。なお、秀丸では小文字の ¥ が表示されるので、 js ファイル作成には問題がない。HTMLで表示されている入力部分に、小文字 ¥ を打つと、\ となるらしい。
ずいぶん寄り道をしたが、JavaScript での文字列の改行には、¥n を使う。HTML での < br /> と同じである。このときの ¥ をエスケープ・シーケェンスというらしい。エスケープ・シーケェンスについては、後ほど Tutorial の項目にもでてくるようだ。
MTテンプレートの <head> 部においた記述を次に示す。 <$MTBlogURL$> は、MT のテンプレート・タグである。
```

<script type="text/javascript" src="<$MTBlogURL$>AlertBox_h1.js"></script>
```

そして、 <body> 部に（エントリーに）次のようなHTMLを記述したとき、下のような Example が実行される。実際のブログへの応用については、まだ、思いつかない
```
<input type="button" onclick="disp_alert()" value="改行つき Alert Box の例" />
```

Example:右のボタンをクリックしてみてください。
今回初めて、 <head> 部で js ファイルを呼び出し、 <body> 部でそれを実行することを試みた。Expert が提供してくれている JavaScript プラグインの多くはこの方式をとっている。

Confirm Box は、ページ閲覧者に「OK」か「キャンセル」かの確認をとるお馴染みのポップアップ・ボックスである。

tutorial の Example と Tag <index> というページにある例を参考に、Alert Box のようによく利用する Google Map へのリンクボタンで確認するスクリプトを置いてみた。
外部 js ファイル（名前はなんでもよいが、ConfirmBox_h2.js とした）と<head> 部（テンプレート）に記述したHTMLおよび <body> 部に（エントリーに）に記述したHTMLは次のようなものである。

外部 js ファイル：別 Window に開きたかったので、tutorial にある location.href ではなしに window.open を用いた。 location.href では新しい Window に表示させる方法が分からなかった。

//JavaScript Study Confirm Box
function disp_confirm()
{
var r=confirm("Google Map を開きますか？");
if (r==true)
  {
     window.open("http://maps.google.co.jp/","_blank");
   }
else
  {
 window.alert('キャンセルされました'); 
  }
}

<head> 部（テンプレート）に記述したHTML


<script type="text/javascript" src="<$MTBlogURL$>ConfirmBox_h2.js"></script>

<body> 部に（エントリーに）に記述したHTML


<input type="button" onclick="disp_confirm()" value="Google Map" />

右のボタンをクリックすると Confirm Box がでる。　
　ブログの右サイドにリンクボタンとして設置してみた。自作　JavaScript ３作目である。

Prompt Box は、多くの場合ページの訪問者にページに入る前に、何かの値を求めるときに使われる。

Example を参考に学習のために作った外部 js ファイル、<head> 部（テンプレート）に記述したHTMLおよび <body> 部に（エントリーに）記述したHTMLは次のようなものである。

外部 js ファイル。名前はなんでもよいが、PromptBox_h3.js とした

//JavaScript Study Prompt Box
function disp_prompt()
{
var name=prompt("貴方のお名前を教えてください。","お名前");
if (name!=null && name!="")
  {
    window.alert("今日は!! " + name + "さん。訪問ありがとうございます。");
  }
}