2005年06月30日
スパイダーマンはアメリカの象徴
スパイダーマンという映画は、アメリカの象徴だそうです。星条旗が随所に散りばめられているのが証拠 ﾍｪｰﾍｪｰﾍｪｰ
知らなかった・・・
と、いうわけで、RSS配信を行っているニュースサイトの更新情報をPHPで自動取得・更新するスクリプトの開発をしようと思います。
投稿者 ps4jp : 23:10 | コメント (0) | トラックバック
2005年06月29日
同志
同志・・・それは儚くも切ない・・・ 青春時代における同志は宝物です。と、いうわけでaws.ps4.jpの価格比較コンテンツの、最終方針を決めたいと思います。
投稿者 ps4jp : 19:18 | コメント (0) | トラックバック
2005年06月28日
UCDとは
UCDとは、User Centered Designの略で、要するに技術的な問題は後回しにして、ユーザーのためにサイトやアプリケーションを作りましょう。試行錯誤を繰り返して。ということ。 例えばYahoo!のHPへ行くと、なにもしなくてもカーソルが検索ボックスに落ちている。しかしinfoseekのHPへ行くと、なにも無い。カーソルはどこにも落ちていない。
つまり、Yahoo!はユーザが検索しやすいように、配慮をしているということである。
カーソルを検索ボックスに落とすという「行為・苦労」をするのは、ユーザではなく、（あらかじめカーソルをボックスに落とすようにページを作成する）サイト制作者であるべきだ。
という主張がUCDの最たるものである。
できるだけユーザにストレスを感じさせないように配慮するのだ。
投稿者 ps4jp : 16:33 | コメント (0) | トラックバック
2005年06月27日
パーフェクト
いるんだな・・・パーフェクトな人。 中身は知らんですが、容姿については明らかに100%のパーフェクト。まあ得てしてこういう人には何らかのコンプレックスがあったりするわけですが、実際のところはどうなんですかねぇ・・・
あ、表裏がありそうだなとは、思いましたけどね。
というわけで、aws.ps4.jp、正式リリースまでカウントダウン開始とさせていただきまーす。
投稿者 ps4jp : 19:29 | コメント (0) | トラックバック
2005年06月26日
cronとは クーロンと発音する
cronとは、決まった時間に特定のコマンドを実行させる機能のこと。応用すれば、指定した日付にあらかじめ書いておいたブログを投稿させることができる。
しかしこれは無料ブログサービスで提供されていることは滅多にない。自分でやるしかないのである とはいえ、実行させるには少々手間がかかる。もちろんそれに見合うだけのリターンは期待できるのだが。
まずシェルスクリプトを作成し、ディレクトリを指定して実行するコマンドを指定
となにげなく解説を始めると見た目は格好良いが、自分でもイマイチ使いこなせていない。
というのも、Movable Type 3.17では、通常通りcronを走らせると、エラーが返ります。エラー名は以下の一文。
Use of uninitialized value in join or string at lib/MT/Util.pm line 110.
これは要するに文字参照に関するエラーで、日付指定による投稿は一応成功します。が、メールでは「cronに失敗しました」というメッセージが送られてきます。
別に自動投稿自体は成功しているので構わないのですが、成功してるのにエラーを伝えるメールがやってくるのはちょっと気持ち悪いんですよね。なのでパッチを当てることにします。（ちなみにこのバグはシックスアパート社によると、当分直す予定はないそうです）
シックスアパート社の社員さんによるブログでパッチが公開されていました。ですがそのパッチだとどうもエラーがなおんないよ・・・って人がいる模様。なのでカスタマイズ。
//ここからカスタムパッチ開始//
# substring treating HTML character-entity references as single characters
sub substr_wref {
my ($str, $start, $width) = @_;
return undef unless defined $str;
my @character_entities = $str =~ /(&[^;]*;|.)/gs;
$width = @character_entities if $width > @character_entities;
join '', @character_entities[$start..$start+$width-1];
}
//ここまでカスタムパッチ終了//
とりあえずrun-periodic-tasksの最後に上記パッチを書き足して保存→サーバにアップしました。でもエラーメールが返ってくる・・・
しょうがないからメールボックスのフィルタにかけておきました。これでとりあえず、メールが来ても自動でゴミ箱行きですな。
投稿者 ps4jp : 13:18 | コメント (0) | トラックバック
2005年06月25日
平穏
何もせず。だらだらネット。コンビニまで運動するか・・・投稿者 ps4jp : 17:29 | コメント (0) | トラックバック
2005年06月24日
iPod shuffleテンプレート
iPod shuffleに似せたムーバブルタイプテンプレートの制作をしていた。緑と白を基調にレイアウトしていく。崇高なイメージを大切にしたい。 というわけで、あまりゼミの作業を進めていない。一応自分の作業範囲は読み切った。あとはレジュメにまとめてパワーポイント形式に出力するだけ。ふー。面倒だなぁ。
明日はヒマがあればメイド喫茶へ行こうかと考えている。暇つぶしにはもってこいだろう。
投稿者 ps4jp : 20:09 | コメント (0) | トラックバック
2005年06月23日
パワーポイントとサークル
ゼミ。パワーポイント。レジュメ。提出。ピンと来る人は以上の単語で全てがわかるだろう。しばらくマジメに勉学に勤しむことが今、自分に要求されている。 もちろん早い段階で完成させるつもりだ。後でやるも前にやるも同じことだし。
というわけで、今日はサークルへ行ってきた。汗をかいた後のケアを怠ることはマズイ。つまり身だしなみである。
オシャレとは自分のためにやるもので、身だしなみは他人のためにやるものである。
そういうわけで、色々なケアは怠らないようにしたいと思った。色々な・・・ね。
投稿者 ps4jp : 23:19 | コメント (0) | トラックバック
2005年06月22日
初級システムアドミニストレータ
今日は色々買い物をした。といっても雑誌や書籍ばっかりなのだが。ボクシングマガジンとか。そのうちの一つが初級システムアドミニストレータ合格教本みたいな本だ。
マニアック用語ばっかりなのかと思ったら意外にも簡単な用語もあったりで、割と取っつきやすい印象。なので即購入。
シスアドと略されることが多いこの資格、結構幅広い知識が必要みたい。経済関連の知識が必要だったり（総勘定元帳とか職能別組織に関する知識とか）、HTMLのタグについての知識とか、すんごい範囲が広い。 とはいえ、全体を通してみるとやや小難しい。プログラミングとかアルゴリズムとか、初心者には本当、難しいだろうなあ・・・
夏に向けて、この本を読破することに決めた。速くボクシングにも復帰したいナア。
投稿者 ps4jp : 21:06 | コメント (0) | トラックバック
2005年06月21日
code
今日はジュースを飲み過ぎた・・・テニスというスポーツは気持ちが良いですね。と、言うわけでcode.ps4.jpの立ち上げに時間を消費してました。 基本設計としては、日々のSEOの記録と所感・PHPやHTML全般についての戯れ言なんかを記述予定です。そこで疑問が一つ。
UCDとかAjaxとか、最近すこ～しずつ注目されてきている用語に対するFAQみたいなサイトを制作しようかなって思います。
別ドメインを作ってまでたくさんの用語をカバー出来るとは思えないしなあ・・・どうしようかなあ・・・そんなことを考えている今日この頃です。
投稿者 ps4jp : 18:14 | コメント (0) | トラックバック
2005年06月20日
流れ
サークルに行ってきました。特に何事も無く。で、ご飯食べて、雑談。自分の流れと他人の流れを上手く繋げてあげるのがオトナだなって思いました。
やっぱり日々の生活から学ぶことって本当にたくさんありますね。 というわけで、最近、サブドメインを乱立させている感があるのですが（blog.ps4.jp・faq.ps4.jp・aws.ps4.jp・dir.ps4.jp）、この度新たにcode.ps4.jpというものを作ろうかなって思ってます。
XHTMLやPHPに関するコードを公開する意味と、SEOの成果を日々記録する目的です。
はてさて、どうなることやら・・・
投稿者 ps4jp : 22:56 | コメント (0) | トラックバック
2005年06月19日
ブラウザ Opera8 詳細情報
Opera 8.01が2005-06-16にリリースされた。 Web制作者にとってこのブラウザはどう映るのか、考察してみたい。まずは以下に参考リンクを掲載する。
「Opera 8」日本語版、WindowsとMac OS X用が同時公開 - INTERNET Watch
Opera Software ASA、Opera 8.01の日本語版をリリース - CNET Networks Japan
Webブラウザ「Opera 8」と「Netscape 8」のアップデート版リリース - MYCOM PC WEB
Opera Software ASA、日本語版としては初の“v8”となる「Opera」v8.01を公開 - 窓の社
Opera公式日本語サイト ふむ。上記参考リンクを読むと、どうやら以下の点が改良されたようだ。
1.ベクター形式のSVG画像の表示に標準で対応したこと。
2.テーブルなどのページ構造を保ったまま、ウィンドウの横幅に合わせてWebページを自動で縮小表示する機能が追加されたこと
3.国際化ドメイン名によるURL偽装問題に対応するため、信頼できるトップレベルドメインの場合はそのまま国際化ドメイン名のURLを表示し、信頼できない場合はPunycodeで2バイト文字を使わないURLに変換して表示するようになったこと
4.英語による音声入力で本ソフトの操作を行う機能を搭載するが、日本語版でも英語でのみ操作できるようになったこと（日本語には非対応）
5.“クロスサイト・スクリプティング”攻撃を受けてローカルファイルが読み取られてしまう問題などに対策が施されたこと
6.RSSを検知すると、自動でアドレスバー左脇に RSSアイコン を標準で表示するようになったこと
などが主な変更点である。
Web制作者にとっては1/2/3/4（日本語ドメインを取得している場合）/6を、とりあえず押さえておくべきだろう。
1:SVG形式の画像とは、Scalable Vector Graphics の略称で、W3Cが提唱する、Webグラフィックス用のXMLベースの言語のこと。実務としての有益性は、高解像度のグラフィックスを含むWebページをデザインすることが可能になり、グラフィックスはグラデーション、アニメーション、フィルタ・エフェクトなどにも応用が可能になる。
つまり、超高解像度の画像（SVG形式の画像）に対応したよ。ということである。
詳細はAdobeのSVGコンテンツに記述されている。
2:これは要するにページをそのままデザインを壊すことなく、「縮小表示」してくれるという、非常にありがたい機能。
3:これは日本語ドメイン（http://日本語.jpとかそういうカンジのやつ）を取得している方に注目して頂きたい。結論から言うと、紛らわしいドメインに対してはxn--paypl-7ve.comと「アドレスバーに」表示する仕様ですよと、Opera8は宣言したのである。 日本語ドメインではなく、Punycodeによって変換されたアドレスを表示するという次第である。
まずPunycode自体について理解していないと、全くついていけないので、一応流れを解説する。そもそも「日本語ドメイン」の扱いはこうなっている。
エグザンプル.jpというドメインを取得する→エグザンプル.jpをPunycodeでxn-ickqs6k2dyb.jpに変換
→各種DNSサーバにxn-ickqs6k2dyb.jpを問い合わせ→xn-ickqs6k2dyb.jpのIPアドレスを取得
→IPアドレスにファイルの送信リクエスト→HTMLファイル受信→HTMLファイル受信と同時に、取得したアドレスxn-ickqs6k2dyb.jpを2byte文字エグザンプル.jpへ逆変換
→ブラウザのアドレスバー（アドレスバーとは各種Webブラウザの上部に出るURLが記載された枠のこと）にエグザンプル.jpと表示
という具合になっている。Punycodeって便利。で、今回はpaypal.com（信頼できる）、paypаl.com（信頼できない）という、palの部分のaが微妙に違うのだが、皆さんにはお解りですか？
キリル文字「а」をASCII文字「a」のvariant（同一とみなすべき文字）として定義して「variantを含むドメイン名は受け付けない」という運用をしていれば，URL偽装を防げた問題を、巧みに突破したと言うわけです。
で、この後者の紛らわしいドメインに対してはxn--paypl-7ve.comとアドレスバーに表示する仕様ですよと、Opera8は宣言したのである。
広義のスパマーさん、私たちは対策してますよ。というOpera側の主張だと言えそうだ。
なので、信頼できない国際化ドメイン名だと決定されるような日本語ドメインを持っている方、危ないですよ。と、言う次第です。
4:これはまだ日本語には対応せず、英語音声にのみ対応とのことですが、将来的に日本語音声にも対応してくると、どうやら高齢者や視覚障害者の方へのユーザビリティにもUCD（User Centered Design）にも関連してくる事例であると思います。注意しておきましょう。
6:RSSはあるに越したことはありません。自動表示してくれるのなら、アピールしましょう。
というわけで、RSSをあなたのサイトにも設置すべきです。ブログサイトならほぼ標準で実装されているでしょう。ブログじゃないけどRSSを作成したいよって方は、以下の文をコピペして、.rdfファイルとして保存して下さい。
なお、この一文↓をヘッドタグ内に入れることをお忘れ無きよう。
<link rel="alternate" type="application/rss+xml" title="RSS" href="rdfファイルへのアドレス" />
↓RSS作成のためにここからコピペ↓
<?xml version="1.0" encoding="utf-8"?>
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns="http://purl.org/rss/1.0/">
<channel rdf:about="http://blog.ps4.jp/archives/post8.html">
<title>ブラウザ Opera8 詳細情報 </title>
<link>http://blog.ps4.jp/archives/post8.html</link>
<description>ブラウザ Opera8 詳細情報 </description>
<dc:language>ja</dc:language>
<dc:date>2005-06-19T17:31:58+09:00</dc:date>
<items>
<rdf:Seq>
<rdf:li rdf:resource="http://blog.ps4.jp/archives/post8.html"/>
</rdf:Seq>
</items>
</channel>
<item rdf:about="http://blog.ps4.jp/archives/post8.html">
<title>ブラウザ Opera8 詳細情報</title>
<link>http://blog.ps4.jp/archives/post8.html</link>
<description>ブラウザのOpera8について、Web制作者の側から見てみよう
</description>
<dc:date>2005-06-19T17:31:38+09:00</dc:date>
</item>
</rdf:RDF>
↑RSS作成のためにここまでコピペ↑
上から順に
channel rdf:about
title
link
description
dc:date
rdf:li rdf:resource
item rdf:about
title
description
link
dc:date
部分を自分なりに変更しよう。これで自作RSSが出来る。
ちなみに近々、PHPで他サイトのRSSやお気に入りのブログのRSSを、自サイトに一覧表示するスクリプトを勉強予定。公開出来ると良いな・・・
公開しました。RSS PHP 自動更新 スクリプト
そんなワケで、モダンブラウザー（近代的ブラウザって意味）といわれるOpera8はWeb制作者にとって無視できない存在になりつつあるため、私はインストールしておきました。以下からダウンロード出来ますので、皆さんもどうでしょうか（なんかページの表示速度が遅い気がするけど、Opera社HPのサーバの仕様か？）
Operaへのアフィリエイトリンクで、250以上のユーザを送り出せば、Operaの正式ライセンスがもらえるようです。
追記：2005年7月5日の本日、遂に250以上達成！ 約12時間後に Your MyOpera Affiliate Opera registration code という件名で正式ライセンス（要するにシリアルキー）が送信されてきました！メール本文は以下。
Hello!
Good work! We have just recieved the 250th visitor to Opera's download page through your site.
As promised, here are your Opera registration codes:
シリアルキー Opera 8 for Windows
シリアルキー Opera 8 for Linux, Intel
シリアルキー Opera 8 for Linux, PPC
シリアルキー Opera 8 for Linux, Sparc
シリアルキー Opera 8 for FreeBSD
シリアルキー Opera 8 for Solaris
シリアルキー Opera 8 for Mac OS X
あとはサポートURLの説明とか。 みなさんもアフィリエイトに挑戦してみては？
投稿者 ps4jp : 16:16 | コメント (2) | トラックバック
2005年06月18日
Web Designing
Web Designing 7月号を購入した。アクセシビリティを超える方法論「UCD」（User Centered Design）についての記事が目に留まる 詳しい事は省くが、要するにユーザーのためにサイトやアプリケーションを作りましょう。試行錯誤を繰り返し、技術的な問題は後回しにして。ってコトらしい。
というワケでUCDでGoogle検索すると、以下のようなページが有益そうであることがわかる。
http://www-6.ibm.com/jp/design/eou/2center/2cen_1.html
http://www.laplace-lab.org/docs/report001b.html
http://hukka.sub.jp/course/newsclip/archives/doc/000649.php
辺りを熟読されたい。
近々こういう用語自体の解説サイトを立ち上げようと思う今日この頃・・・
投稿者 ps4jp : 01:01 | コメント (0) | トラックバック
2005年06月17日
何事も無く
特に何事も無く一日が終わりました。
そろそろcronについて勉強し始めますか・・・
応用すれば、自動で指定した日付にブログを投稿することだって可能になります。
まあ のブログ でも似たような機能が既に実装されてますけどね。
で、一応先日書いた、ガール&ポップなデザインのHPを制作してました。そろそろ公開出来そうです。
せっかくなんで、サブドメインを新たに一個作成して、ディレクトリでも作ろうかなーなんて思ってます。
投稿者 ps4jp : 23:52 | コメント (0) | トラックバック
2005年06月16日
会話術
常に成長
先日購入した書籍・会話に関する本にあった通りの言動を、今日のサークルで実行してみた。
かなり効果があったようで、「なんか違うぞ」と相手に思わせることが出来ました。久々に「ああ、本買って良かった」と思える瞬間でした。
で、まあそれとは関係無いんですけど、速くWebサイトを制作したいです。
そういうわけで、aws.ps4.jpの大体のレイアウトデザインが決定し、コードもほぼ完成してきました。あとは適切な配色をして、細かい部分を綺麗に仕上げて動作テストをこなして完成です。
ふうー。
投稿者 ps4jp : 23:28 | コメント (0) | トラックバック
2005年06月15日
メニューをタブ状にする
書籍購入・サブドメインを本格的に追加
社会心理学の書籍と、会話に関する書籍を昨日購入した。なるほどと思う箇所がずいぶんあったので、とてもおもしろく読み進めることが出来る。読書って楽しい。
そしてサブドメインを一個作成し、本格的に制作し始めている。レイアウトは完成しているが、実際にコードを書くとなると結構難しい。
思い通りのレイアウトが実現出来なくて四苦八苦。とりあえずヘッダナビゲーション部分を制作していたのだが、画像を使用せずに完璧なるタブ化に成功するまで約2時間・・・
HP制作は、どんなに思い通りのレイアウトが実現出来なくて辛く感じても、そんな状況すら楽しめなきゃ本当、「向いてない」んだろうなあ・・・
以下に本日作成したタブ化を実現するコードを掲載。
IE6でしか確認していませんが、もし宜しければ試して下さい。
タブ化された、横へ並ぶメニュー一覧（XHTML・HTML完全対応）
<!-- 普通のHTMLページに以下をコピペして下さい -->
<style type="text/css">
<!--
#nav{
width:100%; /* パーツ全体の範囲 */
list-style-type:none; /* リストの黒丸マーカーを消す */
margin:0px;
padding:0px;
border-bottom:1px #000000 solid; /* タブっぽくするために */
background-color:#F2F0F0;
}
#nav li{
float:left; /* メニューを横にならべる */
width:130px; /* タブ一個の大きさ */
display:block; /* ブロック化する。絶対必要 */
background:#fff;
border:1px solid #ccc; /* タブの枠 */
border-bottom:none; /* 下線を消してタブ化を成功させる */
text-align:center;
font-size:85%;
margin:3px 0px 0px 3px; /* タブとタブ間の間隔 */
padding:7px 5px 3px 5px; /* タブ全体を含めた固まり自体の間隔 */
text-decoration:none; /* リンクの下線を消去 */
}
#nav li a{
display:block;
width:130px;
}
#nav a:link {
color: #8FABBE;
}
#nav a:visited {
color: #00000;
}
#nav a:hover {
color:#424040;
}
-->
</style>
<div id="nav">
<ul>
<li><a href="http://www.ps4.jp/">www.ps4.jp</a></li>
<li><a href="http://blog.ps4.jp/">blog.ps4.jp</a></li>
<li><a href="http://aws.ps4.jp/">aws.ps4.jp</a></li>
<li><a href="http://faq.ps4.jp/">faq.ps4.jp</a></li>
<li><a href="http://www.ps4.jp/">続々公開！</a></li>
</ul>
</div>
<!-- コピペ終了です -->
いかがでしたか？ きちんとタブ化されました？ サイトを持っている方はぜひお試し下さい。
投稿者 ps4jp : 21:59 | コメント (3) | トラックバック
2005年06月14日
ガールハート
ガールポップアンドハートフル
昨日はサークルに行きました。ご飯を食べている間、恋の話を聞いたり聞かされたり。人との会話によって色々な刺激を受けて、創造力が膨らんだりすることもしばしば。昨日は色んな意味で凄く楽しかったです。
やはり人との会話、ひいてはコミュニケーションって大切ですね。
そういうわけで、ガールポップなデザインや、ハートフルなデザインをしてみようかなあって思いました。いかにも女の子らしい、可愛いデザインのホームページ（Webサイトではない）とか制作したいですね。
まあ、実際どうなるかはわかりませんが、とりあえずMovableTypeのテンプレート案として、
ガール&ハートをテーマにデザインしてみようかな・してみたいなって思いました。
2005-06-18追記：結局ガールアンドポップをイメージして制作しました。IE6のみ対応しています。
他のブラウザにも対応させていきたいな・・・というわけでリリースします。
2005-06-23追記：IE6・Firefox1.02・Safari1.02での動作確認取りました。
>>http://faq.ps4.jp/html/girlandpop/
投稿者 ps4jp : 01:15 | コメント (0) | トラックバック
2005年06月13日
iPod風なMovableTypeテンプレート
iPodライクなムーバブルタイプテンプレート
iPod風のMovable Type テンプレートを制作したいと思います。
完成したらまた、ここで報告しますね。
2005-06-13:23:55現在
ヘッダーの画像がほぼ完成。品質を高めたいので、もう一個、クオリティを高めた画像を制作したい。
フッターのロゴ画像制作ほぼ完了。CSSコードが完成したら、アクセントとしてもう少し加工したい。
コンテンツ部分のレイアウト実現がちょっと難しい。背景画像にも一工夫いれたいトコロ。
テスト
投稿者 ps4jp : 21:27 | コメント (0) | トラックバック
2005年06月12日
ムーバブルタイプ MovableType の インストール 方法
ムーバブルタイプ Movable Typeのインストール方法 について
xreaやsakuraなどの無料サーバで2005年6月9日リリースの新バージョンのMovableTypeを設置・運用するまでの手順を絶対中学生でも出来るように文字列だけで徹底解説しました。
解説ではxreaの有料サービスを利用した場合で記述していますが、xrea・sakuraの無料サービスと比較して、全く大差ないので問題は、ありません。
広告免除をしていない人でも、十分可能です。
それでは、まずMovable Type（MT-3[1].17-full-lib-ja：2005年6月9日リリース）をダウンロードして下さい。ダウンロードが終わったら、解凍して下さいね。それでは解説しまーす。
現在はMovable Type 3.2
が最新版としてリリースされています。限定個人ライセンス
（無料アカウントを作成しログイン後、限定個人ライセンスというページ下部の項目を参照）を選択してください
3.2用インストール解説はこちら Movable Type 3.2 インストール設置 方法
3.17導入手順
mt.cfgを書き換える。
→ダウンロードしたMovable Typeフォルダからmt.cfgファイルを選び、秀丸エディタ（私の場合）などで開く。
14行目の1文を各自の環境に合わせて書き換える。
私の場合はcgi-binディレクトリを自分で作成した。ので、以下のようなカンジになっている。あとでcgi-binディレクトリを作成するので、ここではmt.cfgだけ、注意して書き換えておこう。
上は私の場合。下はあなたの場合。自分の環境に合わせて1行だけ書き換えよう。
CGIPath http://blog.ps4.jp/cgi-bin/
CGIPath http://あなたの環境.com/cgi-bin/
66行目の1文を各自の環境に合わせて書き換える。（大抵はこんなカンジで良い。特にxreaサーバ。）
私の場合はmt-staticディレクトリを自分で作成した。ので、以下のようなカンジになっている。あとでmt-staticディレクトリを作成するので、ここではmt.cfgだけ、注意して書き換えておこう。
上は私の場合。下はあなたの場合。自分の環境に合わせて1行だけ書き換えよう。
# StaticWebPath http://blog.ps4.jp/mt-static/
# StaticWebPath http://あなたの環境.com/mt-static/
保存して、終了。
ここまで大丈夫ですか？
それではmt-staticディレクトリと先ほどのcgi-binディレクトリを2つ作成しておきましょう。FTPクライアントから直接作成しておきましょう。
→http://blog.ps4.jp/mt-static/ や http://blog.ps4.jp/cgi-bin/ となるように作成しよう。
作成したら、imagesフォルダ、docsフォルダ、styles.css、およびmt.jsを、スタティック・ファイル用に指定した場所（mt-staticディレクトリのこと）へアップロードする。
→http://blog.ps4.jp/mt-static/へアップロードする
→http://blog.ps4.jp/mt-static/styles.css ってカンジになるようにアップロード
→http://blog.ps4.jp/mt-static/images/ってカンジになるようにアップロード
→http://あなたの環境.com/mt-static/styles.css ってカンジになるようにアップロード
→http://あなたの環境.com/mt-static/images/ってカンジになるようにアップロード
http://blog.ps4.jp/cgi-bin/のcgi-binディレクトリに、残ったファイル・フォルダ全てをアップロード
http://あなたの環境.com/cgi-bin/のcgi-binディレクトリに、残ったファイル・フォルダ全てをアップロード
→ .cgiで終わる名前のファイルの権限（パーミッション）を全て755に設定。
ただし、mt-db-pass.cgiだけは644にしておく。（ここだけはセキュリティの都合上644にしておくべき）
そうしたら、http://blog.ps4.jp/cgi-bin/にdbフォルダ（パーミッションは777。ダメなら755に）を作成
→http://blog.ps4.jp/cgi-bin/db/ （パーミッションは777。ないし755）ってカンジ。
→http://あなたの環境.com/cgi-bin/db/ （パーミッションは777。ないし755）ってカンジ。
http://blog.ps4.jp/cgi-bin/mt-check.cgiにアクセスして、使用しているサーバの状況を見る
http://あなたの環境.com/cgi-bin/mt-check.cgiにアクセスして、使用しているサーバの状況を見る
DB_File
サーバには DB_File がインストールされていました。(バージョン: 1.810).
DBD::mysql
サーバには DBD::mysql がインストールされていました。(バージョン: 2.9004).
DBD::Pg
サーバには DBD::Pg がインストールされていました。(バージョン: 1.32).
DBD::SQLite
サーバには DBD::SQLite がインストールされていました。(バージョン: 1.08).
と出てきたかな？ xreaサーバならまず問題無いと思うので、ここでは触れない。サーっと画面の隅々まで流し読みして、記述に特に問題はないようなので
http://blog.ps4.jp/cgi-bin/mt-load.cgi にアクセス。
→http://あなたの環境.com/cgi-bin/mt-load.cgi にアクセス。
システムの設定、初期化が完了しました。
と出て、ウェブサーバからmt-load.cgiを削除してください と警告が出るので、 mt-load.cgiを絶対削除する。今すぐ削除しよう。
http://blog.ps4.jp/cgi-bin/mt.cgi にアクセス。
→http://あなたの環境.com/cgi-bin/mt.cgi にアクセス。
→最初は ログイン出来ません と表示されるので、ここで
投稿者名をMelody
パスワードをNelson
にしてログインする
ログイン出来るハズなので、出来たらまず、「プロフィールの編集」をクリックし、そこで投稿者名とパスワードを各自の物に設定し直そう。ユーザ名とパスワード、パスワードを回復させるためのキーワードの3つくらいは変更してね。
左上の方のメイン・メニューの文字列（見づらい）をクリックし、「ウェブログの管理」の「First Weblog」をクリックして、「ウェブログの設定」をクリック。
まずは ウェブログの名前 を、任意の名称に変更する。例として以下の1文を書いてみよう
blog.ps4.jp
そしたら画面下部の変更を保存をクリック
→再構築してくださいと警告されるが、とりあえず無視。右上の 基本設定 | 設定 | アーカイブの設定 | 禁止IP の 設定 をクリック
一般的な設定 の ウェブログの説明に以下の1文を入力
例：私の日記です。blog.ps4.jpを参考にしました。
入力し終えたら、 デフォルトの投稿の状態
新しいエントリーを投稿したときの投稿 の状態のデフォルトの設定
という設定を、必ず 「公開」に設定しておく
ウェブログが更新されたときに、Movable Type が自動的に通知するサイト という設定は、実行するとトラックバックスパムが来る事もあるため（一部古いバージョンのMovableTypeでは）、一応何も設定しないでおく。
適当に下へと読んでいって、トラックバック機能も使いたいなら、チェックを入れる。 そして画面下部の変更を保存をクリックする
左メニューのサイトの再構築をクリックし、すべてを再構築を選択、再構築をクリック。 終わったらとりあえず、左メニュー最下部のサイトの確認をクリック
→現時点では何も投稿されていないのでやや寂しい気もするが、なんとなくブログっぽい画面が出てくるはず。ここから、ドシドシブログを投稿していこう。
*もう一度注意：左メニュー最上部の、新規エントリーをクリック、画面やや下の 投稿の状態 を必ず公開に設定してあることに注目。公開したくない場合のみ、下書きにしておくこと。
そして、適当にエントリー（ブログを投稿）を書こう。以下は簡単な例
タイトル：初めてのブログです
エントリーの内容(body)：blog.ps4.jpを参考にブログをエントリーしました。
追記(extend)：速く上手に使いこなしたいなあ・・・
概要(excerpt)：一回目のテストです
再度確認事項：投稿の状態は公開になっているかな？ なってないと何も表示されないので、忘れずに公開しよう！
そうしたら画面下部中央の確認・保存ボタンの好きな方を押そう。とりあえず確認を押してみて。
いわゆる投稿前の確認画面になる。ここでもまた、とりあえず問題はないようなので、このエントリーを保存する をクリックしよう。
するといくつか画面が自動で切り替わり、さっきの投稿画面に戻る。ここで エントリーを保存しました。エントリーの変更、作成日、コメントの編集、通知の送信ができます と出て、エントリーの確認 ボタンが出る。エントリーの確認 を押して、ブログを確認しよう。
どう？ いわゆる個別アーカイブって言う画面に切り替わる。画面上部にきちんと （例：）私の日記です。blog.ps4.jpを参考にしました。って出てるでしょ？
blog.ps4.jpって書いてある部分がリンクになっている。押すとトップページに戻るよ。押してみて。
確認出来た？ 出来たら、各自で ウェブログの名前 を、任意の名称に変更し、 一般的な設定 の ウェブログの説明に任意の文を書いて変更しておこう。
これで自分好みのブログ名・ブログ説明文が反映される。
おまけ：ウェブログの設定→画面やや下部にある トラックバック先の自動検出を動作させる をオンにすると、ブログエントリ内のURL全てに対して、トラックバックpingが送れるなら全てに送る機能がオンになります。しかし何度もブログの編集をすると、その都度pingが送信されてしまうため、二重トラックバックになってしまします。（必ず）
なので、 出来るだけトラックバック先の自動検出を動作させる はオフにしておきましょう。
はい、というわけで、これでおしまいです。xreaの無料サービス（s151サーバ動作確認）・有料サービス（s145サーバ動作確認）共にインストールの際は大差ないので、これで良いでしょう。
おまけ：一発で個別に投稿したエントリを編集するためのタグを以下に。。
やり方は簡単で、以下のタグを個別エントリーアーカイブのテンプレートに挿入するだけです。
<a href="http://MovableTypeを設置したアドレス.com/cgi-bin/mt.cgi?__mode=view&_type=entry&id=<$MTEntryID$>&blog_id=1" rel="nofollow">管理人編集</a>
きちんとMovableTypeを設置したアドレス.com部分を各自の環境に書き換えて下さいね。
ちなみにblog.ps4.jpでは姉妹サイトのfaq.ps4.jp内において、このムーバブルタイプ Movable Type専用のデザイン・テンプレートを配布しています。たとえばMac風テンプレートとか。
よかったらhttp://blog.ps4.jp/へも定期的にアクセスしてね！
ちなみに現在はMovable Type 3.2
がリリースされています。限定個人ライセンス
（無料なのでログインした後、限定個人ライセンスというページ下部の項目を参照する）を選択してくださいねそれじゃ楽しいブロガーライフを！！ バイバ～イ！！！
追記：Movable Type3.2解説サイトはこちら