Lucky bag::blog: 2004年10月アーカイブ

月別アーカイブ 2004年10月

前後の月

Tigerの目玉Spotlight

この記事が属するカテゴリー: Mac

来年の3月31日にリリースとも言われている次期OS X Tigerの目玉はやはりSpotlightでしょう。メタデータでのファイル検索が可能になると言う機能。ウィンドウズの次期OS LongHornではWinFSにてメタデータベースのファイル管理を実現する予定でしたが、一歩先を越された形になったのでしょうか。

とは言っても、検索したいファイルにメタデータが付加されていなければ意味がありません。AdobeはExtensible Metadata Platform (XMP) という構想に基づき、Adobe製品で作成したファイルには全てメタデータが埋め込まれていますが、SpotlightではPhotoshopのみサポートを表明しています。

Spotlightがメタデータによる検索を行うデータ形式を調べてみたところ、jpeg、gif、tiff、png、mov、mp3、AAC、Wordデータ、Excelデータ、Photoshopデータ、その他アップルの純正ソフト関連などらしいです。今後もメタデータの重要性は高まっていくと思うので、ベンダの対応がSpotlightの成功を握っているのかもしれないですね。そして、将来僕の子供がコンピューターで検索をする時、対象がローカルストレージ上かネット上かなんて意識すらせずに探す時代になっているのでしょう。

2004-10-31T12:47:09+09:00 | コメント (0) | トラックバック (0) |

レッツノート

この記事が属するカテゴリー: PC

今までレッツノートY2（メモリ768M）のThemesを切って使用していたのですが、久しぶりにLUNAで立ち上げてみたら、あまりのモッサリ感にびっくりした。速攻で「ファイル名を指定して実行」→「services.msc」にてThemesを無効に。Themesを切った当初は、そこまで体感していなかったのですが、改めてLUNAの重さに閉口しました。そんな僕は今日も出社orz

2004-10-30T09:56:59+09:00 | コメント (0) | トラックバック (0) |

検索チェック

この記事が属するカテゴリー: web&blog

検索キーワードチェックツールSEO(SearchEngineOle)

あるキーワードで検索をかけて、そのサイトの順位（何番目に表示されるのか）を、googleやYSTなど複数の検索サイトについて一括で調べてくれる非常に便利なサイトです。SEOを意識したサイトリニューアル等を手がける時など、そのサイトの現状やサイト完成後の成果を調べる際に重宝しています。

2004-10-29T10:44:51+09:00 | コメント (0) | トラックバック (0) |

iPod Photo

この記事が属するカテゴリー: Mac

アップル、iPod Photoを発表

全てのミュージックライブラリとフォトライブラリをポケットの中に 2004年10月27日－アップルは本日、自分のミュージックライブラリとフォトライブラリの全てをどこにでも持って行くことができる、iPodファミリーの最新機種「iPod® Photo（アイポッドフォト）」を発表しました。

前々から噂のあったカラーiPodが発表されました。同じ40GBでも、高さ+0.1mm、幅+0.1mm、奥行き+1.5mmはしょうがないのでしょう。さて、どれくらいニーズがあるのかが気になります。とか言いつつ買っちゃったりして。。。

2004-10-27T16:17:01+09:00 | コメント (0) | トラックバック (1) |

phpMyAdminでMySQLバックアップ

この記事が属するカテゴリー: web&blog

当サイトはdbにMySQLを使用しています。BarkleyDBであれば、FTPでdbのディレクトリーごとローカルに落としてバックアップ出来るのですが、MySQLではそうも行きません。ロリポップのサーバーではphpMyAdminを使用してバックアップ出来るので、作業手順の覚え書きとして記しておきます。実はOgawa::Memorandaさんの「LolipopのMySQLデータベースを簡単バックアップするCGIスクリプト」と言う素晴らしい物も有るので、ご覧になってみてください。

ロリポップのユーザー専用ページより、「WEBツール>データベース作成>phpMyAdminを開く」を選択します。ログイン画面が表示されるので、Language:にMTで使用している言語・文字コードを選択するのですが、当サイトで使用しているUTF-8がなく、English(en-iso-885901)で進めることにしました。（Japaneseのeucやsjisを使用したら、エクスポートしたSQLファイルが文字化けしました）2005-01-13T17:00:25+09:00現在、phpMyAdminのバージョンが2.6.0になり、Japanese(ja-utf-8)が選択可能となっています。それでもSQLファイルが化けるようであれば、漢字コード指定再読込できるようなエディター（WinであればTeraPadとか）で開いて、UTF-8Nで再読込して保存すれば多分大丈夫だと思います。（自己責任でお願いします）

【追記】文字化けが起こるのは、ちょっと特殊な場合っぽいです。「ロリポップphpMyAdminバージョンアップ」のエントリーにて、(o)さんとのやり取りの中、判明しました。当サイトの場合、MTのサイト内検索にて半角スラッシュの入った語句を検索したデータがMTのログに残っていた為に、文字化けが発生していました。ログ消去にてあっけなく文字化けは解消しました。

エクスポートの作業手順

左フレームから使用しているデータベースを選択
Export（エクスポート）タブを選択
Select All（全選択）をクリック
Add 'drop table（'drop table'を追加）にチェック。
Complete inserts（完全なINSERT文の作成）にチェック
Save as file（ファイルに落とす）にチェック
Go（実行）ボタンを押して完了

インポートの作業手順

左フレームから使用しているデータベースを選択
SQLタブを選択
参照ボタンでローカルのSQLファイルを選択
Go（実行）ボタンを押して終了

2004-10-27T15:05:33+09:00 | コメント (10) | トラックバック (13) |

顧客支援

この記事が属するカテゴリー: Misc

クライアントのために何かをすることによって、実売に直結はしないけれども、実売に結びつける。「顧客支援」とはこれに尽きるのではないでしょうか。

ある仕事で、顧客支援に絡む構想があり、それをウェブでどう展開して行くか色々と悩んでいます。ネタとしてはとても興味深く、また面白そうなのでとてもやり甲斐があるのですが、クリアすべき問題が多々あり、またそれを継続的に運用していく為の方法も考えなければいけないので、少し時間が掛かりそうです。さて、どう料理しようか。。。

2004-10-26T11:04:52+09:00 | コメント (0) | トラックバック (0) |

moblogテンプレート修正

この記事が属するカテゴリー: CSS Movable Type

久しぶりにValidationチェックしてみたら、not Validateでした。確認してみると、moblogの画像にaltが無いのでエラーが出た模様。すでに投稿してしまったものは、エントリーから修正し、今後の事を考えて、moblog.uva.ne.jpのテンプレートを修正する事にした。また、CSSで写真に枠を作り、floatで回り込みの指定を行いました。

まずtemplateの修正から行う。（MTのテンプレではなく、moblog.uva.ne.jpのテンプレ）

<div class=\"caption\">%(caption)s</div>\n<div class=\"photo\">%(imagecontent)s</div>

となっていたのを、キャプションが写真の下に来るよう様に修正し、キャプションを段落に設定。

<div class=\"photo\">%(imagecontent)s</div>\n<p class=\"caption\">%(caption)s</p>

次にimage templateを修正

<img src=\"%(imageurl)s\ />

となっていたのを、画像の高さと幅は固定なので下記の様に指定し、altを入れる。

<img src=\"%(imageurl)s\" width=\"120\" height=\"160\" alt=\"Moblog Photo\" />

次に、回り込みと写真に枠を付けるCSSは下記の通り。立体的に見せるために、ボーダーにoutsetを使うのがポイント。

.photo {
                text-align: left;
                margin-bottom: 20px;
                margin-right: 10px;
                float: left;
                border: 1px outset #999999;
                padding: 5px 5px 15px 5px; 
                background-color: #F7FFF3;
}

回り込みの解除は、エントリー投稿情報（投稿者や時間）のclass「.content p.posted 」に「clear: left;」を追加して終了。

今後もnot validにならないよう、エントリー投稿時に気を付けないといけないですね。他のサイトさんでも、validの表記をされていても、確認してみるとたまにvalidでなかったりします。自分も含めてそうですが、validであることを認めてもらって安心してしまうんですね。validであることを明記するということは、常に意識していなければいけない、戒めみたいな物かもしれません。

2004-10-25T10:42:22+09:00 | コメント (0) | トラックバック (1) |

焼き肉

この記事が属するカテゴリー: moblog

うほっ、今晩は焼き肉っす♪

2004-10-23T20:23:58+09:00 | コメント (2) | トラックバック (0) |

iPodのCM

この記事が属するカテゴリー: Misc

新しいiPodのCMにU2が出演されるのですが、これが昨日の目覚ましテレビで紹介されてちょっと驚いた。それだけ、iPodの認知度が高いと言うことなのでしょう。やっぱ、U2かっこいいっす。「ゴー・ホーム～ライヴ・フロム・スレイン・キャッスル」のDVDなんか、ほんと鳥肌もんでしたからね。あとは、早く日本でiTunes Music Storeが開始されることを切に願います。ちなみに、某ウーロン茶のiPodプレゼントキャンペーン、見事に玉砕しましたorz

2004-10-22T11:11:06+09:00 | コメント (0) | トラックバック (0) |

ボックスモデルハック

この記事が属するカテゴリー: CSS

今更ですが、ボックスモデルハックって何？って言うCSS初心者の方へ。（偉そうですが、僕も全然です；）
voice-familyハックを利用したBox Model HackをCSS Dencitieにて翻訳されていますので、ご覧になってみてはいかがでしょうか。基本的なハックですが、IE5.5などをキャッチアップできるので、使えれば重宝すると思います。ここでは、簡単に説明してみます。

例えば、ここに以下の様なブロックがあるとします。

div {
     width: 500px;
     padding: 10px;
     border: 5px;
}

OperaやIE6・NN6以上などのモダンブラウザであれば、ちゃんと500pxの幅で表示されるはずなのですが、CSS1を間違った解釈で表示するブラウザ（IE5.x）の場合、width500pxからpaddingとborderを引いた470pxと表示してしまいます。（500px-20px-10px=470px）

そこで、間違った解釈をするブラウザでも、500pxの幅を表示させるには、以下を追加・修正します。

div {
     width: 530px;
     padding: 10px;
     border: 5px;
     voice-family: "\"}\"";
     voice-family:inherit;
     width: 500px;
}

まず、IE5.x用にpaddingとborderを足した幅を設定します。その後に、音声読み上げ用のプロパティvoice-familyを使ったハックをおこないます。モダンブラウザであれば\の直後の文字はエスケープされてしまうので、voice-family: "}";と意味不明な解釈（本来はmale、female、childなど）をし、その次のvoice-family:inherit;（前の値を継承）という指示で上書き、その後500pxと指定するのです。しかし、IE5.xは\でのエスケープが行われず、voice-family: "\"}の括弧で閉じて終了してしまいます。IE5.xではそれ以降が読み込まれず、IE5.xでは530px、モダンブラウザでは500pxで表示され、結果同じ幅になるという仕組みです。

2004-10-21T15:13:29+09:00 | コメント (0) | トラックバック (0) |

米YahooもCSSでレイアウト

この記事が属するカテゴリー: News

いつの間にか、米Yahooもテーブルレイアウトではなく、CSSでレイアウトしていますね。様々な環境の人が閲覧するであろうポータルサイトでもCSSデザインへの移行が進んでいるんですね。

2004-10-20T19:20:25+09:00 | コメント (0) | トラックバック (1) |

セマンティックウェブ

この記事が属するカテゴリー: web&blog

セマンティックウェブという言葉を目にすることが多くなってきました。セマンティックの日本語訳は「意味論的な～」なのですが、意味論を辞書で調べてみると下記の意味があります。

〔semantics〕

(1)〔言〕言語の意味現象を研究する分野。意味の本質探究、意味構造の分析、意味変化の原因・類型の分析などを行う。意義学。

(2)〔論〕記号論の一分科。記号とそれが指し示す対象や事態との間の関係を取り扱う。特に論理学では、記号の解釈と真理概念を扱う分野を指す。

なんだか、余計に解りづらくなってしまいましたね。セマンティックウェブを提唱されているのは、W3Cを運営しているティム・バーナーズ＝リー氏なのですが、つまりウェブ上の情報一つ一つにコンピュータが理解できるような意味を持たせ、人を介さずともコンピュータ（機械）自身が情報の収集や判断などを行えるようにしようと言うことらしいです。機械が理解できる情報とはxmlなどのメタデータが当てはまるのでしょう。しかし、スキームを作る側の人間が協力し合わなければ、絵に描いた餅です。これは、技術に対しての利権や特許問題などが絡むので難しいのでしょうか。

一般的なウェブ制作でも、テーブルレイアウトからCSSポジショニングによるレイアウトへと、構造とデザインの分離が主流になってきています。これはセマンティックウェブへの一つの入り口だと思うのですが、企業サイトなどに関してはまだまだテーブルレイアウトが根強いです。これは、不特定多数の顧客がウェブサイトを見る上で、様々なOS、ブラウザなどを考慮し、レイアウトが崩れないように作成しなければいけないからです。現状でもネガティブマージンやボックスモデルハックなどの各種CSSハックを駆使すれば、テーブルを使わずとも実現できます。現に欧米では、企業サイトもテーブルレイアウトからの脱却が多く見受けられます。余談ですが、Stopdesignの「Throwing Tables Out the Window」をMinuteDesignさんが「テーブルは窓から投げ捨てろ」で和訳されているので、興味がある方はご覧になってみてください。

しかし、個人的にはこういう技を使わなければならない事に違和感が無いわけでもありません。少なくとも、ブラウザごとのCSSの解釈は統一して欲しいと思います。その上で、UIの嗜好、使いやすさや、便利なオプションなどからユーザが自分の好みのブラウザを選択出来るような状況になれば良いなと思っています。なんだか途中からIEに対しての単なる愚痴になってしまいましたね。と言うわけでみなさん、Get Firefox！（おいおい…

2004-10-20T12:35:48+09:00 | コメント (0) | トラックバック (0) |

コメント欄のメアドを非表示にする

この記事が属するカテゴリー: Movable Type

当サイトでは、ウェブログの設定>コメントの設定にて、未登録者からのコメントに対しては名前とメールアドレスを必須にしています。デフォルトではコメント投稿時にURLが入力されれば、名前がURLへのリンクとなりますが、URLを入力しなかった場合は、名前がメールアドレスへのリンクになってしまいます。これでは、メアドの収集などの標的になってしまう危険があるので、メールアドレスを非表示に設定する方法を忘れないうちに記しておきます。

Individual Entry Archiveを開き、下記の部分を探します。（ソースは表示上の理由で改行しています）

<MTComments>
<div id="c<$MTCommentID$>">
<$MTCommentBody$>
</div>
<p class="posted">投稿者 <$MTCommentAuthorLink spam_protect="1"$>
 <MTCommentAuthorIdentity> : <$MTCommentDate$></p>
</MTComments>

青字の部分を追加します。

<MTComments>
<div id="c<$MTCommentID$>">
<$MTCommentBody$>
</div>
<p class="posted">投稿者 <$MTCommentAuthorLink spam_protect="1" show_email="0"$>
 <MTCommentAuthorIdentity> : <$MTCommentDate$></p>
</MTComments>

spam_protect="1"はスパム対策のために hoge@hoge.com のときは hoge@hoge.comと変換してくれるものなので、show_email="0"と設定すると不要になるのですが、残しておいても特に問題は無いなので、お好みで削除してください。

これでコメント投稿時にURLが入力されれば、名前がそのURLへのリンクとなり、入力されていない場合には、リンクなしで名前が表示されます。同様に「コメント・リストのテンプレート」「コメント・プレビューのテンプレート」を修正します。

ついでにメールアドレスが表示されない旨をIndividual Entry Archiveの下記部分に追加しました。（ソースは表示上の理由で改行しています）

<script language="javascript" type="text/javascript">
<!--
if (commenter_name) {
    document.write('サイン・インを確認しました、', commenter_name, '. さん。コメントしてください。
 (<a href="<$MTCGIPath$><$MTCommentScript$>
?__mode=handle_sign_in&static=1&entry_id=<$MTEntryID$>&logout=1">サイン・アウト</a>)');
} else {
    document.write('TypeKey ID を使って <a href="<$MTSignOnURL$>
&v=1.1&<MTIfNeedEmail>need_email=1&</MTIfNeedEmail>t=<MTTypeKeyToken>
&_return=<$MTCGIPath$><MTCommentScript>%3f__mode=handle_sign_in%26static
=1%26entry_id=<$MTEntryID$>"> サイン・イン</a> してください。
TypeKey IDをお持ちでなくてもコメント出来ます。<br />名前とメールアドレスは必須となっておりますが、
メールアドレスは公開されません。');
}
// -->
</script>

2004-10-19T10:26:06+09:00 | コメント (0) | トラックバック (4) |

テンプレートに関しての覚え書き

この記事が属するカテゴリー: Movable Type

デフォルトのMT3.01の各テンプレートが何に関連しているかを、カスタマイズの際の覚え書きとして記しておきます。

Atom Index: atom.xmlのためのテンプレート。
Main Index: その名の通り、メインページのテンプレート。出力ファイルは、index.html。
Master Archive Index: アーカイブに関してのテンプレート。出力ファイルはarchives.html。
RSD: rsd.xmlのためのテンプレート。
RSS 1.0 Index: index.rdfのためのテンプレート。
RSS 2.0 Index: index.xmlのためのテンプレート。
Stylesheet: サイトデザインの為のCSSを変更するためのテンプレート。出力ファイルはstyles-site.css。
Category Archive: カテゴリー単位でエントリーを表示するページのテンプレート
Date-Based Archive: 月単位でエントリーを表示するページのテンプレート
Individual Entry Archive: 個別エントリーのためのテンプレート
コメント・リストのテンプレート: ポップアップウィンドウでコメントを表示する設定時のテンプレート
コメント・プレビューのテンプレート: コメントを確認する時に表示させるためのテンプレート（デフォルトはポップアップではないのでこちら）
コメント・エラーのテンプレート: コメント投稿時にエラーがあった場合（名前やメアド未入力など）に表示されるページのテンプレート
コメント・保留のテンプレート: 管理者がコメントの事前確認をする設定にしている場合に表示されるページのテンプレート
トラックバック・リストのテンプレート: トラックバックpingを一覧表示するポップアップ・ウィンドウのためのテンプレート
画像のポップアップウィンドウのテンプレート: エントリに画像をアップロードする際に、ポップアップ表示を選択した場合のテンプレート

その他として、サイト内検索の検索結果ページは、mt/search_templates内のdefault.tmplで定義されています。

2004-10-18T11:00:36+09:00 | コメント (0) | トラックバック (0) |

RSSについて調べてみる

この記事が属するカテゴリー: web&blog

RSSとは、 Headline-ReaderなどのRSSリーダーでサイトのタイトルやサマリー（概要）を読み込むための規格。ちなみに次期OSX10.4（Tiger）ではSafari RSSでRSSを取り込めます。また、Fierfox1.0ではライブブックマークで読み込めます。小林Scrap Bookさんの「RSSとは」などを参考にさせて頂き、RSSに関してちょっと調べてみました。

1999年Netscapeが自社ポータルサイトのタイトルを配信（当時はpush型と言われた）するためにRDF（情報のための規格。そもそもはAppleが開発したMCFをNetscapeが買い取りxmlベースに改良したものらしい）をベースとしたバージョン0.9（RDF Site Summary）を開発、RDFは基本的にタイトルのみのため、その後RDFベースではなく、独自のxml規格でサマリーや更新日付・著作権等も含んだ0.91（Rich Site Summary）が開発されます。

その後Netscapeは手を引きますが、weblogの広まりなどでRSSの必要性が高まったため、引き継いだRSS-DEVワーキンググループが、再度0.9（RDF Site Summary）を元にRDFベースでタイトル以外のサマリーはモジュールとして追加する仕様の1.0（RDF Site Summary）を開発しますが、RDFは色々と複雑らしく0.91（Rich Site Summary）の後継を望む人たちが0.92（Really simple Syndication）や2.0（Really simple Syndication）を開発し、1.0と0.9X-2.0が混在することになってしまいました。

この状況を打破するために、新たな統一フォーマットとしてAtomが作られました。Atomは、自由に拡張可能なシンプルな仕組みで、どうやらサイトサマリーを配信するのではなく、コンテンツ自体を配信するものらしく、現在ではグーグルやMy Yahoo!もAtomを採用しております。また、最近では、RSSとAtomを統合する提案もされているそうです。

詳しいことを知りたい方はThe Web KANZAKIさんのサイトをご覧になってみてください。かなりディープですが。。。

2004-10-16T11:43:47+09:00 | コメント (0) | トラックバック (1) |

あなたは大丈夫？

この記事が属するカテゴリー: PC

窓の杜 - 【NEWS】Windows XP SP2で10月版修正プログラムのインストールが失敗した際の解決法
マイクロソフト（株）は13日、Windows XP SP2（以下、XP SP2）で10月版のセキュリティ修正プログラムが正常に適用できない場合があることを発表した。

XP SP2の自動更新ではプログラムを適用する際に、再起動を要するプログラムの場合には自動的に再起動するオプションが用意されています。しかし、今回の10月版修正プログラムを適用する時にこの機能を利用するとインストールが途中で停止してしまう場合があるそうです。この際、手動で再起動すると、インストールが失敗しているために、最悪OSが起動できなくなってしまうらしい。そうなってしまったら、回復コンソールから復帰するしか無いのですが、プリインストールのPCの場合には、インストールCDがなかったりするので、最悪ですね。自分の場合は、Windows Updateからインストールしたので大丈夫だったのですが、普通の人（パソコンに詳しくない人）がこのアクシデントに見舞われたら悲惨です。Microsoft、大丈夫か？！

2004-10-15T12:50:13+09:00 | コメント (0) | トラックバック (0) |

CSSで文字を画像に差し換え

この記事が属するカテゴリー: CSS

<h1>タグにサイト名を入れて、見栄えを良くするために、そこにロゴ画像などを使いたい場合に重宝する技。このサイトの上部ヘッダのサイト名もテキストでLucky-bag::blogと打ってますが、同じようなやり方を使っています。

サンプルとして右カラムの下にあるMTのバナー（この部分は別にテキストではなく、そのままバナー画像を使っても良いのですが、あくまでサンプルとして）でやってみます。

該当部分のhtmlソースとスタイルシート適用前の状態は下記の通り

<div id="powered">
<dl>
<dt>powered by</dt>
<dd><a href="http://www.movabletype.org" title="Movable Type <$MTVersion$>">
Movable Type <$MTVersion$></a></dd> 
</dl>
</div>

「Movable Type 3.01D-ja」の部分をバナーのgif画像に換えるCSSと適用後の状態（元のバナー画像に戻すかもしれないので貼っておきます）は下記のとおり

#powered {
                font-family: Verdana, Arial, sans-serif;
                font-size: x-small;
                margin-top: 50px;
}
#powered dd {
                margin: 0;
}
#powered a {
                background-image: url(img/powered.gif);←--------背景画像に指定し、センターに配置
                background-repeat: no-repeat;
                background-position: center center;
                width: 137px;←--------横と縦の幅は画像サイズに合わせて
                height: 32px;
                display: block;←--------ブロック化する
                text-indent: -9999px;←--------インデントで元の文字を飛ばす
                text-decoration: none;←--------ここは各自のCSSの設定によっていらないかもしれません
}

以上で完了です。今更ながらバナー部分をサンプルとしたのは、あまり適切でなかったかも知れないですね。ちなみに、このサイトのヘッダ部は、#bannerの背景画像にサイト名とサイト説明を合成していますので、~~サイト説明は、「display:none;」で文字を非表示にしています。~~サイト名はホームへのリンクとなっていますので、「display:none;」にするとリンクも非表示になってしまうのでインデントで飛ばしています。同様にサイト説明もインデントで飛ばしています。使いどころを考えれば、色々とCSSでサイトの見栄えを良くできると思います。あくまで、構造とデザインを分離するという名目においては、装飾に関する画像はCSSで指定するのが好ましいかと。

そのくせ、<br />多用してるじゃねぇかと言うツッコミは無しの方向でお願いします（笑）

2004-10-14T10:58:17+09:00 | コメント (0) | トラックバック (0) |

cube改造のための覚え書き

この記事が属するカテゴリー: Mac

自宅のG4Cube450、発売してすぐに飛びつきはや４年。当初使用していたPerfoma6310からの劇的なスピードアップに感動したものでした。
電源周りの不具合も特になく、ＭａｃOSXのPublicBeta版からパンサー（10.3.5）まで幾多のOSアップグレードも乗り越え、今までほぼノーマルで使用し、やった事と言えばせいぜいメモリの増設くらいでした。容量20ギガでやりくりしてきた僕も凄いですが、さすがにハードディスクが圧迫されてきた事に加え、せっかくファンレスなのにハードディスクの騒音が目立ってきたという事もあり、思い腰を上げてここは一発HDの換装をやってみようかなと思い、色々調べてみました。
まぁ、財布のヒモは僕が握っていないので、すぐには出来ないのですが、その時のための覚え書きとして書いておきます。

もちろん流体軸受けのHDにするのですが、候補としてはMaxtorかSeagateあたりでしょうか。回転数は5400rpmと7200rpmがありますが、基本的にノーマルなので、7200rpmでも熱問題は大丈夫そうです。OLIOでMaxtor DiamondMax Plus9シリーズをサイレントシークモードにセットアップしてくれるそうなので、第一候補として上げておきます。
換装のために使用するトルクスドライバーは8番と10番があれば良さそうです。ここはケチらずPBを買おうかなと思います。ハンズに売ってるとは思いますが、ネットで買うのであればエイビットで購入しようかなと。
換装の際のデータ移行は、元々の20ギガを使わないのであれば、中の光学ドライブをいったん外し、そこに購入したHDを繋げて移す。使うのであれば、HDケースも一緒に購入し、データ移行後に中身のHDを入れ替える。
Cube関連の改造に関しては、Appleのサイトに動画があったので、これを参照して行うこととする。

今の流れ的にシリアルATAが主流になりつつあるので、店頭から無くなる前に購入しておいた方が良いのかなと思ったのですが、そんなに焦る必要もないようなので、まったりと探す事にします。

ちなみに会社にあるG4のグラフィックボード「GeForce2MX」とCubeの「Rage128」をいつかすり替える計画は秘密です（笑）

2004-10-13T09:30:56+09:00 | コメント (0) | トラックバック (0) |

アクセスログ

この記事が属するカテゴリー: web&blog

自サイトのアクセスログって、みなさん何で確認しているんでしょうか？忍者ツールや、サーバホスティング会社では大体analogが無料で使えたりするので、そこら辺でしょうか。

もし、お使いのwebサーバがapacheで、生ログが落とせるのであれば、断然ApacheLogViewerをお奨めします。これ、フリーウェアなんですが素晴らしく優秀なツールです。（Winでしか使えませんが…）

たとえば、「あるユーザが何処からきて（referer）どの順番でサイトを回って、各ページにどれくらい滞在してどのページをブックマークしてくれた」なんて事も分かってしまう。左下の「Statistics」ボタンを押せば、統計表示画面でさらに詳しく調べることもできます。「特定のホストからの月・日・時間毎のアクセスの割合や、勿論ブラウザ・OSの統計や検索キーワードの統計等々」

こういったログから自サイトの問題点や改善すべき点などが洗い出せます。また、ログの見方があまり分からないという方でも、それなりに色々な事が分かって面白いものですよ。

2004-10-12T09:56:45+09:00 | コメント (0) | トラックバック (0) |

MT3.01のphp化

この記事が属するカテゴリー: Movable Type

MTのphp化とページ分割をやろうと思い検索してみたのですが、人によってやり方が違い、MTのバーションに関してもどうやら3.0以前（2.Xから3.0へのアップグレードも含む）の物がほとんどのようです。本サイトは3.01の新規インストールなので同じやり方で特に問題は起こらないのだろうかと懸念し、3.0でのやり方をググってたらMT日本語サイトで「MT3.1の主な新機能について」の記事が目に付きました。

Movable Type 日本語版サイト: Movable Type 3.1の主な新機能について
Movable Type 3.1の主な新機能:
テンプレートごとに管理可能なダイナミックPHPページ生成: テンプレートごとにダイナミック・ページとして生成するかスタティック・ページとして生成するかを指定できます。これによりウェブログ作成の容易性とトラフィックによる負荷のバランスを取ることができます。たとえば、記事配信用のXML（RSS）ファイルのようなアクセス頻度の高いドキュメントはスタティック・ページにすることで、高速に転送が可能でありながらサーバーの負荷を下げることができます。また、個別記事のアーカイブなどは、ダイナミックページにすることでテンプレート全体を変更するような際にページ再構築の手間を省けます

これだ！

この新機能に対応するDBはMySQLのみらしいのですが、本サイトはMySQLなので問題がないので、ここは3.1日本語版のリリースを待ってみるかという結論に達しました。サブカテゴリーの機能も良いですね。日本語版のリリースが米国リリースの45日以内ということは今月中旬頃でしょうか。

2004-10-09T10:37:59+09:00 | コメント (0) | トラックバック (0) |

htmlチェック

この記事が属するカテゴリー: web&blog

とりあえず、Another HTML-lint gatewayでチェックしてみました。結果は、「良くできました」の80点。うーん、まぁまぁかな。とりあえず直せる所は直してみようかなと。半分自己満足ですな（笑）

勢いにのって、W3C Markup Validation Serviceで確認してみたら、見事にValidの結果！うぉー、あっけなかったから、なんか微妙ー（笑）。もちろん、CSS Validatorでチェックしても問題なし。

時間があったら自作アイコン作る予定です。とりあえず、デフォルトのアイコンは貼らないから、ここに貼っておきます（笑）

2004-10-08T10:26:39+09:00 | コメント (0) | トラックバック (0) |

サイト公開から一週間

この記事が属するカテゴリー: Misc

気が付いたら、サイト立ち上げてから一週間経ってました。。。今の所、かなりのペースでエントリーしていますが、さていつまで続くやら。

とりあえず、MTのカスタマイズとしては、ページ分割でしょうか。時間が空いたら手を付けるつもりです。まぁ、デザイン的にも中途半端なので、ちょこちょこ変えていきます。

今現在、仕事としてある会社のサイト作成にフルコミットしていますが、取りあえずコンテンツの内容とサイトマップ、ページ構成情報それからスケジューリングにメドが立ちそうです。僕自身はデザイナーではないので、アサインしたデザイナーにモックアップを作ってもらっていますが、結構悩んでいるようです。デザインって、難しいなとつくづく思います。

2004-10-07T18:11:54+09:00 | コメント (0) | トラックバック (0) |

色々なものを検討するのは良いことです

この記事が属するカテゴリー: Mac PC

ITmedia エンタープライズ：AT&T、Windowsの代替システムを検討――LinuxやMac OS Xを徹底評価
AT&T、Windowsの代替システムを検討――LinuxやMac OS Xを徹底評価社内に数万台のWindowsデスクトップを所有するAT&Tが、代替システムを求めて、Windows、Linux、Mac OSの適正評価チームを設置した。

米IBMに続き、AT&Aも社内のデスクトップPCの代替OSとしてWindows以外の評価・検討をするそうです。米IBMは、サーバ用OSは既にLinuxへ移行していますが、両社ともデスクトップPCに関しては、あくまで他OSの適正をチェックするにとどまり、具体的に移行する可能性は低そうです。

自分自身はWin、Macと両方使っていますが、まぁどちらも一長一短でしょうか。（家の古いvaioにvineLinuxを入れてみようかなと、最近目論んでいます）

2004-10-07T12:49:22+09:00 | コメント (0) | トラックバック (0) |

MT3.01でリンク先を別ウィンドウ表示

この記事が属するカテゴリー: Movable Type

エントリーのリンク先を別ウィンドウで表示させるやり方としては、ごみのやまさんの「リンク先を常に別ウィンドウに」で説明されていたのですが、MT3.01D-jaでは当てはまりませんでした。

そこで、色々探していたら、caramel*vanillaさんの「リンク先を別ウィンドウで表示」に載っていたので、参照させていただきました。

変更するファイルは、mtフォルダ内のmt.jsです。
163行目の下記の部分に

setSelection(e, '<a href="' + my_link + '">' + str + '</a>');

青字の部分を追加します。

setSelection(e, '<a href="' + my_link + '" target="_blank">' + str + '</a>');

サーバにアップして完了です。

2004-10-06T16:40:50+09:00 | コメント (5) | トラックバック (8) |

Security Update 2004-09-30

この記事が属するカテゴリー: Mac

アップルがSecurity Update 2004-09-30を配布しています。

アップル - サポート - ダウンロード - Security Update 2004-09-30 (Mac OS X 10.3.5 Client & Server)
Security Update 2004-09-30 について Security Update 2004-09-30 により、多くのセキュリティ面の強化が行われます。すべての Macintosh ユーザの方にこのアップデートを推奨します。次の箇所のアップデートが含まれています：
AFP Server
CUPS
NetInfoManager
postfix
QuickTime

2004-10-05T22:16:46+09:00 | コメント (0) | トラックバック (0) |

ナビゲーション追加

この記事が属するカテゴリー: CSS Movable Type

ヘッダの下部にナビゲーションを付けてみました。JavaScriptのロールオーバーではなく、CSSで疑似クラスのhoverを使ってスワップ効果を出してみた。【追記 2004/12/14】デザイン変更のため、現在は変わっております。

メンテナンスのし易さと、validなhtmlを目指して（笑）リストタグで作り、cssで成形します。ナビゲーションに"navi"というIDを振るという前提で、スタイルシートに下記を追加します。

#navi {
        height:1.4em;
        background-color: #676767;
        background-image: url(img/navi_bg01.gif);←ナビ全体にしく背景（幅は1px）
        background-repeat: repeat-x;←---------X軸にリピート
        border: solid #000000;
        border-width: 1px 0;
}
#navi ul {
        margin: 0;
        padding-left: 15px;
        list-style-type: none;
}
#navi li {
        float: left;←-------------------------縦の状態のリストを横に並べる
        font-family: Verdana,Sans-serif;
        font-size: x-small;
        font-weight: bold;
}
#navi li a{
        text-decoration: none;
        text-align: center;
        display: block;←----------------------ブロック化させてボタンの様にする
        width: 7em;
        padding: 0px 10px;
        color: #FFFFFF;
        border: solid #666666;←---------------これと下の２行は区切り線
        border-width: 0 1px 0 0;
        background-color: #676767;
        background-image: url(img/navi_bg01.gif);←----------------------幅1pxの画像
        background-repeat: repeat-x;
}
#navi li a:hover {←-----------------------------hoverでロールオーバー効果を出す
        text-decoration: none;
        color: #CCFFFF;
        background-color: #676767;
        background-image: url(img/navi_bg.gif);←--マウスONの時の背景（1pxの画像）を指定
        background-repeat: repeat-x;
}

追加したら、保存します。

次に、テンプレートのMain index（index.html）を開き、ヘッダー部分<div id="banner">の終了タグ</div>と<div id="center">の間に下記を追加します。

<div id="navi">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/archives/2004/10/post_2.html">About</a></li>
<li><a href="/archives.html">Archive</a></li>
<li><a href="http://blog.with2.net/link.php/16454">BlogLanking</a></li>
</ul>
</div>

リストで作成すると、追加したい場合にも<li>hoge</li>の様に、簡単に追加できます。

2004-10-05T17:59:28+09:00 | コメント (0) | トラックバック (0) |

ping先を追加

この記事が属するカテゴリー: Movable Type

色々な人に見てもらうために、ping送信先を増やしてみることにする。

ping送信とは、新規エントリ投稿時にXML-RPC（xmlのデータをhttpで送信する仕組み）の機能を使ってpingを打つことにより、色々なblogサイトを掲載しているサイトで更新と記事のタイトル等をお知らせしてくれる仕組み。やらないよりは、やった方が他の人が見てくれる確率が高くなる。

「人気blogランキング（要登録）」と「ウェブログの設定」にある、blo.gsとweblogs.com以外に他のping先を探してたら、M¥BUBBLETYPEさんのとこにズラッとあったので、下記を追加してみた。

PING.BLOGGERS.JP： http://ping.bloggers.jp/rpc/
MYBLOG JAPAN： http://ping.myblog.jp/
BLOGPEOPLE： http://www.blogpeople.net/servlet/weblogUpdates
ココログpingサーバ： http://ping.cocolog-nifty.com/xmlrpc
goo BLOG： http://blog.goo.ne.jp/XMLRPC
エキサイトブログ： http://ping.exblog.jp/xmlrpc
Bulk Feed： http://bulkfeeds.net/rpc
Existences： http://coreblog.org/ping/
BlogRolling： http://rpc.blogrolling.com/pinger/
My Yahoo!： http://api.my.yahoo.com/RPC2
Root Blog： http://ping.rootblog.com/rpc.php
Technorati： http://rpc.technorati.com/rpc/ping
blogdb.jp： http://blogdb.jp/xmlrpc
Weblogs.com： http://rpc.weblogs.com/RPC2

やっぱり、トラックバックとping送信は、blogの醍醐味なのかもしれない。

2004-10-05T14:30:01+09:00 | コメント (3) | トラックバック (2) |

エントリー毎のカテゴリをCSSで調整

この記事が属するカテゴリー: CSS Movable Type

BLOG質問箱さんの各エントリーにカテゴリ名を表示するに各エントリにカテゴリを表示する方法がのっていました。

BLOG質問箱さんのは、カテゴリ毎エントリタイトルの次の行に右寄せするものでしたが、このサイトではタイトルと同じラインに右寄せで設置してみました。

まず、Stylesheetテンプレートにカテゴリ用のclassを指定します。（フォント・サイズ・色はお好みで）

.content p.category {
        font-family: Verdana, Arial, sans-serif;
        font-size: x-small;
        color:#666666;
        text-align:right;
        margin:0 0 -2em 0;
}

マージンの下部にマイナス指定しているのがミソです。
追加するカテゴリはブロック要素の<div>で囲み、さらに挿入する位置もブロック要素の<h2>タグと<h3>タグの間です。

<h2><$MTEntryDate format="%x"$></h2>
</MTDateHeader>

<p class="category">[ <MTEntryCategories glue=", ">
<ahref="<$MTCategoryArchiveLink$>"><$MTCategoryLabel$></a>
</MTEntryCategories>]</p>

<h3 id="a<$MTEntryID pad="1"$>"><$MTEntryTitle$></h3>

<$MTEntryBody$>

ここで、カテゴリの下部をCSSでマイナス指定することにより、エントリタイトルの横にくると言う仕組みです。
NN7.1とIE6.0で確認したところ、若干の差がありますが、全然許容範囲です（笑）
フォントサイズを変更しても、崩れることはないはずです。

2004-10-05T12:48:03+09:00 | コメント (0) | トラックバック (0) |

素晴らしく便利

この記事が属するカテゴリー: Movable Type

BLOG質問箱: クイックポストの修正
クイックポストの修正 MT3.0からbookmarkletをクイックポストと呼ぶようになりました。クイックポストからは標準でSafariにも対応しましたね。でも、引用文をblockquoteタグで囲む機能は実装されませんでした。そこで、引用文全体をblockquoteタグで囲み、さらに引用したページのタイトルをquotetitleタグで囲むように修正する方法を紹介します。cgiを書き換えるので、管理者でなければ修正できません。

素晴らしいです。クイックポストしまくりそうです（笑）

2004-10-04T18:05:44+09:00 | コメント (0) | トラックバック (0) |

sambaにセキュリティーホール

この記事が属するカテゴリー: Mac

Sambaにセキュリティ・ホール
公開ディレクトリ外にアクセスされる

Samba Teamは9月30日（現地時間），オープンソースのWindows互換ファイル・サーバー・ソフトウエア「Samba」のセキュリティ・ホールを警告した。Samba 3.0.2以前，および2.2.9以前のバージョンには，公開していないディレクトリに外部からアクセスされる恐れがある。最新版 3.0.7にはこのセキュリティ・ホールは存在しない。

MacOSX（パンサー）のターミナルからsmbd -Vで確認したら3.02でした。appleとしては、何か対処するのか気になるところです。

2004-10-03T14:46:58+09:00 | コメント (0) | トラックバック (0) |

サーバー移転

この記事が属するカテゴリー: Misc web&blog

今日まで会社のサーバーの自分のディレクトリーで公開してきたのですが、やはりここはドメインを取得して、サーバーを借りることにしました。

なんとなく安いイメージだけで、ムームードメインで取得（笑）。まぁ、希望のドメインも取れたし、これで年898円なら良いかな。クレジット決済だったので、20分もかからず取得完了。手順としては、希望のアカウントが取得可能かチェックすると、com、jp、org、net等それぞれが取得可能・不可と表示される仕組み。jpは高いからcomでいくことに。まぁその後も特に悩むこともなく無問題。

当然その流れで行くとサーバはロリポップでとなる。最近はブログユーザー増加のせいかMySQLが重いというのをどっかで見たが、まぁ、ムームーのユーザーだと初期費用が半額のキャンペーン中だったので、良しとする。契約期間をどうしようか悩んだが、６ヶ月・１２ヶ月はキャンペーンとのこと、６ヶ月にする（笑）。こちらもクレジット決済にしたので、あっという間にセットアップ完了。

さて、今度はMovebleTypeのインストール。再度ダウンロードした上で、ロリポップのサイト上にあるマニュアル通りに設定し、アップ完了。BerkeleyDBからMySQLへの移行作業も、ロリポップのサイト上にマニュアルがあったので、参考に難なく終了。旧サーバーにあるMovebleTypeのメインメニューより「読み込み/書き出し」から”エントリーを書き出し”をクリックして表示されたブラウザの画面に名前をつけてテキスト形式でローカルに保存（このファイルはバックアップになるので、こまめに保存しておいた方が良いと思う）。そのファイルを新サーバのMT関連のcgi群と同じディレクトリに「import」ディレクトリを作成し、アップ。新しい方で「読み込み/書き出し」メニューから”エントリーの読み込み”をクリックすると自動で取り込む。

この状態でサイトを確認しても、サイト再構成をしないと反映されていません。実際に自分も確認したら、反映されていなくて、失敗したかなと再度読み込んだら、なんとエントリー数が倍になってた（笑）。ダブって読み込んでしまうので、読み込みが完了したら、importディレクトリごと削除した方が良いかも。

あとは、デザイン面でindex.htmlとstyle-site.cssを更新する必要があるので、旧テンプレートをまるっとコピーして新しい方にコピーでOKっと思ってたら、再構成でエラー。。。エラー文（英文）を見たら、どうやら旧サイトではアーカイブをカテゴリーでまとめていたのが、新サイトでは設定されていなかったので、エラーが出た模様。「設定 > アーカイブの設定」から”カテゴリー”にチェックを入れて、再構成したら無事完了。

思っていたほどトラブルも起こらず、ドメイン取得からMT移設までトータル２時間ほどで全ての作業が完了しました。

2004-10-02T20:26:30+09:00 | コメント (0) | トラックバック (3) |

祝リッター２０キロ（笑）

この記事が属するカテゴリー: moblog

モブログのテストを兼ねて。（横で撮っちゃったのは勘弁して）

2004-10-01T15:19:29+09:00 | コメント (0) | トラックバック (0) |

画像付きでわかりやすい

この記事が属するカテゴリー: Movable Type

「movabletype」でググってたら、Triggers！さんの所で非常にわかりやすく、画像付きでdivタグのIDの説明がしてありました。参考にしてちょっと、いじってみようかな。最初から自分で設計・コーディングしていないので、各領域を調べるの面倒だなと思ってたんで、大助かりっす。まずはちょっとした事から、変更を加えていこうかな。

2004-10-01T13:17:50+09:00 | コメント (0) | トラックバック (0) |

MovableType

この記事が属するカテゴリー: Misc

遅ればせながら、このサイト作った経緯を。

１年半ほど前から「ブログおもしろそー」などと思い、とりあえずドメイン取って自宅のマック「G4 Cube450」の宅サーバ計画を立ててそこに展開しようなどと遠い目をして空想に耽っていたわけです。が、生来ものぐさな俺。実行に移す気配すらありません。。。契約しているプロバイダーは固定ＩＰのサービスないしtelnetが解放されていないので、shellで作業できないし、家サーバなどのダイナミックDNSサービスでも良いかなと思いつつ、あっ！という間に時が過ぎちゃった。。。

いつの間にやらMovableType3.0で日本語に対応となったのを見て、いかんいかんと自分を戒め、とりあえず会社のサーバの自分のディレクトリに勢いでインストールすることに（笑）

telnetでサーバにログインし、perl -vでバーション調べたらv5.6.1なのでOK。インストール手順に沿ってインストール作業開始。結構すんなりと作業終了。（インストールした後気づいたんですが、PostgreSQLが入っていたの知らなかった。ユーザ設定もしていなかったのでとりあえずBerkeley DBのままでいくことに）

取りあえずは２段組の構成で、これから徐々にCSS等いじってカスタマイズして行こうかなと思っています。

【追記 2004/10/02 】サーバ移転しました。

2004-10-01T10:30:57+09:00 | コメント (0) |

月別アーカイブ 2004年10月

エクスポートの作業手順

インポートの作業手順

検索

2004年10月の全エントリー

アーカイブ