サイトいじり Archive

ふと気になって久しぶりにXREAの管理画面を見てみた。

凍り付いた。けど、xreaのディスク容量が申請制だったことに気づく。
というわけで、フォーマットに従い100MBに容量アップしてくれるよう申請してみた。

2008-03-08 01:55:26 申請メール送信
↓
2008-03-08 02:07:27 確認メール
↓
2008-03-08 15:19:54 作業完了メール

早かった。こないだAccessAnalyzerの生ログが一部消失したことがあったのだけど、それを報告したときに確認メールまで送っておいて最終的にすっぽかされたことがあった。それだけに心配だったんだけど、その心配は無用だったらしい。

というわけで、無事に100MBのスペースを手に入れることが出来ました。

---

50MBのディスクスペースがあっという間に埋まった理由。

普通なら50MBなんて画像でもどんどんアップロードしない限り埋まらないはずなので、不思議に思い調べてみた。結果、ブログに使った画像の総容量はたった5MB。適当に計算したところ、CGIなどの類は全部合わせて20MBから30MBくらいのはず。そしてDBは約2MB。どうやらAccessAnalyzerからコピーしたログファイルとMovabletypeによって生成されたHTMLファイルがかなり占めていたようだった。

200ちょいのエントリーで生成されたHTMLファイルが5MB程。DBの容量に対して倍以上で、思ったより食うなーという印象。うちのサイトのPVを考えると動的生成で良いんじゃないかなんて思ってきた・・・。

まぁ、100MBあればそうそう使い切らないとは思うけど。

自前ブログに移転してちょうど一年。
ちょっとだけアクセス数を晒してみる。
縦軸の数字はだけは非公開で・・・。

Total access : 15,136
Unique access : 7,963   Access thank you!

7月のアクセスが6月の3倍、12月のアクセスが11月の4倍になってるのがミソ。
7月は動画変換方法の件で、12月は某有名ブログサイトからリンクを貼っていただいたのが原因らしい。
下の方にちょろっと貼られてるだけなのにこんなに増えるのね・・・・。
2007年中に1万Hit行けばいいなぁ・・・なんて考えてたら・・・。

2007年にお越しいただいた方、その前からお越しいただいてる方、本当にありがとうございます。
2008年もどうぞよろしくおねがいします。更に更新が滞りそうですが(笑)。

コメントの多重投稿を防止するために一文だけ追加。
movabletypeのプラグインにスパム防止のプラグインがあるのですが、そのプラグインがスパムチェック用サーバに問い合わせるため、そのサーバの混雑具合によって反映に少々時間がかかることがありました。そのため、リロードしてもコメントが表示されないことがあり、コメントの送信に失敗したかのように感じることがあります。
以前、某m氏からコメントの反映が遅いとの指摘があったのだけど、それもmovabletypeを設置していたサーバの問題より、スパムチェックサーバの方の問題だった模様。
公式に発表もされてたり。
【重要】コメント投稿に時間がかかる現象について

ちなみに、コメントの多重投稿は誰もが通る道。

そういえば、MovableType4の発売日は明後日。個人ライセンスは今まで通り無料なんだけど、アップグレードはどうしようかな。WYSIWYG対応やWebページ全体(Blog以外)の管理など割と使える機能がいろいろ追加されているので、早く移行したいといえばそうなんだけど。
特に、Homeページなんかmovabletype3.4の現状だとmovabletypeのテンプレートに直接HTMLタグ記述しているので、書きにくいったらありゃしない。XHTMLのテンプレートに完全にcssを読まないまま書いたHTMLが混ざり、継ぎ足しばかりで読みづらい状態に。
というわけで、movabletype4はかなり期待。

サイト内での見苦しい点やリンク切れなどを修正し、Musicコーナーをちゃんと機能させました。
今まで「hoge」でごまかしてきたけど、知らない人がみたら「hoge！？バカにしてるんかい！」・・・とか思うかもしれないですし。
そもそも、ずっと放置してたのもあれだけど。

ちなみに、コンテンツはまだ増えるかもしれません。
Blogに書いていたものの中から割と有用と思われるものを昇格というか、そういうことも検討してます。
それに、BMSなんかも作ってみたいとか考えてます。
さすがに1から曲を作るのは厳しいので、最初は既存の曲の差分譜面や、コピー・アレンジ曲などから。
バンブラに打ち込んだ曲も、見てくれている方でも遊べるように譜面を公開していくかもしれません。
ちょっとずつ作業していきます。

少々話がずれますが、このサイトに使っているMovableTypeの最新バージョン、「MovableType4」が発表された模様。

Six Apart - Six Apart: シックス・アパートが、最新ブログ・ソフトウェア「Movable Type 4」を発表
「Movable Type 4 日本語版」7月18日発売、編集画面の刷新やCMSを強化 - INTERNET Watch

重要そうな新機能をあげてみると、

・入力のWYSIWYG ・入力中の自動保存 ・Webページ管理機能の追加 ・ブログのバックアップやコピー、テンプレート編集の強化 ・アップロード済みの画像やファイルを記事で利用できる「ファイルマネージャー」機能の追加 ・コミュニティ機能の強化

といった感じみたい。
どれもサイト全体の構築を大きく楽にすることが出来そうなんで、リリースされたらすぐに使ってみたいです。
個人利用は無料だしね。

カレントページを変えてみました。
今まではblogページがトップだったけど、その前に別なトップを挟む感じ。

具体的な実装方法は、今までのメインページ(index.html)のテンプレートからブログ内容の表示要素を取り除き、新たにblogindex.htmlを構築するようにしました。
index.htmlとblogindex.htmlが同時に生成されるという感じです。
トップページが変わることになりますが、リンク先は自由なのでブログの方をブックマークに追加するとかそういうのは自由です。
（最近リンクはトップページに・・・・・とひたすら主張される方がいるので念のため＾＾；）

ちなみに、全体のデザインモチーフは楽天日記だったりします。
楽天日記でも結構満足していましたが、いくつかの不満を取り除くために作り出したのがこのサイトなんで。
たとえば、楽天日記では幅が760px固定で画面いっぱい表示されなかったり、エントリーのバックアップが取れなかったりと。
それに対して、movabletypeならその辺が自由なので、このサイトではページ幅を可変になってます。
（ウィンドウの幅を広げたり狭めたりすれば分かるはず。）
また、当然ながらバックアップも取り放題ですし。
手間はそれなりにかかるけど、既存のサービスより快適です。

今回の変更と平行してCSSを多少修正しました。
InternetExprolerでもレイアウトの崩れが改善されたはずです。
もっとも、推奨はMeiryoKe(Vista内蔵フォントの改造版)ですがｗ

というわけで、上に設置してみました。
といっても、私が使ってるMovableType用スキンのvicunaで追加するのはかなり楽なんだけど。
5つのcssで構成されてる関係で目的の項目が探しやすいし、ちゃんとコメントアウトされてたし。
それにマニュアル類もちゃんと詳しく書かれてたり。
サイトいじり7で書いた右ペインの記事数表示はちゃんとマニュアルに書かれてました・・・・ｗ
また、プロフページと音楽紹介ページにも本格的にCSSを適用。
一応、CSSを使用するので一番下にスキン配布元の表示、それとついでに自分のコピーライトを。
ちゃんとプロフページと音楽紹介ページからMovableTypeの表記を消してあるのがミソ。
（Homeとプロフページを同時に開いて、一番下までスクロールして見比べてみれば分かるはずｗ）
だいぶマシになってきたかも。

話は変わるけど、AM1:00からAM3:00くらいまでサーバが落ちてました。
[統一スレッド] s276サーバー障害連絡・メンテナンス情報

ハードディスクの1つに遅延症状・速度低下など不安定な状態が見られますので、交換作業を行わせ
ていただきます。

HDDが死にかけていたらしいけど、止める前(または直後)にスレッドに書き込めばいいのに。
止めてから10分後くらいに書かれても。
サイトをいじってるときに突然FTPが止まったから焦った・・・。
とはいっても、早め早めで保守に回る姿勢はかなり好感。
ここ1、2日は明らかにページの表示が遅くなってましたし。
上のGoogle広告が表示されて5秒くらい遅れて全体が表示される感じだったり。
エンドユーザレベルで感じるあたりまで来ていることを考えると結構深刻だったんだろうなぁー。
てか、その死にかけのHDDより遅いLand.toサーバっていったい・・・・ｗ

簡単に更新できる「ブログ」だけど、それだけサイトというのもなにかと無理が出てくるのでフツーにHTMLでページを作ってみた。
前に作ったプロフィールページは味気ない感じだけど、今回作ったページはブログのCSSを丸投げで。
.cssファイルをサイト内でのデザインの統一に使うのは当然といえば当然だけど、解読がめんどくさくて今まで逃げてましたｗ
大体の形は一応の完成を迎えて、こんな感じになりました。
これまでの「今日の音楽」(工事中。)
hogehogeしすぎだけど。

それと、データベースのMySQLの文字エンコード形式もS-JISからUTF-8に変換してみた。
データが飛ばないかどきどきしながら変換！
とりあえず、このサイトでは完全にUTF-8の方向で行く予定。
「波線(波ダッシュ)」が文字化けするのは痛いけど・・・ね。
実態参照で記入するしかないのだろうか・・・。
（実態参照で記入すると、ちゃんとこうなる→ ～）
ちなみにこの問題は結構いろんな所で現れてるようで有名どころのLivedoorブログなどでも起きている模様。
波ダッシュ、チルダの件
その辺の問題に興味がある人は以下のエントリーとwikipediaの項目を見ると大体分かると思います。
UTF-8 is not enough
[MySQL] 文字化け問題を本気で直す←笑えますｗ

ここまでさんざんUnicodeとのコード変換でのトラブルについて書いてきたけど、Unicodeはプログラマーにとってはそれなりに便利だろうし、使い方によっては結構おもしろいんですけどね。
有名な記事ですが、一応。
それUnicodeで
拡張子偽装できたり、同名のファイル（に見えるモノ）を作ったりと。
特に最近のウィルスに結構使われたりとｗ
・・・いいのか悪いのかわかんないねｗ

コメントが書かれても、わかりにくいと思ったので楽天っぽくしてみた。
具体的には、エントリータイトルの右側に括弧付きでコメント数表示。
コードは下の方のコメント・トラックバックにあるモノを切り貼りして作ったんだけど、XHTMLが分かる人や自分でサーバにブログを作る人なら誰でも出来る初歩的なものｗ
一応貼ってみる。

<a href="<$MTEntryPermalink$>#comment" <span class="count">(<$MTEntryCommentCount$>)</span></a>

テンプレートにvicunaを使ってる方は、これを

<h2><a href="<$MTEntryPermalink$>"><$MTEntryTitle encode_html="1"$></a>

の後に記述すればオッケーです。
他の方はコードを眺めて、タイトルが入りそうな所の次あたりに差し込めば問題ないと思います。
右ペインのArchivesの部分は、リンクタグ内にtitleタグが書かれており、ホップアップするようになっていたので、
それをそのままコピペして括弧で囲んでこんな感じに。

(<$MTArchiveCount$>)

カテゴリはタグが分からなかったので、法則っぽいモノに従って書いてみたら動きました。
これも括弧をつけて、

(<$MTCategoryCount$>)

アーカイブのALLの部分は、アーカイブページのテンプレを調べて記述。

(<$MTBlogEntryCount$>)

ただ、firefoxにCSSが適応されないことがあるというバグ(?)があることを発見。
このコード等を使ってリンクをマウスオーバーすると色が変わるようにCSSに記述している場合、
カッコ書きのコメント数をマウスでポイントしても色が変わらないという問題が起こりました。（他のリンクは正常に色が変わります）
InternetExplorerやIEエンジンを使っているブラウザ(プニルやLunascapeなど)では問題ないようですが、
firefoxと同じMozillaエンジンを使うOperaなどのブラウザでどうなるかは不明です。。。

ちなみに、リニューアル後はじめてIEでこのサイト見たときにあまりにも表示が汚いことに驚きました。
てか、今日気づいた(汗

firefoxでフォントをMeiryoKe(メイリオをツールで改造し、見やすくしたバージョン)で表示させてましたから、あまりにも違って・・・。
まだまだVistaが少ない以上、CSSでメイリオ指定したところで意味もなく。
というわけで、このサイトはVista+firefox+MeiryoKe+XGA画面推奨ということでｗ
・・・95%の人が達成できないね、この条件。
サイト管理人失格?♪

火消し以前に、ロウソクみたいなものなんですが、
前のサイトを検索エンジンから消そうとちょっと必死になってたり。
内容はこちらにそのままコピーされてるわけで、二重に存在する必要なんかないですし。
とりあえず、RSS用のXMLは消して、METAタグとrobots.txt、.htaccessを組み合わせてクロールを回避。
robots.txtがサブドメイン環境でも効くのか心配だったけど、問題は無いっぽい。

robots.txtはサブドメインでも有効？ [Archive] - XREA&CORE SUPPORT BOARD

さて、1、2ヶ月で効いてくれればいいんだけど・・・。

つかれた。
面倒だったんで、前略プロフでも登録しちゃおうかほんとに考えてました。
この点、やっぱり楽天とかlivedoorとかのブログサービスは強いなぁ・・・。
今時よほど暇で、やる気がある人じゃないとHTMLベースでプロフなんか書かないよ、ほんと。

また、連絡先も書いてみた。
某m(ryさんからのゴニョゴニョに使われるに現在(07/04/09)のイーバンクの残り預金全額を賭けてみる。
一応前から目をつけていたスパム対策付き。
もっとも、一度他の人から流出したら終わりだけど。

早い・・・、早いよ・・・。
land.toサーバだと、Movabletypeのサイト再構築にエントリー45件の状態で1分以上かかっていたのに、XREAだと10秒で終わってます。
普通にページを開くのも軽い。
てか、ここまでくるとland.toってどれだけ遅いサーバなのかと思いたくなってくるんですが。

でもMovabletypeのサイト再構築って確かに重い処理なんですけどね。
DBからすべてのエントリーをテンプレートに記述した内容に従ってHTML化して、
そのエントリーページにリンクするトップページやアーカイブページを作成しているわけで。
サイトを再構築したらサーバがダウンして怒られたとか、4000件のエントリーがあるサイトを再構築したら数時間かかったという例も良く聞きますし。
あ、でもland.toは論外ね。

さて、画像の移動も終わったし、旧さいとをどうするか考えよう。
巡回ロボットに引っかからないようにしてからしばらく残しておくといったかんじにしようか・・・な。
リダイレクトさせてもいいけど、50件にそれを仕込むのは正直・・・。

作るよー！XREAでムーヴァヴォー！！！１１
・・・という感じにテンションをあげながら作業をしたいところですが、リアルでもそういうキャラじゃないので淡々と作業を。

http://weblibrary.s224.xrea.com/weblog/mt/setting/xreamovable_type.html
このサイトを参考に作業をやってみる。
なぜ「x」というフォルダを作るのか悩んだけど、XREAの場合はそのフォルダに入れると広告を非表示に出来るらしい。
.htaccessで記述しなければいけなかったland.toより楽ちんといえばそうかもしれない。
MovableTypeの構築は2回目だから結構スムーズに・・・・って、バージョンが3.33から3.34になってるせいでmt-config.cgiが大幅に変わってるんですが。
たった46行で、CGIパスとSQL回りの設定だけになってました。
なんか変更点ばっかりで、当てにならないのであとは適当に実行することにしよう。

　|
で、その後FTPでアップロードして、mt-config.cgi実行。
もちろん、パーミッションを変更し忘れるオプション付き。
cgiやらphpは既に10回以上インストールしてきたと思うんだけど、全く進歩無いね。

　|
ちょっと頭の悪い行動を起こして、mt.cgiが404。
フォルダ名を変えた後、mt-config.cgiのCGI Path設定を忘れてたらしい。
ほんと救いようがないね。

　|
よし、動いた。
あとはテンプレートやcssを・・・。
って、ちょっとちょっと、3:30だよ。
この「サイトいじり4」を書き始めたのは1時なのに2.5時間かかってるよ・・・。
内容を見てみると30分で済むはずなんだけど、あまりにもひどい。

　|
テンプレート・CSSの移設完了。
エントリーもとりあえずテキストだけ移動完了したけど、画像がまだland.toの方を読みに行ってる模様。
どうせ画像のアップ場所を統一したかったので絶対パスで書いていことはあんまり問題にならないかもしれない。
・・・って、なんでmovabletype標準のアップローダから出力されるタグは絶対パスなんだ！？
ちょっと理解できないなぁ・・・。

移行するにあたって、ブログとは別にHTMLのページを作ってみようかと考えてました。
でも、movabletypeで書かれているブログとのデザイン統一性を考えたところ断念。
じっくりCSSを見ていけばどうにかなるんだろうけど、面倒なので。
一応、CSS及びテンプレートをを改めて読んでみて、ブログの頭に文章を差し込む時の書式とかも色々試してみました。

また、日付毎のエントリーURLが汚かったので、年/月/エントリーID.htmlにしてみた。
　　　↓たとえばこんな感じ
http://xrosscrow.no.land.to/2007/04/000047.html
参考：Movable Type: アーカイブ・マッピングの変更方法

これが済んだらいよいよXREAサーバへの移行。
今日中に終わればいいんだけど。

アクセス解析系のタグは問題なく仕込めたはず。
とりあえず、エントリーにはすべて投稿時間を表示するようにしてみた。
1日に複数の投稿をする場合にはあった方がいいですし。
それと、右ペインのArchives欄には3ヶ月分+allしか表示されなかったのを99ヶ月分というように指定してみた。
月日が過ぎれば過ぎるほどだんだん長ーくなるはず。
RSSを知らないブラウザでRSS用XMLを開くと非常に見にくいので、RSS用に配信しているindex.xmlを検索から引っかからないようにしたいんだけど、どうすればいいのやら。
index.xmlにMETAタグのrobotって書き加えていいのだろうか。。。

しかし、こうやってサイトを構築するたびに、楽天のようにAjaxを使用してGUIで編集できるのは秀逸だなーと毎回感じます。
それでも、HTML+FTPツールの時代よりはmovabletypeみたいな優秀なツールがある今の方が遙かに楽ですけど。
HTMLなどのテンプレートを使用してサイトを構築する際と比較しても、cssを読み解く時間の短縮ができるますし、優秀なサーバを使えばFTPより楽に更新できたりと。
また、複数のページの動的な更新が出来る点も楽。
この作業が終わり、しばらく様子を見て問題が無いようだったらXREAサーバに移動します、たぶん。
ただ、なぜか登録画面で止まって進めないけどｗ

めちゃくちゃ生活リズムが狂ってる気がするxrosscrowです。
まぁいいけど。

サイトのデザインを変更してみました。
前から変えたかったので。
それに横幅も狭すぎたからのでそれも修正。
そっちはcssをいじるだけでいいんだけど、今度のテンプレートに付属しているcssファイルは非常に編集しやすかった。

/*======================================

1-2. Font size setting

=======================================*/

こんな感じにうまくコメントを目立たせているだけでも、使う側にとっては非常にありがたいです。
「○○.cssの××行目を?」というようなreadmeなんかを添付してあるものよりは。
あとはCSSの微調整かな。
アクセス解析のタグもまだ仕込んでないし。

どうもland.toサーバは微妙なので、ちょっと模索みたのですが・・・。
やっぱりXREAかなーなんて考えてるんだけど、現在無料サーバの募集が行われていないので、断念しました。
XREAっていっつも募集が始まったと思ったら、定員に達していて申し込めないのよねー･･･といっても、やっぱりもうちょっとマシにしたい。
XREA+という有料サービスに申し込むと、いつでもサーバを登録出来るようなので、
1ヶ月だけ申し込んで、そのあとは無料で使おうと計画中。
それなら400円の出費だけで済むし。

ちょっと本気になって、XREAのサーバをチェック。

・Linux Apache Intel系CPU
　最近のサーバだとC2D T7200
・容量50MB
・Perl(Version5.6 / 5.8)、Ruby、Python、C/C++、PHP3/4
・MySQL、PostgreSQL
・POPメールと転送メールつき。
・MovableTypeやXOOPSのインストールドキュメントっぽいモノ付き。

・無駄なほどの容量(2GB)
・腐ってしまうほどのメールアカウント（POP・Webメール・転送が100個）
・テスト用を含めても十分なSQL(5個まで)
・そこそこ安全である冗長性(RAID1、RAID5)

その後、なぜかCEHTTPのインストールを開始。
自前サーバのテストをしてみようと思ったのだけど、さすがにVista（←未だにRC版ｗ）に入れる気がしない。
というわけでW-ZERO3を生け贄に。

cabファイルをクリック
　↓
インストール完了
　↓
起動してみる
　↓
動作せず

どうやらレジストリやシステムファイルが汚れすぎているため、どっかおかしくなっている模様。
再起動しても挙動がおかしいことがおおくなったとは思ってたけど、ソフトが起動できなくなるレベルになるとちょっと致命的・・・。
QDzというアドレス帳ソフトも起動できないし。
WindowsMobile5というWindowsを名乗ったOSだけあって、ダメな点はやっぱり同じなんだよね・・・(´･ω･`)

気が向いたら今度はApacheCEとParlCEでも試してみようかしら。
というわけで、いったん模索終了・・・。

さっき車で1.5時間ほど離れた親戚の家から帰ってきたのですが、
サイト構築でちょいとしたミスを発見。

こちらのアクセスログ解析を組み込んだはずだったのですが、
ちゃんと記録されていませんでした・・・（汗
時間が無かったため、やっつけ仕事で記事に直接コピペをするとき、タグが切れていた模様。
とりあえず、先ほどMovableTypeのサイトテンプレートの、
メインページ エントリー・アーカイブ カテゴリー・アーカイブ 日付アーカイブ
へ直接タグを挿入して、解決。

ただ、気になるのがATOMやRSS 2.0などのRSSリーダ用のXMLファイルにタグを挿入していいのかどうか、もしくは不要なのか。
XMLは未開なうえに、自分でタグを定義できるという程度にしか知らないので・・・。

まぁ、ゆっくりと調べてみます。