<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
    <title>モカモカ工房</title>
    <link rel="alternate" type="text/html" href="http://mocamoca.biz/blog/" />
    <link rel="self" type="application/atom+xml" href="http://mocamoca.biz/blog/atom.xml" />
    <id>tag:mocamoca.biz,2008-07-31:/blog//1</id>
    <updated>2009-03-30T06:49:28Z</updated>
    <subtitle>Web関連情報（CSS、SEO、ネットワーク等々）</subtitle>
    <generator uri="http://www.sixapart.com/movabletype/">Movable Type Pro 4.23-ja</generator>

<entry>
    <title>ドメインの移管とサーバーの引越し</title>
    <link rel="alternate" type="text/html" href="http://mocamoca.biz/blog/2009/03/post-6.html" />
    <id>tag:mocamoca.biz,2009:/blog//1.68</id>

    <published>2009-03-30T06:07:59Z</published>
    <updated>2009-03-30T06:49:28Z</updated>

    <summary>　私が管理維持しているもう一つのドメインmocamoca.comについて、サーバ...</summary>
    <author>
        <name>モカ</name>
        
    </author>
    
        <category term="その他" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="サーバー" label="サーバー" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://mocamoca.biz/blog/">
        <![CDATA[<p>　私が管理維持しているもう一つのドメインmocamoca.comについて、サーバーの引越しをしました。<br />
　旧サーバー会社はサーバーとドメインの管理を両方ともしてもらっていたのですが、サーバーを引越した後にドメインの管理だけはしてくれないので、ドメインの管理も移管することにしました。</p>

<p>　新しいサーバー環境は
　
* サーバー：CORESERVER
* ドメイン管理：VALUE-DOMAIN</p>

<p>　です。</p>
]]>
        <![CDATA[<hr />

<p>１）旧サーバー会社に管理移管の申請</p>

<p>２）旧サーバー会社から</p>

<ul>
<li>認証鍵「xxxyyyuuu」</li>
<li>WHOISの登録情報の中の「Administrative Contact」のメールアドレスを私のメールアドレスに変更した</li>
<li>ドメインのロックを解除した</li>
</ul>

<p>　という連絡</p>

<p>３）VALUE-DOMAINに入金</p>

<p>４）VALUE-DOMAINのコンパネの「新しく移管申請を行う」から移管申請（.comなので990円）</p>

<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="domain_3.jpg" src="http://mocamoca.biz/blog/image/0903/domain_3.jpg" width="395" height="93" class="mt-image-none" style="" /></span></p>

<p>　　　　↓</p>

<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="domain_4.jpg" src="http://mocamoca.biz/blog/image/0903/domain_4.jpg" width="450" height="187" class="mt-image-none" style="" /></span></p>

<p>５）英語のメールが来たので→承認（I Approve）</p>

<p>６）VALUE-DOMAINの「取得済みドメイン一覧」の「ネームサーバーの変更」で「VALUE-DOMAIN独自のネームサーバー」に変更</p>

<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="domain_1.gif" src="http://mocamoca.biz/blog/image/0903/domain_1.gif" width="480" height="254" class="mt-image-none" style="" /></span></p>

<p>　　　　↓</p>

<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="domain_2.gif" src="http://mocamoca.biz/blog/image/0903/domain_2.gif" width="478" height="432" class="mt-image-none" style="" /></span></p>

<p>７）<a href="http://whois.ansi.co.jp/">WHOIS</a>で状況を確認する</p>

<p>８）ネームサーバーが変更されたらVALUE-DOMAINの「取得済みドメイン一覧」の「DNSレコード/URL転送の変更」でDNSの設定<br />
　自動設定でサーバーを指定すると自動的に最適な設定のスクリプトが記入される</p>

<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="domain_1.gif" src="http://mocamoca.biz/blog/image/0903/domain_1.gif" width="480" height="254" class="mt-image-none" style="" /></span></p>

<p>　　　　↓</p>

<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="domain_12.jpg" src="http://mocamoca.biz/blog/image/0903/domain_12.jpg" width="506" height="579" class="mt-image-none" style="" /></span></p>

<p>９）CORESERVERの「ドメインウエブ」の設定で独自ドメイン情報の入力<br />
　www.mocamoca.comにアクセスされた時にmocamoca.comに転送されるように設定</p>

<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://mocamoca.biz/blog/image/0903/domain_10.jpg" class="highslide" onclick="return hs.expand(this)"><img alt="domain_10.jpg" src="http://mocamoca.biz/blog/assets_c/2009/03/domain_10-thumb-500x380-150.jpg" width="500" height="380" class="mt-image-none" style="" /></a></span></p>

<p>１０）CORESERVERの「ドメインメール」の設定で独自ドメインメールの設定</p>

<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://mocamoca.biz/blog/image/0903/domain_11.jpg"><img alt="domain_11.jpg" src="http://mocamoca.biz/blog/assets_c/2009/03/domain_11-thumb-500x284-152.jpg" width="500" height="284" class="mt-image-none" style="" /></a></span></p>

<p>１１）VALUE-DOMAINの「CORESERVERアカウントの登録・管理・購入」ででサーバー正式購入</p>
]]>
    </content>
</entry>

<entry>
    <title>coreserver(XREA)でSSIのexecが使えない！</title>
    <link rel="alternate" type="text/html" href="http://mocamoca.biz/blog/2009/03/coreserverxreassiexec.html" />
    <id>tag:mocamoca.biz,2009:/blog//1.67</id>

    <published>2009-03-03T05:29:34Z</published>
    <updated>2009-03-03T05:43:55Z</updated>

    <summary>　cpreserver（XREAサーバー）のサーバーへの引越し作業をしています。...</summary>
    <author>
        <name>モカ</name>
        
    </author>
    
        <category term="プログラミング" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="ssi" label="SSI" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://mocamoca.biz/blog/">
        <![CDATA[<p>　cpreserver（XREAサーバー）のサーバーへの引越し作業をしています。</p>

<p>　今までindex.shtmlのソースの中に</p>

<blockquote>&lt;!--#exec&nbsp;cmd=&quot;./program.cgi&quot;&nbsp;--&gt;</blockquote>

<p>　を埋め込み、SSIを使ってテキストを文中に表示させていました。</p>

<p>　しかしこのサーバーではexecはセキュリティーのために使えないということが判明<a href="http://www.xrea.com/?action=faq#8">こちら</a></p>

<p>　いろいろと調べた結果、program.cgiの中に</p>

<blockquote>print&nbsp;&quot;Content-type:&nbsp;text/html¥n¥n&quot;;</blockquote>

<p>　という一文を入れ（#!/usr/bin/perlの次の行に）</p>

<blockquote>&lt;!--#exec&nbsp;cmd=&quot;./program.cgi&quot;&nbsp;--&gt;を<br />
&lt;!--#include&nbsp;virtual=&quot;./program.cgi&quot;&nbsp;--&gt;に変更</blockquote>

<p>　することによって解決しましたo(^0^)o</p>
]]>
        

    </content>
</entry>

<entry>
    <title>Movable Typeサーバー引越し1（MySQLデータの引越し）</title>
    <link rel="alternate" type="text/html" href="http://mocamoca.biz/blog/2009/03/movable-type-moving-1.html" />
    <id>tag:mocamoca.biz,2009:/blog//1.66</id>

    <published>2009-03-02T07:38:52Z</published>
    <updated>2009-03-02T08:16:33Z</updated>

    <summary>　モカモカパラダイスで使っているサーバーのデータベースが遅いので、CORESER...</summary>
    <author>
        <name>モカ</name>
        
    </author>
    
        <category term="メインテナンス" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="movabletype" label="Movable Type" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="サーバー" label="サーバー" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="引越し" label="引越し" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://mocamoca.biz/blog/">
        <![CDATA[<p>　<a href="http://mocamoca.com">モカモカパラダイス</a>で使っているサーバーのデータベースが遅いので、<a href="http://www.coreserver.jp/index.php">CORESERVER</a>に乗り換えようと思っています。<br />
　まずはサーバーをお試しで借りてMovable Typeの引越しの練習をしてみました。<br />
　Movable Typeのデータベースは両方ともMySQLを使用。<br />
　というわけで、まずはphpMyadominを使ってMyySQLのデータの引越しに挑戦してみましたo(^0^)o</p>
]]>
        <![CDATA[<hr />

<ol>
<li>旧サーバーのphpMyadmin（ver 2.6.4-pl3）を起動させ、文字コードを「ja-utf-8」にしてあげます。
<br />さらに、「エクスポート」のボタンは押さずに、左端にあるデータベースの名前をクリックしてデータベースを選択します
<br />
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://mocamoca.biz/blog/image/0903/moca_1.gif" class="highslide" onclick="return hs.expand(this)"><img alt="moca_1.gif" src="http://mocamoca.biz/blog/assets_c/2009/03/moca_1-thumb-500x178-128.gif" width="500" height="178" class="mt-image-none" style="" /></a></span></li>
<li>そこでエクスポートタブをクリックします<br />
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://mocamoca.biz/blog/image/0903/moca_2.gif" class="highslide" onclick="return hs.expand(this)"><img alt="moca_2.gif" src="http://mocamoca.biz/blog/assets_c/2009/03/moca_2-thumb-500x166-131.gif" width="500" height="166" class="mt-image-none" style="" /></a></span></li>
<li>「全選択」で全てのテーブルを選択し、「ファイルで保存」を選んで「実行する」をクリックすると、デスクトップにファイルが出来ました<br />
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://mocamoca.biz/blog/image/0903/moca_3.gif" class="highslide" onclick="return hs.expand(this)"><img alt="moca_3.gif" src="http://mocamoca.biz/blog/assets_c/2009/03/moca_3-thumb-500x450-133.gif" width="500" height="450" class="mt-image-none" style="" /></a></span></li>
<li>coreserverの管理画面から「データベース」を選び、デフォルトのデータベース（アカウントと同じ名前）に適当なパスワードをを入れ、文字コードを「UNICODE」にして「選択」にチェックを入れて「作成」を押します<br />
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://mocamoca.biz/blog/image/0903/moca_0.gif" class="highslide" onclick="return hs.expand(this)"><img alt="moca_0.gif" src="http://mocamoca.biz/blog/assets_c/2009/03/moca_0-thumb-500x108-135.gif" width="500" height="108" class="mt-image-none" style="" /></a></span></li>
<li>coreserverの管理画面からphpMyadmin（ver  2.10.1）を起動させます。<br />
ここでもすぐに「インポート」はクリックせず、左端のデータベースの名前をクリックしてデータベースを選択します。<br />
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://mocamoca.biz/blog/image/0903/moca_4.gif" class="highslide" onclick="return hs.expand(this)"><img alt="moca_4.gif" src="http://mocamoca.biz/blog/assets_c/2009/03/moca_4-thumb-500x220-136.gif" width="500" height="220" class="mt-image-none" style="" /></a></span></li>
<li>そこでインポートタブをクリックします<br />
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://mocamoca.biz/blog/image/0903/moca_5.gif" class="highslide" onclick="return hs.expand(this)"><img alt="moca_5.gif" src="http://mocamoca.biz/blog/assets_c/2009/03/moca_5-thumb-500x72-139.gif" width="500" height="72" class="mt-image-none" style="" /></a></span></li>
<li>「選択」ボタンを押して先程エクスポートしたファイルを選択し、ファイルの文字セットは「utf8」にして「実行する」をクリックします。<br />
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://mocamoca.biz/blog/image/0903/moca_6.gif" class="highslide" onclick="return hs.expand(this)"><img alt="moca_6.gif" src="http://mocamoca.biz/blog/assets_c/2009/03/moca_6-thumb-500x297-141.gif" width="500" height="297" class="mt-image-none" style="" /></a></span></li>
</ol>

<p>　これでデータベースのお引っ越しは終わりました。<br />
　次にMovable Typeです。</p>

<ol>
<li>旧サーバーのMovable Typeのプログラムディレクトリとデータディレクトリの両方をごっそりダウンロードします。</li>
<li>perlのパスを新サーバー用に修正し、新サーバーにアップします。</li>
<li>cgiのパーミッションを実行用に変更します</li>
<li>「mt-config.cgi」の設定を新サーバー用に変更しました。coreserverではデータベース名とユーザー名は同じになります。<br /></li>
</ol>

<pre name="code" class="xml">
# The CGIPath is the URL to your Movable Type directory
CGIPath    http://******.coreserver.jp/cgi/mt/

##### MYSQL #####
ObjectDriver DBI::mysql
Database moca
DBUser moca
DBPassword **********
DBHost localhost
</pre>

<ol>
<li>mt.cgiにアクセスすると、なんと文字化けになっているではないですか！ガーン。<br /><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="moca_7.gif" src="http://mocamoca.biz/blog/image/0903/moca_7.gif" width="254" height="276" class="mt-image-none" style="" /></span></li>
<li>調べたところ<a href="http://iandeth.dyndns.org/mt/ian/archives/000112.html">Movable Type + MySQL 4.1 を組み合わせると日本語が文字化けする不具合／障害の解決方法</a>に解決方法が書いてありました。<br />
　原因はMySQLのバージョンの違いでした。<br />
　今回のサーバー移行は</li>
</ol>

<blockquote>移行元：Cside <br />
phpMyadmin　2.6.4-pl3<br />
MySQL 4.0.24<br />
<br />
移行後：corereserver<br />
phpMyAdmin 2.10.1<br />
MySQL 5.1.22-rc</blockquote>

<p>　なのですが、MySQLは4.1から「サーバとクライアントそれぞれに対して異なるキャラクタセットを設定可能」という仕様になりそれでこういった文字化けが生じるそうです。<br />
　対策は「mt-config.cgi」」に
　</p>

<blockquote>SQLSetNames 1</blockquote>

<p>　
　を入れるだけ。見事にそれで解決しました！<br />
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="moca_8.gif" src="http://mocamoca.biz/blog/image/0903/moca_8.gif" width="256" height="294" class="mt-image-none" style="" /></span>
　
<br />　続く...</p>
]]>
    </content>
</entry>

<entry>
    <title>WindowsXPがログイン後すぐにログオフしてしまう→sp3を回復コンソールから削除</title>
    <link rel="alternate" type="text/html" href="http://mocamoca.biz/blog/2009/01/windowsxpsp3.html" />
    <id>tag:mocamoca.biz,2009:/blog//1.65</id>

    <published>2009-01-29T01:39:21Z</published>
    <updated>2009-01-29T01:52:48Z</updated>

    <summary>　社員のパソコンがログイン後に一瞬デスクトップ画面が出た後に、すぐログイン画面に...</summary>
    <author>
        <name>モカ</name>
        
    </author>
    
        <category term="トラブル" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="windows" label="Windows" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="トラブル" label="トラブル" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://mocamoca.biz/blog/">
        <![CDATA[<p>　社員のパソコンがログイン後に一瞬デスクトップ画面が出た後に、すぐログイン画面に戻ってしまうという状態になりました。<br />
　OSはWindowsXP Pro SP3です。<br />
　まずは</p>

<ol>
<li>再起動しても同じ</li>
<li>セーフモードで立ち上げても同じ</li>
<li>Administratorで入っても同じ</li>
<li>CHKDSKをやっても同じ</li>
</ol>

<p>　実は、この現象が起きる前に一度</p>

<blockquote>SP3を動かすためのファイルがありませんのでSP3のディスクを入れてください</blockquote>

<p>　というアラートが出ていました。<br />
　しかしSP3はアップデートで入れたのでディスクなんて持っていません。<br />
　うーん困った...などと思ってリスタートしたらこの状態になってしまいました＿|￣|○</p>

<p>　こうなったらSP3ごと削除してしまえ！と思い、Windowsが立ち上がらない状態でSP3を削除する方法を探してみました。</p>]]>
        <![CDATA[<hr>

<ol>
<li>WindowsXPのディスクをセットしてそのディスクから立ち上げます（ディスクはWindowsXPだったら借り物でも何でもいいです）</li>
<li>回復コンソールを起動します<a href="http://support.microsoft.com/kb/882361/JA/">Windows XP を修復するために回復コンソールを実行する方法</a></li>
<li>コマンドラインで以下のように入力します
<blockquote>C:¥WINDOWS>cd $ntservicepackuninstall$¥spuninst<br />
C:¥WINDOWS¥$NTSERVICEPACKUNINSTALL$¥SPUNINST> batch spuninst.txt</blockquote>
</li>
<li>これでしばらーくいろいろなメッセージが出続けます。ファイルが見つからないとかいろいろ出ますが気にしません。</li>
<li>最後にコマンド入力状態になりますので「exit」と入れてリターンし、Windowsを起動させます</li>
<li>これで見事にWindowsXPが立ち上がりました。</li>
<li>最後にコンパネの「プログラムの追加と削除」でxp3を削除してあげればおしまいです。<br />
　ちなみに私はここでシステムツールの「システムの復元」で異常が起きる前の状態に戻してみました。たぶんこれでも大丈夫だろうと思います</li>
</ol>]]>
    </content>
</entry>

<entry>
    <title>firefoxのみに効くCSSハック</title>
    <link rel="alternate" type="text/html" href="http://mocamoca.biz/blog/2009/01/firefoxcss.html" />
    <id>tag:mocamoca.biz,2009:/blog//1.64</id>

    <published>2009-01-15T06:12:59Z</published>
    <updated>2009-01-15T06:27:48Z</updated>

    <summary>　ページを作っていて、どーしてもfirefoxでだけ1ピクセルずれる減少に悩まさ...</summary>
    <author>
        <name>モカ</name>
        
    </author>
    
        <category term="CSS" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="css" label="CSS" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://mocamoca.biz/blog/">
        <![CDATA[<p>　ページを作っていて、どーしてもfirefoxでだけ1ピクセルずれる減少に悩まされ、firefoxだけに適用されるCSSハックを探したのですが、これが意外とありませんでした。</p>

<p>　「:-moz-broken」などのfirefoxでしか使えない"独自実装擬似クラス"をセレクタに混ぜ込むことによってfirefoxでしか適用されないCSSを定義するという記事もありました。</p>

<blockquote>div#menu, x:-moz-any-link { STYLE }</blockquote>

<p>　しかしこれがIE7にもどうやら適用されてしまうようなのです。</p>

<p>　そこで、最初にfirefoxのスタイルを書き、さらにそれ以外のブラウザのスタイルを書くことで何とか解決しました。</p>

<pre name="code" class="xml">
SELECTOR { STYLE }/*firefox用*/
*:first-child+html SELECTOR { STYLE }/*IE7用*/
* html  SELECTOR { STYLE } /*〜IE6用*/
body:first-of-type  SELECTOR { STYLE }/*Safari and Opera用*/
</pre>

<p>　うーん、こんなのでいいのかしら(^.^;)<br />
　でもこれで</p>

<blockquote>Windows　IE6、IE7、Opera9.6、Firefox3<br />
Mac　Firefox3、Safari3</blockquote>

<p>　では大丈夫でした。</p>
]]>
        

    </content>
</entry>

<entry>
    <title>携帯サイトのページ容量について</title>
    <link rel="alternate" type="text/html" href="http://mocamoca.biz/blog/2008/12/post-5.html" />
    <id>tag:mocamoca.biz,2008:/blog//1.63</id>

    <published>2008-12-22T06:47:44Z</published>
    <updated>2008-12-22T06:51:15Z</updated>

    <summary>　携帯サイトをつくる時、気になるのがページの容量です。 　キャリア毎に推奨サイズ...</summary>
    <author>
        <name>モカ</name>
        
    </author>
    
        <category term="携帯" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="携帯" label="携帯" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://mocamoca.biz/blog/">
        <![CDATA[<p>　携帯サイトをつくる時、気になるのがページの容量です。<br />
　キャリア毎に推奨サイズというのが決まっています。</p>

<ol>
<li>DoCoMo<br />
　全機種対応→<a href="http://www.nttdocomo.co.jp/service/imode/make/content/html/notice/standard/index.html">5KB</a><br />
　しかし、FOMAだとキャッシュサイズは<a href="http://www.nttdocomo.co.jp/service/imode/make/content/html/notice/other/#p24">100KB</a>まで拡大します。
<li>au<br />
　全機種対応→<a href="http://www.au.kddi.com/ezfactory/tec/spec/wap_tag12.html">9KB</a><br />
　しかし経験的には50KB以下であれば、たいていのWAP2.0搭載機種では表示される（<a href="http://dspt.blog59.fc2.com/blog-entry-25.html">携帯サイト作成時の注意点〜ページ容量au編〜</a></li>
<li>softbank<br />
　最低　C2,C3,C4型    6KB<br />
　最高　3GC型    300KB<br />
　（<a href="http://creation.mb.softbank.jp/column/column_01_01.html">ソフトバンク携帯電話向けのHTMLについて</a>）</li></ol></li>
</ol>

<p>　結論→最新の3G携帯のみに限定すれば50KB〜100KB程度ならば大丈夫です。</p>
]]>
        <![CDATA[<hr />

<p>　また通話料金も気になります。<br />
　FOMAの場合、0.21円/パケットなのでいくら可能だからといって100KBのページを作ると750パケットになり、1ページ見ると158円もかかってしまいます。<br />
　5ページだと800円近くかかってしまい、利用者に敬遠される可能性がとても大きいです。</p>

<p>　5KBだと7円なので、やはりこれくらいが今の世の中悦ばれると思います(^_^)</p>
]]>
    </content>
</entry>

<entry>
    <title>Movable TypeにBJKitを導入→アンチエイリアスの効いた美しい文字に</title>
    <link rel="alternate" type="text/html" href="http://mocamoca.biz/blog/2008/11/movable-typebjkit.html" />
    <id>tag:mocamoca.biz,2008:/blog//1.62</id>

    <published>2008-11-04T09:53:17Z</published>
    <updated>2008-11-05T00:39:37Z</updated>

    <summary>　Movable Typeでは、ヘッダーのタイトルや記事ごとの見出しがテキストで...</summary>
    <author>
        <name>モカ</name>
        
    </author>
    
        <category term="表示" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="movabletype" label="Movable Type" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://mocamoca.biz/blog/">
        <![CDATA[<p>　Movable Typeでは、ヘッダーのタイトルや記事ごとの見出しがテキストで表示されます。
　普段Macを使っている私としては、WindowsでMovable Typeを見た時にテキストにギザギザが出るのが気になっていました。</p>

<p>　そんな中年乙女の悩みを解決してくれるのが、この「BJKit」です。 <br />　指定したテキストをFlashを使って任意のアンチエイリアスのピリッと効いたフォントに変換してくれるのです！　
　すごい！</p>

<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="BJkit_1" src="http://mocamoca.biz/blog/image/0811/photo_1.jpg" width="394" height="283" class="mt-image-none" style="" /></span>

<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="BJkit_2" src="http://mocamoca.biz/blog/image/0811/photo_2.jpg" width="394" height="283" class="mt-image-none" style="" /></span>]]>
        <![CDATA[<hr>

<ol>
<li>アイデアマンズ株式会社の<a href="http://www.ideamans.com/tool/beautifuljapanese.php">BJKit</a>からファイルをダウンロードします</li>
<li>「beautifulJapanese.js」を開き、「beautifulJapanese.swf」のファイルの位置を指定します。
<blockquote>baseSwfFile = 'http://mocamoca.com/blog/bjkit/swf/beautifulJapanese.swf';</blockquote>
　「http://mocamoca.com/blog」の部分はそれぞれのサーバーに合わせてください。<br />　&lt;$MTBlogURL$>は使えないようです。</li>
<li>Movable Typeのディレクトリに「bjkitディレクトリ」を作りファイルをアップします<br />
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="BJkit_3" src="http://mocamoca.biz/blog/image/0811/directry.gif" width="224" height="184" class="mt-image-none" style="" /></span></li>
<li>ヘッダテンプレートにbeautifulJapanese.jsへのリンクを入れます
<blockquote>&lt;script type="text/javascript" src="&lt;$MTBlogURL$>bjkit/js/beautifulJapanese.js">&lt;/script></blockquote></li>
<li>フッタテンプレートに下記のコードを付け足します。<br />
　これで、ブログタイトルのh1、ブログの説明、個別記事見出しのh2にアンチエイリアスがかかります。<br />
　設定の詳細は<a href="http://www.ideamans.com/tool/beautifuljapanese.php">BJKitのページ</a>をご覧下さい。
<pre name="code" class="xml">&lt;script class="javascript" type="text/javascript">  
window.onLoad = replaceFonts( 'content', 'h2', '&lt;$MTBlogURL$>bjkit/swf/fontsData/gothic.swf', '495', '16', '1', '20', '006699', '006699', 'FF6633' );
window.onLoad = replaceFonts( 'header', 'h1', '&lt;$MTBlogURL$>bjkit/swf/fontsData/gothic.swf', '220', '32', '1', '20', '006699', '006699', 'FF6633' );
window.onLoad = replaceFonts( 'header', 'p', '&lt;$MTBlogURL$>bjkit/swf/fontsData/gothic.swf', '300', '12', '1', '40', '000000', '006699', 'FF6633' );
&lt;/script>
</pre></li>
</ol>

<p>さらに、自分の好きなフォントを作ることが出来ます。</p>

<ol>
<li>sample.flaを立ち上げます</li>
<li>テキストボックスを選択し、アクティブにします。 </li>
<li>［フォント］サブメニューから新規に作成するフォントを選びます（ライセンスにご注意）</li>
<li>テキストボックスの周りに2pxほどの余白が出きるように調整します<br />
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="BJkit_4" src="http://mocamoca.biz/blog/image/0811/font.gif" width="355" height="248" class="mt-image-none" style="" /></span></li>

<li>ファイルを任意の名前で保存します（hima.flaなど）</li>
<li>パブリッシュします</li>
<li>出来上がったswfファイルをfontsDataディレクトリにアップします</li>
<li>フッタのJSでフォントを指定します<br />
<pre name="code" class="xml">window.onLoad = replaceFonts( 'hima', '', '&lt;$MTBlogURL$>bjkit/swf/fontsData/hima.swf', '600', '14', '1', '60', '000000', '006699', 'FF6633' );
window.onLoad = replaceFonts( 'tare', '', '&lt;$MTBlogURL$>bjkit/swf/fontsData/tare.swf', '600', '14', '1', '60', '000000', '006699', 'FF6633' );
</pre></li>

<li>さらにコンテナタグに上で指定したid（hima、tare）を付記します。
<pre name="code" class="xml">&lt;p id="tare">たれた文字を表示出来ます&lt;/p>
&lt;p id="hima">ひまな文字を表示出来ます&lt;/p>
</pre>

<p id="tare">たれた文字を表示出来ます</p>
<p id="hima">ひまな文字を表示出来ます</p>
</li>
</ol>
◇参考サイト
<ul>
<li><a href="http://www.designwalker.com/2007/01/bjkit.html">JavaScriptとswfでフォントを美しくする、BJKit - DesignWalker</a></li></ul>

<script class="javascript" type="text/javascript">  
window.onLoad = replaceFonts( 'hima', '', 'http://mocamoca.biz/blog/bjkit/swf/fontsData/hima.swf', '600', '14', '6', '60', '000000', '006699', 'FF6633' );
window.onLoad = replaceFonts( 'tare', '', 'http://mocamoca.biz/blog/bjkit/swf/fontsData/tare.swf', '600', '14', '6', '60', '000000', '006699', 'FF6633' );
</script>]]>
    </content>
</entry>

<entry>
    <title>DreamweaverでHTMLメールを作る方法</title>
    <link rel="alternate" type="text/html" href="http://mocamoca.biz/blog/2008/10/dreamweaver-html-mail.html" />
    <id>tag:mocamoca.biz,2008:/blog//1.61</id>

    <published>2008-10-31T01:02:21Z</published>
    <updated>2008-10-31T01:33:00Z</updated>

    <summary>　Dreamweaverを使ってHTMLメールを作る方法を検討してみました。 　...</summary>
    <author>
        <name>モカ</name>
        
    </author>
    
        <category term="アプリケーション" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="dreamweaver" label="Dreamweaver" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="htmlメール" label="HTMLメール" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://mocamoca.biz/blog/">
        <![CDATA[<p>　Dreamweaverを使ってHTMLメールを作る方法を検討してみました。</p>

<p>　まずHTMLメール制作の注意点ですが</p>

<ol>
<li>CSSは出来るだけ使わない<br />
　メーラーやwebメールクライアントによって、CSSのサポート状況がかなり違います。<br />
　特にサポートが低いのが"Gmail"です。head部分にCSSを書いても反映せず、外部CSSファイルも使えません。<br /><br />
　インラインだと使えるCSSも増えるのですが、それでも使えないCSSプロパティーがいろいろあるので、<a href="http://www.campaignmonitor.com/css/">CSS support in email clients</a>の一覧を参考にしながら作るといいと思います。<br /><br />
　実際にいろいろとHTML形式のメルマガを調べてみたところ、実は全てhead部分にCSSを書いていました。しかしどこもフォントサイズ程度にとどめていました。この程度ならばCSSが無視されても大丈夫なようです。</li>
<li>レイアウトはCSSではなく、旧来のテーブルレイアウトにする<br />
　CSSはメールクライアントによってサポートがまちまちなので、テーブルレイアウトにします。</li>
<li>画像にはaltを設定し、画像が表示されなくても大丈夫なようにする</li>
<li>イメージファイルはサーバーに置き、パス指定は絶対パスにする</li>
<li>デザインの幅は600px程度が良いようです</li>
<li>DOCTYPEは「HTML 4.01 Transitional」、文字コードは「iso-2022-jp」を使用する</li>
</ol>
]]>
        <![CDATA[<hr />

<p>　というわけで、
1. Dreamweaverで下記のようなファイルを作ります</p>

<pre name="code" class="xml">
&lt;!DOCTYPE&nbsp;HTML&nbsp;PUBLIC&nbsp;&quot;-//W3C//DTD&nbsp;HTML&nbsp;4.01&nbsp;Transitional//EN&quot;&nbsp;&quot;http://www.w3.org/TR/html4/loose.dtd&quot;&gt;
&lt;html&nbsp;lang=&quot;ja&quot;&gt;
&lt;head&gt;
&nbsp;&nbsp;&lt;meta&nbsp;http-equiv=&quot;Content-Language&quot;&nbsp;content=&quot;ja&quot;&gt;
&nbsp;&nbsp;&lt;meta&nbsp;http-equiv=&quot;Content-Type&quot;&nbsp;content=&quot;text/html;&nbsp;charset=iso-2022-jp&quot;&gt;
&nbsp;&nbsp;&lt;title&gt;&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>

<ol>
<li>Dreamweaverでテーブルレイアウトでデザインします。上述のように基本的にCSSは使わず、フォントもfontタグを使います。</li>
<li>イメージをサーバーにアップします</li>
<li>ソースのイメージのリンク先をサーバーに変更します</li>
<li>Dreamweaverをコードビューにして全てのソースコピーします。<br />
　（MacのDreamweaverで作った場合は、ファイルをWindowsのエディターで開いてコピーします）</li>
<li>OE（OutlookExpress）で新規メールを作り、「ソース」タブをクリックしてそこにペーストします</li>
</ol>

<p>　<a href="http://mocamoca.biz/blog/image/html_mail_source.txt">こちら</a>に私が作ったHTMLメールマガジンのソースをアップしておきます。<br />
　ここでは、CSSによってbodyのバックにイメージを配置したり、リンクの表示を変更していますが、Gmailではそれは無視されています。</p>

<ul>
<li>Windows OEでの表示<br />
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://mocamoca.biz/blog/image/0810/mail_image_oe.jpg" class="highslide" onclick="return hs.expand(this)"><img alt="HTMLイメージ（OE）" src="http://mocamoca.biz/blog/assets_c/2008/10/mail_image_oe-thumb-400x245.jpg" width="400" height="245" class="mt-image-none" style="" /></a></span></li>
<li>Mac Entourageでの表示（フォント14pxではちょっと大きいですね(^.^;)）<br />
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://mocamoca.biz/blog/image/0810/mail_image_entourage.jpg" class="highslide" onclick="return hs.expand(this)"><img alt="HTMLイメージ（entourage）" src="http://mocamoca.biz/blog/assets_c/2008/10/mail_image_entourage-thumb-400x256.jpg" width="400" height="256" class="mt-image-none" style="" /></a></span></li>
<li>Windows Gmailでの表示（CSSが無視されています＿|￣|○）<br />
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://mocamoca.biz/blog/image/0810/mail_image_gmail.jpg" class="highslide" onclick="return hs.expand(this)"><img alt="HTMLイメージ（gmail）" src="http://mocamoca.biz/blog/assets_c/2008/10/mail_image_gmail-thumb-400x326.jpg" width="400" height="326" class="mt-image-none" style="" /></a></span></li>
</ul>

<p>◇参考サイト（いつも情報有り難うございます）</p>

<ul>
<li><a href="http://coliss.com/articles/build-websites/operation/work/879.html" target="_blank">HTMLメールの制作時に気をつけたい9つのポイント | コリス</a></li>
<li><a href="http://coliss.com/articles/build-websites/operation/work/107.html" target="_blank">HTMLメールの送信方法：その１ | コリス</a></li>
<li><a href="http://coliss.com/articles/build-websites/operation/work/110.html" target="_blank">HTMLメールの送信法法：その２ | コリス</a></li>
</ul>
]]>
    </content>
</entry>

<entry>
    <title>Movable Type：TemplateSetExporterを使ったテンプレートの移植</title>
    <link rel="alternate" type="text/html" href="http://mocamoca.biz/blog/2008/10/movable-typetemplatesetexporte.html" />
    <id>tag:mocamoca.biz,2008:/blog//1.60</id>

    <published>2008-10-09T08:34:41Z</published>
    <updated>2008-10-09T08:58:28Z</updated>

    <summary>　Movable Type3で作られたブログ（モカの腹）をMovable Typ...</summary>
    <author>
        <name>モカ</name>
        
    </author>
    
        <category term="メインテナンス" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="movabletype" label="Movable Type" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://mocamoca.biz/blog/">
        <![CDATA[<p>　Movable Type3で作られたブログ（モカの腹）をMovable Type4に移行するにあたり、テンプレートの作り直しが一番大変な作業になると思われます。<br />
　ご存知のようにMovable Typeは4になってから、テンプレートがモジュール化されて大幅にその構造が変わりました。</p>

<p>　テンプレートを初期状態からコツコツ作るのもいいのですが、せっかくこのブログ（モカモカ工房）である程度作り込んだので、これをベースにして新しいテンプレートを作ろうと思いました。</p>

<p>　Movable Type4では、テンプレートをまとめて管理できる「天ぷら」...「テンプレートセット」という機能があります。<br />
　そこで、モカモカ工房のテンプレートセットを書き出して、新しく作ったブログに取り込み、それをもとにモカの腹用のテンプレートを作ることにしました。</p>
]]>
        <![CDATA[<hr />

<p>　テンプレートの書き出しには<a href="http://labs.m-logic.jp/">エムロジック放課後プロジェクト</a>の「TemplateSetExporter Plugin」を使いました。<br />
　これを利用することにより、簡単にテンプレートセットが書き出せるのです。あり難いことです。</p>

<ol>
<li><a href="http://labs.m-logic.jp/2008/09/templatesetexporter070.html">MovableType用TemplateSetExporter Plugin　Ver.0.70</a>をダウンロードします。</li>
<li>解凍して出てきた「plugins」ディレクトリ内のディレクトリ「TemplateSetExporter」を、Movable Typeアプリケーションディレクトリの「plugins」ディレクトリの下にコピーします。</li>
<li>「plugins/TemplateSetExporter/Templates」ディレクトリに読み書き可能なパーミッションを設定します。</li>
<li>Movable Type管理画面を開き、「テンプレート」＞「アクション」から「テンプレートセットの書き出し」をクリックします。<br />
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="テンプレート書き出し1" src="http://mocamoca.biz/blog/image/0810/template_set_export.gif" width="206" height="156" class="mt-image-none" style="" /></span></li>
<li>設定項目に入力します<br />
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://mocamoca.biz/blog/image/0810/template_set_export_1.jpg" class="highslide" onclick="return hs.expand(this)"><img alt="テンプレート書き出し2" src="http://mocamoca.biz/blog/assets_c/2008/10/template_set_export_1-thumb-400x301.jpg" width="400" height="301" class="mt-image-none" style="" /></a></span><br />
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://mocamoca.biz/blog/image/0810/template_set_export_2.jpg" class="highslide" onclick="return hs.expand(this)"><img alt="テンプレート書き出し3" src="http://mocamoca.biz/blog/assets_c/2008/10/template_set_export_2-thumb-400x100.jpg" width="400" height="100" class="mt-image-none" style="" /></a></span></li>
<li>「plugins/TemplateSetExporter/Templates」ディレクトリに出来たディレクトリをそのままpluginsディレクトリにコピーします。</li>
<li>Movable Type管理画面の「新しいブログを作成」をクリックし、新しいブログを作成します。その時、テンプレートセットには今作ったものを指定します。<br />
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://mocamoca.biz/blog/image/0810/template_set_export_3.jpg" class="highslide" onclick="return hs.expand(this)"><img alt="テンプレート書き出し4" src="http://mocamoca.biz/blog/assets_c/2008/10/template_set_export_3-thumb-400x241.jpg" width="400" height="241" class="mt-image-none" style="" /></a></span></li>
</ol>
]]>
    </content>
</entry>

<entry>
    <title>Movable Type3.34から3.37へアップグレード</title>
    <link rel="alternate" type="text/html" href="http://mocamoca.biz/blog/2008/10/movable-type334337.html" />
    <id>tag:mocamoca.biz,2008:/blog//1.59</id>

    <published>2008-10-09T06:33:21Z</published>
    <updated>2008-12-09T00:42:20Z</updated>

    <summary>　私のもう一つのブログモカの腹を最新のシステムにしようと思っています。 　具体的...</summary>
    <author>
        <name>モカ</name>
        
    </author>
    
        <category term="メインテナンス" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="movabletype" label="Movable Type" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://mocamoca.biz/blog/">
        <![CDATA[<p>　私のもう一つのブログ<a href="http://mocamoca.com/harablog">モカの腹</a>を最新のシステムにしようと思っています。<br />
　具体的には</p>

<ol>
<li>Movable Type4へのアップグレード</li>
<li>PHP化</li>
<li>ページ分割</li>
</ol>

<p>　などです。</p>

<p>　まずMovable Type4へのアップグレードをする前に、一度3.37の最新版へアップグレードすることにしました。</p>
]]>
        <![CDATA[<hr />

<p>　以下はMySQLの手順です。</p>

<ol>
<li><a href="http://www.ecbuyers.com/b2c/catalog/default.php?cPath=28_127&amp;prmcd=salk070821b2cmtper">Movable Type3.36のダウンロード（個人ライセンス（無償））</a></li>
<li>アプリケーションディレクトリのcgi/mt以下の全ファイルをバックアップ（FTPクライアントソフト（私はFetch）の自動判定モードで）</li>
<li>cgi/mt以下のdb、mt4i以外を新たに作ったmt334ディレクトリに移動（すぐに元に戻せるように）（mt4iは携帯でMovable Typeを見られるようにするものです（<a href="http://mocamoca.biz/blog/2008/03/movable-typemt4i.html">こちら参照</a>））</li>
<li>ダウンロードしたMovable Type3.37ファイルのcgiのperlのパスを　#!/usr/local/bin/perl -w　に変更（私が使っているサーバーの仕様）</li>
<li>Movable Type3.37の全ファイルをcgi/mt以下にアップロード（自動判定）</li>
<li>mt-config.cgiをバックアップからアップロード</li>
<li>cgiのパーミッションを701（実行可能パーミッション）に</li>
<li>自分で追加したプラグインをバックアップからアップロード<br />
（INsertIcon、mt-ban-ascii.pl、mt-spamstop-tb.pl、mt-spamstop.pl、PageBute.pl、SmartRebuild.pl）</li>
<li>自分で改造したテンプレートをバックアップからアップロード<br />
（mt/tmpl/cms/upload.tmpl、mt/tmpl/cms/upload_complete.tmpl）</li>
<li><a href="http://mocamoca.com/cgi/mt/mt-check.cgi">Movable Typeのチェック</a><br />
　　　　↓<br />
◎以下のメッセージが出ました<br />
「Movable Typeのシステム・チェックは、無事に完了しました。」<br />
「準備が整いました。 サーバーには必要なモジュールがすべて揃っています。追加のモジュールのインストールは必要ありません。インストールの説明に従って、次の手順に進んでください。」</li>
<li><a href="http://mocamoca.com/cgi/mt/mt-upgrade.cgi">アップグレード</a><br />
　何故か「完了しました：バージョン3.31」になっていました(T.T)
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="Movable Type3.34→3.37" src="http://mocamoca.biz/blog/image/0810/mt_334_337_1.gif" width="482" height="317" class="mt-image-none" style="" /></span></li>
<li>以下のファイルを削除
<ul>
<li>mt-check.cgi</li>
<li>mt-db2sql.cgi</li>
<li>mt-wizard.cgi</li>
<li>mt-testbg.cgi</li>
<li>mt-upgrade.cgi</li>
</ul></li>
<li>管理画面にログインし、動くことを確認した後、mt334ディレクトリを削除</li>
</ol>
]]>
    </content>
</entry>

<entry>
    <title>Movable Type3：PHP化しないでページ分割「PageBute」</title>
    <link rel="alternate" type="text/html" href="http://mocamoca.biz/blog/2008/10/movable-type3phppagebute.html" />
    <id>tag:mocamoca.biz,2008:/blog//1.58</id>

    <published>2008-10-08T08:14:34Z</published>
    <updated>2008-10-08T08:51:50Z</updated>

    <summary>　このブログ以外に私はモカの腹というブログをやっています。（こっちの方がはるかに...</summary>
    <author>
        <name>モカ</name>
        
    </author>
    
        <category term="表示" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="movabletype" label="Movable Type" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://mocamoca.biz/blog/">
        <![CDATA[<p>　このブログ以外に私は<a href="http://mocamoca.com/harablog">モカの腹</a>というブログをやっています。（こっちの方がはるかに繁盛しているのですが(^.^;)）</p>

<p>　そちらがまだMovable Typeの3.34なのです。<br />
　近いうちにMovable Type4に上げたいとは思っているのですが、テンプレートを作り直さなければいけないので二の足を踏んでいます。</p>

<p>　しかし、そんな悠長なことを言られない問題が一つあります。<br />
　全体のエントリー数が1300を超え、アーカイブあたりのエントリー数が非常に多くなってしまっているのです。<br />
　カテゴリーによっては160もエントリーがあるものまであります。</p>

<p>　これではいけないと思い、ページ分割を導入することにしました。<br />
　ページ分割はMTPaginateを使うのが一般的だと思うのですが、PHP化が必要です。<br />
　「めんどーだわ〜」<br />
　などと思って調べていたら、PHP化しないでページ分割出来るプラグインがありましたヽ(^。^)ノ</p>

<p>　さてさてその方法は...</p>
]]>
        <![CDATA[<hr />

<ol>
<li><a href="http://www.skyarc.co.jp/engineerblog/entry/2642.html">スカイアークシステムのサイト</a>からプラグインの「PageBute」をダウンロードします。</li>
<li>解凍して出てきた「PageBute.pl」をMovable Typeのプラグインディレクトリにアップします。</li>
<li>テンプレートいじりその１（&lt;MTEntries&gt;まわり）<br />
◎&lt;MTEntries&gt;〜&lt;/MTEntries&gt;の両側を&lt;MTPageContents&gt;〜&lt;/MTPageContents&gt;で囲み、&lt;/MTEntries&gt;の直前に&lt;$MTPageSeparator$&gt;を入れる</li>
</ol>

<pre name="code" class="xml">
&lt;MTPageContents&nbsp;count=&quot;10&quot;&gt;
&lt;MTEntries&gt;
......
&lt;$MTPageSeparator$&gt;
&lt;/MTEntries&gt;
&lt;/MTPageContents&gt;
</pre>

<ol>
<li>テンプレートいじりその２（ナビゲーション入れ）<br />
◎上の直後にナビゲーションをいれます。私は下記のようにしました</li>
</ol>

<pre name="code" class="xml">
<div id="pagebute">
Page：
&lt;MTIfPageBefore&gt;
&lt;span&gt;&lt;$MTPageBefore&nbsp;delim=&quot;&amp;lt;&amp;lt;前の10件&nbsp;&quot;$&gt;&lt;/span&gt;
&lt;/MTIfPageBefore&gt;
&lt;$MTPageLists&nbsp;delim=&quot;&nbsp;&amp;lt;&nbsp;&quot;$&gt;
&lt;MTIfPageNext&gt;
&lt;span&gt;&lt;$MTPageNext&nbsp;delim=&quot;&nbsp;次の10件&amp;gt;&amp;gt;&quot;$&gt;&lt;/span&gt;
&lt;/MTIfPageNext&gt;
&lt;/div&gt;
</pre>

<ol>
<li>テンプレートいじりその３（CSS）<br />
◎CSSでちょっと見やすくしてあげました（これは各自ご自由に）</li>
</ol>

<pre name="code" class="xml">
 .content&nbsp;#pagebute&nbsp;{
    font-size:&nbsp;small;
    text-align:&nbsp;center;
    padding:&nbsp;3px;
    background:&nbsp;#E8E3E4;
    border:&nbsp;1px&nbsp;solid&nbsp;#999933;
}
.content&nbsp;#pagebute&nbsp;a{
    color:&nbsp;#660000;
}
</pre>

<ol>
<li>私は以上のテンプレートいじりを、カテゴリーアーカイブと月アーカイブに施しました。これで再構築すると...<br />
　がーん、サーバーエラーに。<br />
　そこで<a href="http://mt-hacks.com/20060731-discuss-smart-rebuild-faster-category-rebuilds.html">Smart Rebuild</a>というプラグインを導入したところ、アーカイブページも再構築がスムーズに行われるようになり、再構築が成功しましたヽ(^。^)ノ</li>
<li>というわけで、ページ分割がうまくいきました。よかったよかった。<br /><br />
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://mocamoca.biz/blog/image/0810/page_1.gif" class="highslide" onclick="return hs.expand(this)"><img alt="ページ分割" src="http://mocamoca.biz/blog/assets_c/2008/10/page_1-thumb-400x118.gif" width="400" height="118" class="mt-image-none" style="" /></a></span></li>
</ol>
]]>
    </content>
</entry>

<entry>
    <title>Movable Type：記事のカテゴリー別一覧表示</title>
    <link rel="alternate" type="text/html" href="http://mocamoca.biz/blog/2008/10/movable-type-2.html" />
    <id>tag:mocamoca.biz,2008:/blog//1.57</id>

    <published>2008-10-03T06:35:21Z</published>
    <updated>2008-10-03T08:22:27Z</updated>

    <summary>　サイドバーの「メニュー」にある「全記事リスト」をクリックしてもらうとわかるので...</summary>
    <author>
        <name>モカ</name>
        
    </author>
    
        <category term="一覧表示" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="movabletype" label="Movable Type" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://mocamoca.biz/blog/">
        <![CDATA[<p>　サイドバーの「メニュー」にある「<a href="http://mocamoca.biz/blog/archives.html">全記事リスト</a>」をクリックしてもらうとわかるのですが、ブログ上の記事の一覧をカテゴリー別に表示できるようにしました。
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://mocamoca.biz/blog/image/0810/entry_list_1.gif" class="highslide" onclick="return hs.expand(this)"><img alt="記事一覧表示" src="http://mocamoca.biz/blog/assets_c/2008/10/entry_list_1-thumb-400x232.gif" width="400" height="232" class="mt-image-none" style="" /></a></span></p>
]]>
        <![CDATA[<hr />

<pre name="code" class="xml">
&lt;MTTopLevelCategories&gt;

    &lt;MTSubCatIsFirst&gt;&lt;ul&gt;&lt;/MTSubCatIsFirst&gt;

        &lt;MTIfNonZero&nbsp;tag=&quot;MTCategoryCount&quot;&gt;
            &lt;li&gt;&lt;MTCategoryLabel&gt;
                &lt;ul&gt;
                    &lt;MTEntries&gt;
                        &lt;li&gt;&lt;$MTEntryTitle$&gt;&lt;/li&gt;
                    &lt;/MTEntries&gt;
                &lt;/ul&gt;

        &lt;MTElse&gt;
                &lt;li&gt;&lt;MTCategoryLabel&gt;
        &lt;/MTIfNonZero&gt;
        &lt;$MTSubCatsRecurse$&gt;
            &lt;/li&gt;

    &lt;MTSubCatIsLast&gt;&lt;/ul&gt;&lt;/MTSubCatIsLast&gt;

&lt;/MTTopLevelCategories&gt;
</pre>

<ol>
<li><blockquote>
&lt;MTTopLevelCategories&gt;〜&lt;/MTTopLevelCategories&gt; 
</blockquote>

<p>　現在のカテゴリに関わりなく、最上位のカテゴリからサブカテゴリを含めたリストを表示します。</p></li>
<li><blockquote>&lt;MTSubCatIsFirst&gt;&lt;ul&gt;&lt;/MTSubCatIsFirst&gt;</blockquote>

<p>　カテゴリーやサブカテゴリーが新しく出てくるたびに&lt;ul&gt;を書き出します。</p></li>
<li><blockquote>
&lt;MTIfNonZero tag=&quot;MTCategoryCount&quot;&gt;<br />
（１）<br />
&lt;MTElse&gt;<br />
（２）<br />
&lt;/MTIfNonZero&gt;
</blockquote>

<p>　カテゴリーに記事が一つでもあれば（１）が、一つもなければ（２）が実行されます。</p></li>
<li><blockquote>
&lt;li&gt;&lt;MTCategoryLabel&gt;<br />
&lt;ul&gt;<br />
    &lt;MTEntries&gt;<br />  
        &lt;li&gt;&lt;$MTEntryTitle$&gt;&lt;/li&gt;<br />
    &lt;/MTEntries&gt;<br />
&lt;/ul&gt;
</blockquote>

<p>　まずカテゴリーの名前を表示し、さらに入れ子構造でそのカテゴリーに属する記事の一覧をリスト表示します。</p></li>
<li><blockquote>&lt;$MTSubCatsRecurse$&gt;</blockquote>

<p>　は、その時に処理しているカテゴリーにサブカテゴリーがある場合、そのサブカテゴリーを再帰的に処理し、今度はそのサブカテゴリーがTopLevelCategoryタグの対象データとして処理されます。<br />
　再帰処理とは"自分自身を自分がどんどん呼び出す"ことです。<br />
　うーん、ここがちょっと難しいですね(~_~;)</p></li>
</ol>

<p>　さらに、</p>

<ul>
<li>カテゴリーへのリンク</li>
<li>カテゴリーに含まれる記事の数</li>
<li>記事のタイムスタンプ</li>
<li>記事へのリンク</li>
</ul>

<p>　を加えたものが以下のスクリプトです</p>

<pre name="code" class="xml">
&lt;MTTopLevelCategories&gt;
    &lt;MTSubCatIsFirst&gt;&lt;ul&gt;&lt;/MTSubCatIsFirst&gt;
        &lt;MTIfNonZero&nbsp;tag=&quot;MTCategoryCount&quot;&gt;
            &lt;li&gt;&lt;a&nbsp;href=&quot;&lt;$MTCategoryArchiveLink$&gt;&quot;&gt;&lt;MTCategoryLabel&gt;&lt;/a&gt;[&lt;$MTCategoryCount$&gt;]

                &lt;ul&gt;
                    &lt;MTEntries&gt;
                        &lt;li&gt;&lt;$MTArchiveDate&nbsp;format=&quot;%Y.%m.%d&quot;$&gt;:&lt;a&nbsp;href=&quot;&lt;$MTEntryPermalink$&gt;&quot;&gt;&lt;$MTEntryTitle$&gt;&lt;/a&gt;&lt;/li&gt;
                    &lt;/MTEntries&gt;
                &lt;/ul&gt;

        &lt;MTElse&gt;
                &lt;li&gt;&lt;MTCategoryLabel&gt;
        &lt;/MTIfNonZero&gt;
        &lt;$MTSubCatsRecurse$&gt;
            &lt;/li&gt;
    &lt;MTSubCatIsLast&gt;&lt;/ul&gt;&lt;/MTSubCatIsLast&gt;
&lt;/MTTopLevelCategories&gt;
</pre>
]]>
    </content>
</entry>

<entry>
    <title>CSSで半透明表示</title>
    <link rel="alternate" type="text/html" href="http://mocamoca.biz/blog/2008/10/css-translucent.html" />
    <id>tag:mocamoca.biz,2008:/blog//1.55</id>

    <published>2008-10-01T07:28:13Z</published>
    <updated>2008-10-01T08:43:19Z</updated>

    <summary>　背景画像に文字を重ねる時、その背景を半透明色にして読みやすくする方法です。 　...</summary>
    <author>
        <name>モカ</name>
        
    </author>
    
        <category term="CSS" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="css" label="CSS" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://mocamoca.biz/blog/">
        <![CDATA[<p>　背景画像に文字を重ねる時、その背景を半透明色にして読みやすくする方法です。<br />
　背景画像を直接画像処理してもいいのですが、CSSで定義することにより、より柔軟な使い方が出来ると思います。</p>

<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="半透明" src="http://mocamoca.biz/blog/image/0810/opacity_1.jpg" width="400" height="341" class="mt-image-none" style="" /></span>]]>
        <![CDATA[<pre name="code" class="xml">&lt;div id="photo">
&lt;div id="textBack">&lt;/div>
&lt;div id="text">
&lt;p>レバ刺しは今日入荷したばかりということで、いつにも増してフルフルの食感で香りも良く、これまた最高。&lt;/p>
&lt;p>クラゲは私の大好物なのですが、ここのはいつもの「ひも」のようなのとは違い、2センチ四方位の板状でした。&lt;br />この食感が最高でした。そして控えめの酢とダシ、おろしキュウリで作ったかけ汁に味付けの素晴らしいこと。さすがです。&lt;/p>
&lt;p>大降りの"のどぐろ"はほどよく脂が乗って、しっとりとした白身には旨みがたっぷり。実に美味しい魚でした。&lt;/p>
&lt;/div>
&lt;/div>
</pre>

<pre name="code" class="xml">#photo {
    height: 480px;
    width: 640px;
    background: url(backimage.jpg) no-repeat;
    margin-right: auto;
    margin-left: auto;
}
#photo #textBack {
    height: 480px;
    width: 200px;
    background: #fff;
    filter:alpha(opacity=50);
    opacity:0.5;
    float: left;
}
#photo #text {
    position: relative;
    left: -200px;
    height: 460px;
    width: 180px;
    padding: 10px;
    font: 14px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
    float: left;
}
</pre>

<ul>
<li><a href="http://mocamoca.biz/sample/opacity/index2.html" onclick="return hs.htmlExpand(this, { objectType: 'iframe' } )">デモ</a></li>
<li>プロパティーの対応（いずれも50%透過を意味しています）</li>
</ul>

<blockquote>filter:alpha(opacity=50);<br />　→IE7（Win）<br />opacity:0.5;<br />
　→firefox3（Win、Mac）、Opera9（Win）、Safari3（Mac）Chrome（Win）</blockquote>

<p>　</p>]]>
    </content>
</entry>

<entry>
    <title>特定のメールで受信が停止→サーバーからメールを削除</title>
    <link rel="alternate" type="text/html" href="http://mocamoca.biz/blog/2008/09/post-4.html" />
    <id>tag:mocamoca.biz,2008:/blog//1.54</id>

    <published>2008-09-30T04:14:28Z</published>
    <updated>2008-09-30T04:36:45Z</updated>

    <summary>　Outlook Express（OE）でメールを受信中、特定のメールでいつも受...</summary>
    <author>
        <name>モカ</name>
        
    </author>
    
        <category term="トラブル" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="outlookexpress" label="Outlook Express" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://mocamoca.biz/blog/">
        <![CDATA[<p>　Outlook Express（OE）でメールを受信中、特定のメールでいつも受信が止まってしまうようになりました。</p>

<ol>
<li>ウィルス対策ソフトを停止→改善せず</li>
<li>POPfile（スパムメールゲートウエイ）の再起動→改善せず</li>
</ol>

<p>　ということで、サーバーから「引っかかっている」メールを直接摘出手術（削除）することにしました。</p>
]]>
        <![CDATA[<hr />

<ol>
<li><a href="http://pchanet.com/maildel/">メール削除ソフト - MailDel</a>をダウンロード</li>
<li>maildel.exeをダブルクリックして起動</li>
<li>ファイル＞接続　メニューでサーバーへの接続情報（メールサーバー名、アカウント、パスワード）を入力<br />
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="メール削除1" src="http://mocamoca.biz/blog/image/0809/mail_del_0.gif" width="370" height="408" class="mt-image-none" style="" /></span></li>
<li>POPサーバーに溜まっているメールの一覧が表示されるので、引っかかっていると思われるメール（OEが「〜番目のメール受信中」となっていたメール）をチェックして削除<br />
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://mocamoca.biz/blog/image/0809/mail_del_1.gif" class="highslide" onclick="return hs.expand(this)"><img alt="メール削除2" src="http://mocamoca.biz/blog/assets_c/2008/09/mail_del_1-thumb-500x430.gif" width="500" height="430" class="mt-image-none" style="" /></a></span></li>
</ol>

<p>　以上の操作で、無事メール受信が復活しましたヽ(^。^)ノ</p>
]]>
    </content>
</entry>

<entry>
    <title>Movable Type：繰り返し処理（Loop）、四則演算</title>
    <link rel="alternate" type="text/html" href="http://mocamoca.biz/blog/2008/09/movable-typeloop.html" />
    <id>tag:mocamoca.biz,2008:/blog//1.53</id>

    <published>2008-09-24T08:16:08Z</published>
    <updated>2008-10-03T05:37:25Z</updated>

    <summary>　Forの他に、もう一つ繰り返し処理のタグの一つにLoopタグがあります。 &amp;l...</summary>
    <author>
        <name>モカ</name>
        
    </author>
    
        <category term="文法" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="movabletype" label="Movable Type" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="タグ" label="タグ" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://mocamoca.biz/blog/">
        <![CDATA[<p>　<a href="http://mocamoca.biz/blog/2008/09/movable-typefor.html">For</a>の他に、もう一つ繰り返し処理のタグの一つにLoopタグがあります。</p>

<blockquote>&lt;mt:Loop&nbsp;name="変数名"&gt;<br />
　　処理<br />
&lt;/mt:Loop&gt;</blockquote>

<p>　予約変数の__value__を使うと、自動的に配列変数名が設定されるので、</p>

<pre name="code" class="xml">&lt;mt:For&nbsp;var="i"&nbsp;from="1"&nbsp;to="5"&gt;
&nbsp;&nbsp;&lt;$mt:Setvar&nbsp;name="test[$i]"&nbsp;value="$i"$&gt;
&lt;/mt:For&gt;

&lt;mt:Loop&nbsp;name="test"&gt;
&nbsp;&nbsp;&lt;$mt:var&nbsp;name="__value__"$&gt;
&lt;/mt:Loop&gt;
</pre>

<p>　の結果は</p>

<blockquote>1  2  3  4  5</blockquote>

<p>　となります。Forを使うよりもずっと簡単ですね。</p>]]>
        <![CDATA[<hr />

<p>　ここでも計算をさせてみましょう。<br /></p>

<pre name="code" class="xml">
&lt;mt:For&nbsp;var=&quot;i&quot;&nbsp;from=&quot;1&quot;&nbsp;to=&quot;5&quot;&gt;
&nbsp;&nbsp;&lt;$mt:Setvar&nbsp;name=&quot;test[$i]&quot;&nbsp;value=&quot;$i&quot;$&gt;
&lt;/mt:For&gt;

&lt;mt:Loop&nbsp;name=&quot;test&quot;&gt;
&nbsp;&nbsp;&lt;$mt:Getvar&nbsp;name=&quot;__value__&quot;&nbsp;op=&quot;*&quot;&nbsp;value=&quot;5&quot;$&gt;
&lt;/mt:Loop&gt;
</pre>

<p>　とすると、結果は</p>

<blockquote>5 10 15 20 25 </blockquote>

<p>　となります。さらに四則演算全部をやると</p>

<pre name="code" class="xml">
&lt;mt:For&nbsp;var=&quot;i&quot;&nbsp;from=&quot;1&quot;&nbsp;to=&quot;5&quot;&gt;
&nbsp;&nbsp;&lt;$mt:Setvar&nbsp;name=&quot;test[$i]&quot;&nbsp;value=&quot;$i&quot;$&gt;
&lt;/mt:For&gt;

&lt;mt:Loop&nbsp;name=&quot;test&quot;&gt;
&nbsp;&nbsp;&lt;$mt:Getvar&nbsp;name=&quot;__value__&quot;&nbsp;op=&quot;*&quot;&nbsp;value=&quot;5&quot;$&gt;、
&nbsp;&nbsp;&lt;$mt:Getvar&nbsp;name=&quot;__value__&quot;&nbsp;op=&quot;+&quot;&nbsp;value=&quot;5&quot;$&gt;、
&nbsp;&nbsp;&lt;$mt:Getvar&nbsp;name=&quot;__value__&quot;&nbsp;op=&quot;-&quot;&nbsp;value=&quot;5&quot;$&gt;、
&nbsp;&nbsp;&lt;$mt:Getvar&nbsp;name=&quot;__value__&quot;&nbsp;op=&quot;/&quot;&nbsp;value=&quot;5&quot;$&gt;&lt;br&nbsp;/&gt;
&lt;/mt:Loop&gt;
</pre>

<p>　結果は！</p>

<blockquote>、 、 、<br />
5、 6、 -4、 0.2<br />
10、 7、 -3、 0.4<br />
15、 8、 -2、 0.6<br />
20、 9、 -1、 0.8<br />
25、 10、 0、 1</blockquote>

<p>　ぉぉ！最初の「、 、 、」はナンジャ？<br />
　と思ったら、どうやらLoopタグは配列の0から、つまりtest[0]から始まってしまうようです。<br />
　というわけで修正</p>

<pre name="code" class="xml">
&lt;mt:For&nbsp;var=&quot;i&quot;&nbsp;from=&quot;0&quot;&nbsp;to=&quot;4&quot;&gt;
&nbsp;&nbsp;&lt;$mt:Setvar&nbsp;name=&quot;test[$i]&quot;&nbsp;value=&quot;$i&quot;$&gt;
&lt;/mt:For&gt;

&lt;mt:Loop&nbsp;name=&quot;test&quot;&gt;
&nbsp;&nbsp;&lt;$mt:Getvar&nbsp;name=&quot;__value__&quot;&nbsp;op=&quot;*&quot;&nbsp;value=&quot;5&quot;$&gt;、
&nbsp;&nbsp;&lt;$mt:Getvar&nbsp;name=&quot;__value__&quot;&nbsp;op=&quot;+&quot;&nbsp;value=&quot;5&quot;$&gt;、
&nbsp;&nbsp;&lt;$mt:Getvar&nbsp;name=&quot;__value__&quot;&nbsp;op=&quot;-&quot;&nbsp;value=&quot;5&quot;$&gt;、
&nbsp;&nbsp;&lt;$mt:Getvar&nbsp;name=&quot;__value__&quot;&nbsp;op=&quot;/&quot;&nbsp;value=&quot;5&quot;$&gt;&lt;br&nbsp;/&gt;
&lt;/mt:Loop&gt;
</pre>

<blockquote>0、 5、 -5、 0<br />
5、 6、 -4、 0.2<br />
10、 7、 -3、 0.4<br />
15、 8、 -2、 0.6<br />
20、 9、 -1、 0.8</blockquote>

<p>　となり、0〜4の四則演算が全部出来ましたヽ(^。^)ノ<br />
　もっとわかりやすくするために色をつけてあげましょう</p>

<pre name="code" class="xml">
&lt;mt:For&nbsp;var=&quot;i&quot;&nbsp;from=&quot;0&quot;&nbsp;to=&quot;4&quot;&gt;
&nbsp;&nbsp;&lt;$mt:Setvar&nbsp;name=&quot;test[$i]&quot;&nbsp;value=&quot;$i&quot;$&gt;
&lt;/mt:For&gt;

&lt;mt:Loop&nbsp;name=&quot;test&quot;&gt;
&nbsp;&nbsp;&lt;$mt:Getvar&nbsp;name=&quot;__value__&quot;$&gt;*5=&lt;$mt:Getvar&nbsp;name=&quot;__value__&quot;&nbsp;op=&quot;*&quot;&nbsp;value=&quot;5&quot;$&gt;、
&nbsp;&nbsp;&lt;$mt:Getvar&nbsp;name=&quot;__value__&quot;$&gt;+5=&lt;$mt:Getvar&nbsp;name=&quot;__value__&quot;&nbsp;op=&quot;+&quot;&nbsp;value=&quot;5&quot;$&gt;、
&nbsp;&nbsp;&lt;$mt:Getvar&nbsp;name=&quot;__value__&quot;$&gt;-5=&lt;$mt:Getvar&nbsp;name=&quot;__value__&quot;&nbsp;op=&quot;-&quot;&nbsp;value=&quot;5&quot;$&gt;、
&nbsp;&nbsp;&lt;$mt:Getvar&nbsp;name=&quot;__value__&quot;$&gt;/5=&lt;$mt:Getvar&nbsp;name=&quot;__value__&quot;&nbsp;op=&quot;/&quot;&nbsp;value=&quot;5&quot;$&gt;&lt;br&nbsp;/&gt;
&lt;/mt:Loop&gt;
</pre>

<blockquote>0*5=0、 0+5=5、 0-5=-5、 0/5=0<br />
1*5=5、 1+5=6、 1-5=-4、 1/5=0.2<br />
2*5=10、 2+5=7、 2-5=-3、 2/5=0.4<br />
3*5=15、 3+5=8、 3-5=-2、 3/5=0.6<br />
4*5=20、 4+5=9、 4-5=-1、 4/5=0.8</blockquote>

<p>　これでForとLoopによる四則演算がなんとか出来そうです(<em>^^</em>)</p>]]>
    </content>
</entry>

</feed>
