Home > 雑談 Archive

雑談 Archive

サーバの引越し。xreaからcoreserverへ。

 最近xreaも枯れてきたのか、落ちたり重くなったりする回数が減ってサーバの乗換えを検討することすらなくなってきていたのだけれど、友人と共同でサーバを借りる案件が出てきたので早速お試し。以前からxreaの上位サービスcoreserverが気になっていたので、申し込んでみた。

 coreserverはコンパネもxreaと似たような感じで、何よりドメインをvalu-domainで管理していることもあって使い勝手自体はほとんど変わらない。ネームサーバも一緒だし。ファイルの移動はあっさり終わって、ドメインの振り分けもなんと言うことも無く完了。ただ一つ引っかかりそうだったのが、ブログのデータを格納しているDBの移行。

 なぜかというと、xreaのSQLはバージョン4.0だったのに対し、coreserveのSQLは5.0で、普通にdumpファイルで保存→復元すると文字化けする可能性が極めて高く、そしてそれは僕の場合もそうだった。色々調べてほとほと困り果てていたら、こんな記事を見つけて万事解決。2008年2月9日現在、本館の移動は終了して新サーバで動いてます。うーん、やはりネームサーバの移動が無いというのは楽チンだな。

wordpressに惹かれ…

 wordpressが流行っているというのは風の噂に聞いていたのだけれど、まあ軽く左へ受け流していた訳ですよ。で、ちょっと時間が出来たのでかるーい気持ちでインストールしてみたらと、これがなかなか面白そう。個人的な好みである動的生成のツールだし、何より一番気に入ったのが、ページ生成という、エントリ以外のページを作成・管理出来る所。

 ツール本体の構成は比較的質素だと思うけれど、ユーザの多さを反映してか、プラグインの数はその全貌を把握しようとするだけで気持ち悪くなるくらい豊富にあるし、テーマファイルの配布も驚くほど。

blognは、個人的に長く使っている事もあって、とても扱いやすいツールなので当面使い続けていく積もりだけれども、ちょっとwordpressに惹かれてもいます。二つブログやっているんだから、片方は置き換えても良いかな。まずはテンプレートの解析から始めてみます。

strictな掲示板を作りたい。

 何度もしつこく書いている通り、僕はかなりのvalid厨です。<br>タグも大嫌いで、出来る限り使いたくないと常々思っております。理由は様々ありますが、lintでお叱りを受けるのもその要因の一つであるし、Rusicaさんも言及されている通り、物理要素っぽい感じがどうも嫌なんですよね。とか言いながらつい最近まで<hr>要素を頻繁に使っていたんですけどね。今はもう使いません。

 とまあ、自分でサイトを作る時にはこの感覚をせいぜい反映させ、せこせことHTMLを書いていくわけですが、CGIなどのツールを使いたくなった時にちょっと問題が出てきてしまいます。ブログツールは必死に勉強して、何とかvalidなHTMLを吐き出してくれる様になりましたが、ここ最近何となく掲示板を作りたいなー、なんて考えていて、なかなか良いツールを探し出せなくて鬱々としてました。何故今更掲示板を、という突っ込みはさておき。

 で、発見しました。かなり希望に近いツール。Hiro Konda's Webさんが配布されている「YY-BOARD XHTML Customize Edition」というもの。元々、CGIツール作成の老舗KENTwebさんで配布されていた「YY-BOARD」を改造の上再配布されているもので、HTMLとスタイルの完全分離が果たされています。StrictなHTMLを目指す上で、そして僕の嗜好を満たす上で、避けて通れない<br>タグの羅列を無くすという部分も、見事に実現されている素晴らしいスクリプトです(簡単に言えば、書き込みにある連続する改行を、パラグラフへ変換してくれる)。

 デザインも構造もシンプルでかなり好みですし、デザインをサイトに見合う用に手を入れて使ってみようと考えております。別に掲示板で議論を繰り返したいという意図は全くありませんが、設置してみようと考えてから随分長い間スクリプトを探す長い旅路に出ていたので、意固地になっているだけです。

ひっそりとブログをアップデート。ちょこっとだけ。

 ようやく色々一段落して、精神的に少しだけ余裕が出てきたので、サイトいじりにちょこっとだけ復帰。ウラワマニアのブックマークページでは、del.icio.usへブックマークしているものをRSSで引っ張ってきて表示させていて、その表示にはMagpie RSSを利用している。使い始めた当初はなんの問題も無かったのだけれど、いつからか文字化けする様になってしまっていた。気づいてはいたのだけれども、時間がないのと面倒くさいのと、なによりこのページ自体、完全に自分用としてしか存在意義が無かったものだからしばらくの間放っておいた。

 で、久しぶりにMagpie RSSでググってみると、どうやら新しいバージョンが出ていて結構使いやすそうなコメントが見つかったので、早速ダウンロード。文字コードの指定だけ直してアップロードしたら、あっさりと文字化けは解消。さらにtime stampが使いやすくなっていたので、トップページに表示している自サイトの最新エントリにも日時を表示させてみた。

 あと、urawamaniac.comにはfaviconを置いてあって、taidaya.netドメインには置いてなかったから、自らのアイデンティティである“鉄分”を表現するために、東海道新幹線0系のfaviconを作ってみた。何だその大それた表現は。faviconの変換サイトを探していて知ったんだけど、faviconて英語圏では「ふぁぶ・あいこん」と読むのね。知らなかった。ずっと「ふぁびこん」って読んでた。まあ、日本語圏ではそう読むのが普通みたいだけれども。

正しくHTMLを書こうと心がけている人に5つの質問

Rusicaさんの所で5つの質問が出ていたから答えてみた。

HTML文書を制作する際に使用しているプログラムをお答えください。(Webプログラムも含む)
基本はTeraPadのみで手打ち。
採用しているDTDとその理由をお答えください。
XHTML Strict:何となく格好良いから。そしてStrictじゃないと自分が納得出来ないから。あくまでも、自分が。
何故正しくHTMLを書いているのですか?
まず正しく書けているかどうかはおいとくとして。そうしたい理由は、ソースを見たときに自分だけが感じる気持ちよさを追い求めているから。かな。
W3CとWHATWG、どちらに期待してますか?
正直、WHATWGが何だか良く判らないのでW3C(違
あなたにとってHTMLとは何ですか?
うーん、自分が書きたい事などをウエブで表現するために、必要となる言語かな。大事っす。

お粗末様でした。

あらら。

 川崎のサイトがリニューアルされているけど、これがちょっとやばいくらい凄く良くできてるじゃない。富士通の面目躍如かしらん。浦和も期待してたんだけどなぁ。

Jリーグ各クラブのサイトを、another-html-lintで調べてみた。

 浦和が開幕戦であたる、横浜FCのサイトを眺めていたら結構小綺麗に作られているなと感じ、いつもの様にソースを覗いてみるとあらら良くできているじゃない。と言うわけで、J1クラブの全部lintにかけてみた。

クラブ別比較
クラブ名DOCTYPE点数コメント
浦和レッズHTML4.01 Frameset-184デザイン自体も古いタイプのテーブルレイアウトで、フォントタグもバリバリ。
川崎フロンターレHTML4.01 Transitional-184意味不明のタグが存在する(恐らくGoliveの吐き出すもの)。CSSでレイアウトを行っているが、兎に角ソースが長すぎる。JSやCSSを外部ファイルにして欲しい。
ガンバ大阪HTML4.01 Transitional -155古いタイプのテーブルレイアウト。DOCTYPEと符合しない空要素タグの閉じ方。
清水エスパルスHTML4.01 Transitionalなし-401フレームを使っているのにDOCTYPEがFramesetではない。Noframesタグが存在しない。
ジュビロ磐田HTML4.01 Transitional -129閉じタグがDOCTYPEにまったく符合しない。見た目依存のテーブルレイアウト。
鹿島アントラーズHTML4.01 Transitional 74点数は低くないものの、これまたテーブルレイアウトで、マークアップはなされていないも同然。
名古屋グランパスエイトHTML4.01 Transitionalなし-219フレームを使っているのにDOCTYPEがFramesetではない。
大分トリニータHTML4.01 Transitionalなし-114特に変わらず、古いタイプのテーブルレイアウト。
横浜FマリノスHTML4.01 Transitional -573まったく古いタイプの、テーブルレイアウト。スクリプトのエラーが多すぎていやになる。
サンフレッチェ広島HTML4.01 Transitional -102テーブルとCSSのハイブリッドレイアウト。ここにきて初めてhタグに出会う。嬉しいww
ジェフユナイテッド千葉・市原HTML4.01 Transitionalなし-347フレームを使っているのにDOCYPEがFramesetではない。
大宮アルディージャXHTML1.0 Transitional -39遂にXHTMLキター!こちらもハイブリッドで、リストタグ使ったり努力のあとは見られる。でもタグの入れ子関係が間違ってたりする…
FC東京HTML4.01 Transitional -149古いタイプのテーブルレイアウト。つーか実体参照くらい覚えろっつーの。
アルビレックス新潟HTML4.01 Transitional -395フレームを使っているのにDOCTYPEがFramesetではない。
ヴァンフォーレ甲府XHTML1.0 Transitional 83比較的綺麗なソース。定義タグの使いどころも悪くない。ただ、フロートのクリアに空タグを使ってるのが何とも。あと、hタグを使って欲しい…
横浜FCXHTML1.0 Strict -24遂にStrictキター!ソースも綺麗。マークアップも比較的きちんとなされている。
柏レイソルHTML4.01 Transitionalなし-37古いタイプのテーブルレイアウト。
ヴィッセル神戸HTML4.01 Transitional -85古いタイプのテーブルレイアウト。

はぁ、まあこれが現実ですわな。横浜FCを除いた他のクラブは、大半が未だテーブルレイアウトで(テーブルレイアウト自体がそれだけで悪いっつー訳じゃありませんよ)、マークアップがきちんとなされていない…。横浜FCは点数こそ低いものの、これはDOCTYPEをstrictとしながらtarget属性を沢山使っているからで、これを止めれば相当高得点になる筈。

というか、見出しタグくらい使いましょうよ。HTMLなんですから。浦和のサイトも酷いなぁ…

追記:改めて調べ直したら、DOCTYPE宣言のないサイトが5つもあった(汗

MYSQLが重かったので手直し。

 この2週間くらい、自分の借りているサーバで動かしてるMysqlが重たくて仕方ないなと思っていて、特に深夜になると落ちてしまう事が度々あった。その際、phpmyadminに表示されるエラーメッセージは'max_user_connections'で、要はDBにアクセスするプロセスが多すぎて、最大接続数に達してしまい接続が拒否されるという症状が出ているという訳。何でだろうと色々考えた結果、恐らくトップページなどで二つのブログのRSSを表示させているのが原因だろうと推測するに至った。

 xreaではデータベースを1アカウントにつき5つまで作る事が出来る。しかしながら面倒くさがりの僕は、一つのデータベースに二つのブログを放り込んで使っていた。その時点では大きな問題は無かったのだけれど、そこへそこそこアクセスの多いウラワマニアの方でRSSを表示させたがために、DBへのアクセスが頻発していたのではないかなと。

 そこで、新しいDBを作成してこの本館のデータをそっちへ移行した。するとどうでしょう、あからさまにアクセスが快適になって、今のところsqlは快調に動いている。というか、今までより全然反応が良くなった気がする。なんだよ、こんな事なら最初からそうしておけばよかった。ホント、毎度毎度の事でいやになるのだけれど、最初に面倒くさがって後回しにした事は、結局全部自分にしっぺ返しとなって返ってくるんだよなぁ。ま、これが自分らしさだから仕方ないのだけどw

 さらに、ログデータを移す時に失敗をしてしまって、記事のURIが狂ってしまった。つー事は、サーチエンジンのキャッシュも全てご破算w。ひっそりとやっているブログだからどうってことないんだけど。深夜から今日の午前中に掛けて色々作業してたので、もしかしたら閲覧に支障が出たかも知れませんがそのへんはご容赦を。多分、今後は多少なりとも快適になる、といいなぁ。

メイリオ入れてみた。

 先月末にwindows『Vista』が発売になった。自前のPCにこのOSが載るのはまだ当分先の事になるだろうけれど、遅まきながら今のマシンにフォントだけ入れてみた。特にデスクトップを遮二無二改造してやろうとかそんな気持ちは無いから、取り敢えず某所からダウンロードしてきた“メイリオ・バージョン0.99”をフォントフォルダへ放り込んだだけだった。

 それを忘れた状態でブラウジングしていると、いきなりアンチエイリアスが掛かったサイトに出くわし、ああそうか、既にfont-familyにメイリオを設定している人もいるという事がわかった。まあ、当たり前っちゃー当たり前の事なんだけどね。新しいOSは既に商品として出荷されている訳だし。んで、幾つか見て回ったメイリオで表示されるサイトは、それぞれとても綺麗に表示されていて、個人的にもかなり好みのスタイルだったから、いそいそとこのサイトのスタイルシートにも手を加えた。

メイリオを適用すると、こんな感じ↓

【画像】メイリオ適用

因みに、safariTestでキャプチャした、safariでの見え方はこんな感じ↓

【画像】因みにサファリ。

 おお、素晴らしい! windowsでもこんなに綺麗に文字が見られるとは! おじさんちょっと感動です。ただ、システムフォントを弄ったりするのはちょっと面倒くさいし、逆にこうして少しでも綺麗なフォントを体感してしまうと、余計にMacへ対する思いは強くなり…。ネタフルさんの『「Parallels Desktop for Mac」のCoherenceモード最強!』というエントリは驚愕の一言で、もうこれを見てからは欲の塊。恐らく、僕の家にVistaが来るのは、Intel Macに乗ってだろうな。

 大蔵省(古っ!)から認可を得るのに何年かかるかは判らないけど。

トップページにRSSを表示させたりしてみた。

 そう言えば、"urawamaniac.com"のドメインのトップディレクトリは、この2年くらいずっとほったらかしになっていて別段それに何のアレも無かったんだけど、この前久しぶりにソースを見てみたらこれがまた見事なまでのテーブルレイアウトで、昔自分で作った筈なのにちょっとばかし驚いてしまった。当然strictでも何でもなく、たった67行という短いソースコードなのにエラーだらけ。当時Dreamweaver4で一生懸命作ったページだけど、どうにも嫌になってしまい作り直すことにした。作り直すと言っても、とても簡素なものだけれども。で、ついでにちょっとだけ動的な要素を加える事に。

 とは言うものの大した事が出来る筈もなく、以前ネットを徘徊して知っていたMagpieRSSを導入し、運用している二つのブログのタイトル最新10件を表示させる様にしてみた。導入にあたっては既に超詳しく解説して下さっているサイトが幾つもあるのでそれらを参考にして、さし当たりここではサイトのタイトルとURLだけを持ってこられれば良かったのでそれほど難しい事は無かった。以下、弊サイトで使っているコードを。

items as $item ) {$title = $item[title];$title = mb_convert_encoding($title, "UTF-8", "auto");$url   = $item[link];echo "<li><a href=\"$url\">$title</a></li>\n";}echo "</ul>\n";?>

こんな感じ。URLの部分を入れ替えれば、違うサイトを表示出来る。

 MagpieRSSをダウンロードしてきて解凍し、読み込むファイル(ここではindex.php)と同じディレクトリへアップロード。その後、読み込む側のファイルに上のコードを貼り付ければあら不思議。とっても簡単に外部RSSが表示できましたとさ。因みにこれはトップディレクトリのindexだけでなく、blognplusで運営しているウラワマニアのトップページにも設置してある。「本館の最近のエントリ」という部分がそれで、こちらはblognplus自体がPHPで作られているからなのか、そのままコードを貼り付けるとエラーを起こす(理由はようわかりません)ので、RSSを引っ張ってくる部分を外部ファイルにして、blognplus独自タグのINCLUDEで呼び出している。

 これでRSSの呼び出しは完成。念願叶ってトップページにRSSを表示する事が出来るようになった。ホントは、概要を表示させたりとか色々やりたいし、トップページの作りもシンプルに過ぎるかなと思っているので、おいおい適宜弄っていきたいなと考えたりしている。

※参考リンク
MagpieRSS - PHP で使える RSS パーサー。
nJOY BLOG::MagpieRSS を応用すると色々出来る

リニューアルオープン

 という訳で、浦和鉄研はリニューアルされ、怠惰屋本舗本館として生まれ変わりました。ってそんなにご大層なものでも無いですが。呆れるほど低い更新頻度でブログの体を為していなかった今までの惨状を鑑み、折角独自ドメインを運用しているのだから放っておくのも勿体ないかなという貧乏性が顔を出し、今後は色々個人的に気になる事ならば何でも書いてやろうというスタンスで運用していこうと考えています。ちょっとばかしmixiにも飽きてきた部分もあるので。

 基本的に何でも知りたがって手を出し、結局どれも確固たる知識として身に付かないという悪癖がデフォルトの管理人なので、興味の対象だけは幅広くあります。最近熱中しているのは、ウエブアクセシビリティや正しい構造を持ったHTMLなどの小難しい話です。ネタがネタだけに、ウエブを検索すればそれはもう沢山の情報が落ちてはいるのですが、こちとらバリバリの文系で体系立った専門的知識が皆無の素人ですから、それらを参照しても理解するのに莫大な時間が掛かります。かといって興味はあるから始末に負えず、深夜まで延々モニターと睨めっこする時間が日に日に増えて困ります。

 しかも、記憶中枢に問題を抱えているのか、折角莫大な時間を使って理解した事柄でも数日経つと嘘のように忘れてしまっていたりする事が多々あって「嗚呼、あの時間の積み重ねは何処へ?」なんて事もざらにあるので、それならば理解した端から文系の自分でも分かる様に書き記しておけばよいかと考えるに至り、今後この場所はそうした事柄にも利用していこうかなと思ってます。今回のリニューアルでも、色んな所から情報を仕入れてリデザインしているのですが、それも忘却の彼方へと飛び去っていく時が刻々と近づいてきているので、早い内に何とかしないと。

 勿論、鉄研ネタも随時やります。随時、という表現が微妙ですが。今年とある鉄道関係の書籍にちょっとだけ関わり、必要に迫られて鉄道系の文献を読み漁ったりしたのですが、その際に改めて鉄道の持つ面白さや奥深さを再認識させられ、忘れていた知識が呼び起こされ、今までとはちょっとだけ違った視点で鉄道を見直す事が出来るようになりました。ま、ヲタの戯れ言であるのには変わりませんがね。

 とまあ、まったりとやっていきますので、よろしくお付き合い下さい。

Index of all entries

Home > 雑談 Archive

Search
Feeds

Return to page top