4*9=89

1. portsからインストール。

   portinstall www/awstats

2. 公開ディレクトリ(DocumentRoot)が /usr/local/www/ で無い場合は、AWStatsのディレクトリを公開ディレクトリ配下に配置。

   mv /usr/local/www/awstats （配置先）

3. インストール時に表示されたメッセージに従い、Apacheの定義ファイルhttpd.confに以下を追加。
   公開ディレクトリ(DocumentRoot)が /usr/local/www/ で無い場合は、以下の /usr/local/www/ を、上で配置したディレクトリに書き換える。
   （メッセージを見落とした場合は、/usr/ports/www/awstats/pkg-messageを参照する）

   #
   # Directives to allow use of AWStats as a CGI
   #
   Alias /awstatsclasses "/usr/local/www/awstats/classes/"
   Alias /awstatscss "/usr/local/www/awstats/css/"
   Alias /awstatsicons "/usr/local/www/awstats/icons/"
   ScriptAlias /awstats/ "/usr/local/www/awstats/cgi-bin/"
   
   #
   # This is to permit URL access to scripts/files in AWStats directory.
   #
   <Directory "/usr/local/www/awstats/">
   Options None
   AllowOverride None
   Order allow,deny
   Allow from all
   </Directory>
   

4. AWStatsの定義ファイルを作成する。
   サンプルファイルである awstats.model.conf が、なぜかawstatsディレクトリ配下のcgi-bin配下に置かれているので、コピーする。
   # 有りそうな場所を探し回ってしまった ^^;
   ここではVirtualHostを考慮しないことにし、デフォルトの定義ファイル名である awstats.conf とする。
5. awstats.confを編集する。
   ■運用するための最低限の設定
   • 対象のアクセスログの指定
     デフォルト）
     

     LogFile="/var/log/httpd/mylog.log"

     変更例）

     LogFile="/var/log/httpd-access.log"

   • 自サイトのドメインの指定
     デフォルト）
     

     SiteDomain=""

   変更例）
   

   SiteDomain="kobito.dnsalias.com"

■環境に依存
• インデックスファイルのファイル名
  httpd.confの DirectoryIndex に index.html 以外を指定している場合に編集する。
  デフォルト）
  

  DefaultFile="index.html"

  編集例）

  DefaultFile="index.php index.html"

■ノイズになるアクセスを除外
• 解析対象から除外するホスト
  内部からのアクセスは、アクセス解析の趣旨的にはノイズとなるため、除外する。
  デフォルト）
  

  SkipHosts=""

  編集例）

  SkipHosts="127.0.0.1 localhost REGEX[^192\.168\.] REGEX[^.*\.local$]"

• 解析対象から除外するファイル
  ブラウザが勝手に行うfavicon.icoへのアクセスや、クロウラーのrobots.txtへのアクセスのカウントは、ノイズとなるため、除外する。
  デフォルト）
  

  SkipFiles=""

  編集例）

  SkipFiles="robots\.txt favicon\.ico"

■好み...かな
• 解析結果ファイルの出力先
  デフォルトではスクリプトと同じディレクトリに解析結果ファイルを出力してしまうので、分けてみる。
  デフォルト）
  

  DirData="."

  編集例）

  DirData="../data"

■よく分からない...
• HostAliases の REGEX[myserver\.com$] の部分
  デフォルト）
  

  HostAliases="localhost 127.0.0.1 REGEX[myserver\.com$]"

  編集例）

  HostAliases="localhost 127.0.0.1 REGEX[kobito\.dnsalias\.com$]"

6. AWStatsを実行し、解析してみる。

   cd awstats/cgi-bin
   ./awstats.pl -update -config=awstats.conf

1. カテゴリ名を変更する。
   カテゴリ名の前に数字を付け、表示順序を決定する。
   1. メイン・メニュー > (BLOG名) > カテゴリ を開く。
   2. カテゴリを選択する。
   3. 「カテゴリーのタイトル」を編集し、数字付きに変更する。
      例）

      日記　→　001-nikki

   4. 「カテゴリーの説明」に、表示したいカテゴリ名を入力する。
   5. 「保存」ボタンを押す。
2. テンプレートを変更する。
   全てのテンプレート中の <MTCategoryLabel> を <$MTCategoryDescription$> に変更する。
   1. メイン・メニュー > (BLOG名) > テンプレート を開く。
   2. 「メインページ」など <MTCategoryLabel> を使用するテンプレートを編集する。
   加えて、「カテゴリ・アーカイブ」のみ、 <title> タグ内の <$MTArchiveTitle$> も <$MTCategoryDescription$> に変更する。
3. 再構築する。

1. 折りたたみ制御用のclassを初期状態で非表示にするため、スタイルシートに以下を追加。

   .TextCollapse { display: none; }

2. 以下のJavaScriptをサーバに配置。
   textcollapse-0.3.js

1. 月別のアーカイブテンプレートを作成。
   カレンダー部の実ファイルになるテンプレートを作成する。
   
   [手順]
   
   1. メイン・メニュー > (BLOG名) > テンプレート を開く。
   2. 「新しいアーカイブ・テンプレートを作る」をクリック。
   3. 「テンプレートの名前」は参照元に習って"AjaxCalendar"と入力。
   4. 「このテンプレートにリンクするファイル」は空欄のまま。
   5. 「テンプレートの中身」はは以下を記述。
      ただし、カレンダーからのリンク先を日別のアーカイブにするなど、カレンダー部分のテンプレートを編集している場合は、同様の修正を行うこと。
      
      
      
      

      <table summary="投稿されたエントリーへのリンク付き月間カレンダー">
      <caption>
      <MTArchivePrevious>
      <a href="#" onclick="calendarInit('<MTArchiveDate format="%Y">',
      '<MTArchiveDate format="%m">');">&laquo;</a>
      </MTArchivePrevious>
      
      <$MTArchiveDate format="%Y / %m"$>
      
      <MTArchiveNext>
      <a href="#" onclick="calendarInit('<MTArchiveDate format="%Y">',
      '<MTArchiveDate format="%m">');">&raquo;</a>
      </MTArchiveNext>
      </caption>
      <tr>
      <th abbr="日曜日">S</th>
      <th abbr="月曜日">M</th>
      <th abbr="火曜日">T</th>
      <th abbr="水曜日">W</th>
      <th abbr="木曜日">T</th>
      <th abbr="金曜日">F</th>
      <th abbr="土曜日">S</th>
      </tr>
      
      <MTCalendar month="this">
      <MTCalendarWeekHeader><tr></MTCalendarWeekHeader>
      
      <td><MTCalendarIfEntries><MTEntries lastn="1"><a href="<$MTEntryLink archive_type="Daily"$>"><$MTCalendarDay$></a></MTEntries></MTCalendarIfEntries><MTCalendarIfNoEntries><$MTCalendarDay$></MTCalendarIfNoEntries><MTCalendarIfBlank>&nbsp;</MTCalendarIfBlank></td><MTCalendarWeekFooter></tr></MTCalendarWeekFooter>
      </MTCalendar>
      
      </table>
      

   
   
2. 作成したテンプレートをアーカイブに関連付ける。
   
   [手順]
   
   1. メイン・メニュー > (BLOG名) > 設定 > アーカイブ を開く。
   2. 「新しく、テンプレートとアーカイブを関連付ける。」の「アーカイブの種類」に"月別"を選択。
   3. 同じく「テンプレート」に"AjaxCalendar"を選択。
   4. 「追加」ボタンを押す。
   
   
3. 上で関連付けしたアーカイブとして出力されるカレンダーモジュールの出力先・ファイル名を指定する。
   参照元の説明にはこの手順がないので、（デフォルトで作成される）月ごとのアーカイブファイルとして作成してしまう。
   従来の月ごとのアーカイブが不要であればこの手順は飛ばしても良い。
   
   [手順]
   
   1. メイン・メニュー > (BLOG名) > 設定 > アーカイブ を開く。
   2. 「アーカイブ」の"AjaxCalendar"テンプレートの「アーカイブ・ファイルのテンプレート」に任意の出力先・ファイル名を指定。
      例）archiveディレクトリ配下の年月のパスにファイル名を"calendar.html"として出力する場合
      

      <$MTArchiveDate format="%Y/%m/"$>calendar.html

   3. 「変更を保存」ボタンを押す。
   
   
4. カレンダーを操作するJavaScriptファイルを配置する。
   ここでは、MovableTypeのインストール先（WebからはWeblogのトップに見えるディレクトリ）に"ajaxcalendar2.js"として配置することにする。
   
   [手順]
   
   1. 以下のJavaScriptの"xmlHttp.open"で対象にしているカレンダーモジュールの入力元を、上で指定したカレンダーモジュールの出力先・ファイル名に編集する。
      例）archiveディレクトリ配下の年月のパスにファイル名を"calendar.html"として出力するようにした場合
      

      xmlHttp.open('GET', "/mt/archives/" + year + "_" + month + ".html");

      を
      

      xmlHttp.open('GET', "/mt/archives/" + year + "/" + month + "calendar.html"

      
      
      
      

      function showCalendar(xmlHttp) {
      return function() {
      if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
      if (xmlHttp.responseText) {
      var calendarElement = document.getElementById('calendar')
      calendarElement.innerHTML = xmlHttp.responseText;
      } else {
      alert("failed");
      }
      }
      }
      }
      
      function calendarInit(year, month)
      {
      var xmlHttp = getXmlHttpObject();
      xmlHttp.onreadystatechange = new showCalendar(xmlHttp);
      xmlHttp.open('GET', "/mt/archives/" + year + "_" + month + ".html");
      xmlHttp.send(null);
      return false;
      }
      
      function getXmlHttpObject() {
      var xmlhttp;
      /*@cc_on
      @if (@_jscript_version >= 5)
      try {
      xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
      } catch (e) {
      try {
      xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (E) {
      xmlhttp = false;
      }
      }
      @else
      xmlhttp = false;
      @end @*/
      if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
      try {
      xmlhttp = new XMLHttpRequest();
      // xmlhttp.overrideMimeType("text/xml");
      } catch (e) {
      xmlhttp = false;
      }
      }
      return xmlhttp;
      }
      

      
      
      
      
   2. 編集したJavaScriptを"ajaxcalendar2.js"として、FTPするなりして配置する。ファイルのパーミッションはWebサーバが触れれば良い（実行権は不要）。
   
   
5. カレンダーを表示するテンプレートを、月めくり対応に編集する。
   
   [手順]
   
   1. メイン・メニュー > (BLOG名) > テンプレート を開く。
   2. 「メインページ」など、カレンダーを表示したい全てのテンプレートのHTMLのヘッダ部分に以下を追加。
      

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

      上記例はJavaScriptファイルの入力元としてMovableTypeのインストール先を絶対指定しているので、必要に応じて上記の"<$MTBlogURL$>"をJavaScriptファイルの配置位置に変更する。
   3. 上で対象にしたカレンダーを表示したい全てのテンプレートの<body>タグを以下に変更。
      

      <body onload="calendarInit('<$MTDate format="%Y"$>', '<$MTDate format="%m"$>');">

      すでにbodyタグにonloadを指定している場合は、HTMLのヘッダ部分に以下に追加し、bodyタグのonloadを削除する。

      <script language="JavaScript">
      window.onload=WindowOnLoadHandler;
      
      function WindowOnLoadHandler() {
      （もともとonloadで呼び出していた処理）
      calendarInit('<$MTDate format="%Y"$>', '<$MTDate format="%m"$>
      }
      </script>
      

   4. 上で対象にしたカレンダーを表示したい全てのテンプレートのカレンダーを表示したい部分を、以下の例のように<div id="calendar">タグと</div>タグでくくる。
      なお、「メインページ」テンプレートのカレンダー部分は、デフォルトで<div id="calendar">でくくられているようなので、既にそうなっていたらこの手順は飛ばす。
      また、ここで紹介する方法に対応していないブラウザのために、もともとあるカレンダー部分は削除せず残しておく。
      

      <div id="calendar">
      （カレンダー部分）
      </div>
      

      
      
6. 再構築する。

//
// 記事の折りたたみを制御する
// textcollapse.js ver 0.2
//

// 折りたたみ対象部分のコンテナになるtag
// 注）'div'以外で動作するかは未検証
gTextCollapseTagName = 'div';
// 折りたたみ対象部分のclass名
gTextCollapseClassName = 'TextCollapse';
// 折りたたみを切替えるスイッチのテキストを指定するAttribute名
gTextCollapseExpandAttrName = 'tcExpandLabel';
gTextCollapseCollapseAttrName = 'tcCollapseLabel';
// 折りたたみを切替えるスイッチ（ラベル）部のclass名
gTextCollapseSw1ClassName = 'TextCollapseLabel'; // 上部
gTextCollapseSw2ClassName = 'TextCollapseLabel'; // 下部
// 折りたたみを切替えるスイッチ（ラベル）部のid名のプレフィックス
gTextCollapseSw1IdPrefix = 'TextCollapseSW1'; // 上部
gTextCollapseSw2IdPrefix = 'TextCollapseSW2'; // 下部
// 折りたたみ部のclass名
gTextCollapseBodyClassName = 'TextCollapseBody';
// 折りたたみ部のid名のプレフィックス
gTextCollapseBodyIdPrefix = 'TextCollapseBody';
// 折りたたみを切替えるスイッチ（ラベル）の表示位置
// 0:上部のみ 1:下部のみ 2:上部下部両方
gTextCollapseSwPosition = 2;
// 折りたたみを切替えるスイッチのデフォルトのテキスト
gTextCollapseExpand = '[詳細を表示]';
gTextCollapseCollapse = '[詳細を隠す]';

//--------------------------------------
// 展開リンク組み立て
//--------------------------------------
function makeTextExpandLink( aIdNum, aLabel )
{
var lnkText = ( ( aLabel ) ? aLabel : gTextCollapseExpand );

return ( '<a href="#' + lnkText + '" ' +
'onclick="return( SwitchTextCollapse(' + aIdNum + ') );" ' +
'onkeypress="return( SwitchTextCollapse(' + aIdNum + ') );">' +
lnkText + '</a></span>' );
}

//--------------------------------------
// 折りたたみリンク組み立て
//--------------------------------------
function makeTextCollapseLink( aIdNum, aLabel )
{
var lnkText = ( ( aLabel ) ? aLabel : gTextCollapseCollapse );

return ( '<a href="#' + lnkText + '" ' +
'onclick="return( SwitchTextCollapse(' + aIdNum + ') );" ' +
'onkeypress="return( SwitchTextCollapse(' + aIdNum + ') );">' +
lnkText + '</a></span>' );
}

//--------------------------------------
// 折りたたみの初期化
//--------------------------------------
function initTextCollapse()
{
var tagObjs = this.document.getElementsByTagName( gTextCollapseTagName );
var sw1Text = ''
var sw2Text = ''
var sw1Link = ''
var sw2Link = ''
var sw1Label = ''
var sw2Label = ''
var bdyText = ''

for ( var i = 0; i < tagObjs.length; i++ )
{
if ( tagObjs[i].className == gTextCollapseClassName )
{
bdyText = tagObjs[i].innerHTML;
bdyText = bdyText.replace(/^<br>/ig, '' );
bdyText = bdyText.replace(/\r\n$/ig, '' );
bdyText = bdyText.replace(/\r$/ig, '' );
bdyText = bdyText.replace(/\n$/ig, '' );
bdyText = bdyText.replace(/<br>$/ig, '' );

sw1Label = tagObjs[i].getAttribute(gTextCollapseExpandAttrName);
sw2Label = tagObjs[i].getAttribute(gTextCollapseCollapseAttrName);

sw1Link = makeTextExpandLink ( i, sw1Label );

sw1Text = '<span id="' + gTextCollapseSw1IdPrefix + i + '" ' + 'class="' + gTextCollapseSw1ClassName + '"';

if ( sw1Label )
{
sw1Text += ' ' + gTextCollapseExpandAttrName + '="' + sw1Label + '"';
}
if ( sw2Label )
{
sw1Text += ' ' + gTextCollapseCollapseAttrName + '="' + sw2Label + '"';
}

sw1Text += '>' + sw1Link + '</span>';

if ( gTextCollapseSwPosition > 0 )
{
sw2Link = makeTextCollapseLink ( i, sw2Label );

sw2Text = '<span id="' + gTextCollapseSw2IdPrefix + i + '" ' + 'class="' + gTextCollapseSw2ClassName + '"';

if ( sw2Label )
{
sw2Text += ' ' + gTextCollapseCollapseAttrName + '="' + sw2Label + '"';
}

sw2Text += '>' + sw2Link + '</span>';
}

tagObjs[i].innerHTML = sw1Text +
'<div id="' + gTextCollapseBodyIdPrefix + i + '" ' +
'class="' + gTextCollapseBodyClassName + '">' +
bdyText + '</div>' + sw2Text;

document.getElementById( gTextCollapseBodyIdPrefix + i ).style.display = "none";
if ( gTextCollapseSwPosition > 0 )
{
document.getElementById( gTextCollapseSw2IdPrefix + i ).style.display = "none";
}
}
}
}

//--------------------------------------
// 折りたたみ／展開の切替え
//--------------------------------------
function SwitchTextCollapse( idNum )
{
var objSW1 = document.getElementById( gTextCollapseSw1IdPrefix + idNum );
var objSW2 = document.getElementById( gTextCollapseSw2IdPrefix + idNum );
var objBody = document.getElementById( gTextCollapseBodyIdPrefix + idNum );

if ( objBody )
{
if ( objBody.style.display == 'none' )
{
if ( objSW1 )
{
if ( gTextCollapseSwPosition == 1 )
{
objSW1.style.display = "none";
}
else
{
objSW1.innerHTML = makeTextCollapseLink ( idNum,
objSW1.getAttribute(gTextCollapseCollapseAttrName) );
}
}

objBody.style.display = "block";

if ( objSW2 )
{
objSW2.style.display = "block";
}
}
else
{
if ( objSW1 )
{
if ( gTextCollapseSwPosition == 1 )
{
objSW1.style.display = "block";
}
else
{
objSW1.innerHTML = makeTextExpandLink ( idNum,
objSW1.getAttribute(gTextCollapseExpandAttrName) );
}
}

objBody.style.display = "none";

if ( objSW2 )
{
objSW2.style.display = "none";
}
}
}

return false;
}

<$MTEntryTitle$>

<$MTEntryTitle$>[ <MTEntryCategories glue=", "><$MTCategoryLabel$></MTEntryCategories> ]

1. ウェブログの設定->アーカイブの設定と辿り、「日別」の横のチェックボックスをチェックし、一旦「変更を保存」する。
2. メインページのテンプレートを編集し、カレンダー部分にある以下を

   <a href="<$MTEntryPermalink$>"><$MTCalendarDay$></a>

   下記のように修正する。

   <a href="<$MTEntryLink archive_type="Daily"$>"><$MTCalendarDay$></a>

3. すべてを再構築する。

• 折りたたみ部分の見栄えを他とは変更できるようにしたい
  divを折りたたみ部のコンテナとして使用すれば、CSSで制御できて楽。
• エントリ書き込み時に、なるべく手間を掛けたくない
  JavaScriptで要素を操作する場合、一意のidが必要だったりするが、トップページやアーカイブページのように同ページ内に複数のエントリが並ぶことを考慮すると「エントリを書き込む際に自力でidを付ける」というのは現実的では無いし、なにより面倒。

ということで、エントリ書き込み時は以下のように折りたたみたい部分を「折りたたみ部」を示すクラス"TextCollapse"を指定したdivでくくるだけにして、面倒なid付けや折りたたみを制御するスイッチはScript任せに出来るようにした。

<div class="TextCollapse">
折りたたみたい部分
</div>

JavaScriptソース。

設置手順。

メイン・メニュー > (BLOG名) > 設定 > アーカイブ
「アーカイブ」の"個別エントリーアーカイブ"テンプレートの「アーカイブ・ファイルのテンプレート」に以下を指定。

<$MTArchiveDate format="%Y/%m/%d_%H%M%S"$>.php

個別エントリモジュール用のテンプレートを作成する。

1. メイン・メニュー > (BLOG名) > テンプレート を開く。
2. 「新しいアーカイブ・テンプレートを作る」をクリック。
3. 「テンプレートの名前」に"Entry Body"と入力。
4. 「このテンプレートにリンクするファイル」は空欄のまま。
5. 「テンプレートの中身」はは以下のみを記述。

   <$MTEntryBody$>

6. 「保存」ボタンを押す。

作成したテンプレートをアーカイブに関連付ける。

1. メイン・メニュー > (BLOG名) > 設定 > アーカイブ を開く。
2. 「新しく、テンプレートとアーカイブを関連付ける。」の「アーカイブの種類」に"個別"を選択。
3. 同じく「テンプレート」に"Entry Body"を選択。
4. 「追加」ボタンを押す。

個別エントリモジュールファイルの出力先・ファイル名を指定する。

1. メイン・メニュー > (BLOG名) > 設定 > アーカイブ を開く。
2. 「アーカイブ」の"Entry Body"テンプレートの「アーカイブ・ファイルのテンプレート」に任意の出力先・ファイル名を指定。
例）年月のパスに日時分秒のファイル名とする場合

<$MTArchiveDate format="%Y/%m/parts/%d_%H%M%S"$>_body.php

3. 同じく「テンプレート」に"Entry Body"を選択。
4. 「変更を保存」ボタンを押す。

既存のテンプレートを、個別エントリモジュールファイルを読み込むように編集する。

1. メイン・メニュー > (BLOG名) > テンプレート を開く。
2. 「個別エントリーアーカイブ」「カテゴリー・アーカイブ」「日付アーカイブ」「メインページ」など、<$MTEntryBody$>を使用している全てのテンプレートの、<$MTEntryBody$>部分を以下に置き換える。

   <? include"/userID/public_html/module/archive/<$MTArchiveDate format="%Y/%m/parts/%d_%H%M%S"$>_body.php";?>

   上記のincludeを「MovableTypeの/archive/のパス」および先に指定した「個別エントリモジュールファイルの出力先・ファイル名」とすることで、該当するファイルがPHPにより読み込まれる。
3. すべてを再構築する。

1. まずは、トップページとアーカイブページをphpに。
   [手順]
   メイン・メニュー > (BLOG名) > テンプレート を開き、インデックス・テンプレートの「メインページ」と「アーカイブページ」の拡張子を、それぞれphpに変更。
2. 続いて、個別エントリもphpに。
   [手順]
   メイン・メニュー > (BLOG名) > 設定 > 設定 を開き、「アーカイブ・ファイルの拡張子」をphpに変更。
3. サイトの再構築を行えば完了。