\n以下のようなコードをテンプレートに書き込むのですが…\n
\n\n<link href="http://www.tagclick.net/stylesheets/tags.css" media="screen" rel="Stylesheet" type="text/css" /> -- (1)\n
\n<script type="text/javascript"> -- (2)
\n<!--
\nvar tagclick_tags_width = "200px";
\nvar tagclick_tags_padding = "5px";
\nvar tagclick_tags_font_size = "12px";
\nvar tagclick_tags_border = "#000000";
\nvar tagclick_tags_backgound = "#FFFFFF";
\nvar tagclick_tags_link = "#FF0000";
\n//-->
\n</script>
\n<script type="text/javascript" src="http://www.tagclick.net/tags?bid=603&max=50&charset=e"></script> -- (3)
\n<script type="text/javascript" src="http://www.tagclick.net/javascripts/tag_style.js"></script>\n
\n(1) に関しては、ページの <head> 〜 </head> 内に書く必要があります。iBlog ならば、テンプレートエディタを使って、エントリページに書き込むのですが、私はそのことに気がつかずに、上記のコードをまとめてナビゲーションバーに書き込んでしまいました。それでも、正常に動作していたようですが。\n
\n\n(2) のように、JavaScript を <!-- 〜 //--> でコメントアウトして記入する方法は、Another HTML-lint gateway でチェックすると『<SCRIPT>〜</SCRIPT> 内にコメントを書くと、本当にコメントとして扱われます』と指摘されます。\n
\n\nまた、(3) の行では & がエスケープされていません。\n
\n\nHTML の文法については、チェッカーで調べて、エラーが出たら「そうなんだ」程度の知識しかないのでえらそうなことは言えないのですが、勝手に改変させていただきました。（ほんとはよくないことなんでしょうが）\n
\n\nコードのことばかり書いてきましたが、使い勝手の方は上等です。タグは公開したエントリページを開いた状態で専用の Bookmarklet をクリックして、そのエントリのタグを登録するページを呼び出して登録します。入力は手入力が基本ですが、いちど入力した単語はクリックで入力できるようになるのでらくちんです。（アルファベット順に出てくれれば、それが探しやすいのに…）\n
\n\nエントリページに表示されたタグをクリックすると、同じキーワードを持つエントリがリストアップされたウインドウがポップアップします。その中からエントリを選ぶと、元ページが該当ページに移動します。関連ページを次々に見ることができるので、けっこうおもしろいかも。このブログに関しては、まだタグの登録を最近のエントリにしか行なっていないので、さほどたくさんのエントリを見ることはできませんが。\n
\nただ、今後広告が挿入されるらしいので、ちょっと気がかり。\nで、新しいドリコムRSS内の Clip サービスなんですが、どうも私の Safari では正常に動作しない模様。記事の編集がまったくできない。てか、管理画面にまったく表示されない。\n
\n\nもともと、「自分のブックマークを公開する」という行為にさほどの意義を見いだせなかったし、MyblogList の ping 関係のいい加減さにあきれていたりしたので、これを機にページから外すことにしました。\n
\niBlog だから、かんたんに外せちゃうもんね。\n出張に出かける直前、Build #2 が出ているのに気がついて、とりあえずダウンロード。出張先でゆっくり試してみるかと思ってたんですが、t0mori さんが『t0moriBlog :: iBlog 1.4.6 build#2 の FeedPage.txt を改造する』というエントリを上げているのを見かけて、同じことをしたくなりました。\n
\n\nてか、前に苦労して改造した FeedPage.txt の問題点が、ほとんど解決されたと t0mori さんが報告されているのを読んで、確かめてみたくなったんです。\n
\n\niBlog をバージョンアップしたら、問題の FeedPage.txt が置き換えられたようなので、t0mori さんのエントリおすすめの改造をほどこしました。\n
\n\n前のエントリでは、「Podcasting はしていないので効果のほどは不明」と書いていましたが、実際にはその後３回くらい、娘を携帯で撮ったムービーを .mov ファイルに変換してエントリに埋め込んでいます。今現在は、ネットワーク環境が携帯接続のみなので、大きなファイルを上げる気になりませんが、前のファイル３つは、まだ rss.xml に残るはずです。\n私の娘の動く姿を見たいという人は、このサイトの RSS Feed を iTunes にドラッグ&ドロップしてみてください（笑）\n
\nさて、うまくいくかな？\nGoogle Sitemaps は、サイト管理者が xml 形式のファイルでサイト内のページ一覧を Google に示すことで、クロールの漏れを防ごうというシステムです。現在、β版で運用されています。膨大なページで運用している企業サイトや、ページの移動に CGI や JavaScript などのプログラム言語を使っているサイトでは、必要なんでしょうね。\n
\n\n私のブログでは、トップページのヘッダにカテゴリページへのリンクを明示していますし、更新頻度も低いのでしっかり Google にクロールされているようですが、未対策の iBlog サイト（とくに更新頻度が高いページ）では、検索結果にすべてのエントリページが反映されていないと思われるものも見受けられます。\n
\n\nGoogle Sitemaps への登録には、Gmail アカウントが必要です。提出する xml ファイルにも独自のプロトコルが要求されますが、link/lastModフィールドを使った RSS 2.0 フィードを受け付けるので、最近の iBlog が生成する rss.xml ファイルが、そのまま使えるようです。私の rss.xml ファイルも、登録後、順調に読み込まれているようです。\n
\nただし、私の rss.xml ファイルは大幅にカスタマイズされているので、iBlog が生成するオリジナルの rss.xml ファイルが読み込まれるかどうかはわかりません。\n\n参考にしたのは『How To Publish a Podcast on the iTunes Music Store』、英文の記事ですが、わかりやすくまとまっています。また、作成したフィードは、Feed Validator for Atom and RSS で検証しながら作業しました。\n
\n\n以下、素人目にも気がついた iBlog の RSS の問題点。\n
\n\n『未定義の <itunes:link> タグが使用されている』
\n具体的には、
\n<itunes:link rel="image" type="image/png" href="[$DocumentRoot$]/podcastImage.png"><$BlogName$></itunes:link>
\nという行があるのですが、これがいちばんの問題点のような気がします。私の場合は、この行を当初、
\n<itunes:link><[$DocumentRoot$]/index.html</itunes:link>
\nと書き換えただけで、Sage でも Safari RSS でも正常に読み込めるようになりました。\n
\n\n『<enclosure> 要素がない』
\nかんじんの音声ファイルを格納する要素がありません。iTunes と連動させると生成されるのかな... それとも、エントリ本文に入れる仕様なんでしょうか？ わかりません。
\n\n＜追記＞<$EntryEnclosure$> という記述を見逃してました。Podcasting した場合にはこれが <enclosure> 要素に置き換わるものと思われます。＜／追記＞\n
\n『<itunes:duration> が空タグになってしまう』
\n音声ファイルの再生時間を HH:MM:SS の形式で記載します。これが、空タグになってしまいます。\n
\n『<itunes:keywords> に２バイト文字が使われる』
\nこの中身に <$ItemKeywords$> が使われていますが、ここには実際にはエントリのタイトルが入るだけです。<itunes:keywords> には２バイト系の文字は使えませんので、ダメです。将来は、エントリ編集ウインドウで設定することができるようになるのかもしれません。\n
\nほかにもいろいろといじった結果、私の FeedPage.txt は以下のようになりました。ベースがベースだけに、ちょっと Podcasting 寄りになりすぎたフィードかもしれません。\n
\n\n<?xml version="1.0" encoding="UTF-8"?>
\n<!-- generator="iBlog <$iBlogVersion$>" -->
\n<!-- must include xmlns:itunes tag -->
\n<rss xmlns:itunes="http://www.itunes.com/DTDs/Podcast-1.0.dtd" version="2.0">
\n<channel>
\n <title><$BlogName$></title>
\n <itunes:author><$AuthorName$></itunes:author>
\n <link>[$DocumentRoot$]/index.html</link>
\n <description><![CDATA[<$BlogDescription$>]]></description>
\n <itunes:subtitle><$ChannelSubtitle$></itunes:subtitle>
\n <itunes:summary><$ChannelSummary$></itunes:summary>
\n <language><$Language$></language>
\n <managingEditor><$AuthorEmail$></managingEditor>
\n <$WebMaster$>
\n <$Copyright$>
\n <lastBuildDate><$DateBuild$></lastBuildDate>
\n <pubDate>[$DatePublished$]</pubDate>
\n <generator>iBlog <$iBlogVersion$></generator>
\n <itunes:owner>
\n <itunes:name><$AuthorName$></itunes:name>
\n <itunes:email><$AuthorEmail$></itunes:email>
\n </itunes:owner>
\n
\n <!-- iTunes prefers square images 300x300 pixels or larger -->
\n <itunes:image href="[$DocumentRoot$]/podcastImage.png" />
\n
\n <!-- iTunes Browse Podcasts Category -->
\n <category><$ChannelCategory$></category>
\n <!-- iTunes Browse Podcasts Subcategory -->
\n <$ChannelSubCategory$>
\n
\n <ForEachEntry>
\n <item>
\n <title><![CDATA[<$EntryTitle$>]]></title>
\n <link>[$DocumentRoot$]/<$EntryLink$></link>
\n <author><$AuthorEmail$></author>
\n <description><![CDATA[<$EntryAbstractOrBody$>]]></description>
\n <guid>[$DocumentRoot$]/<$EntryLink$></guid>
\n <$EntryEnclosure$>
\n <itunes:author><$AuthorName$></itunes:author>
\n <itunes:subtitle><$ItemTitle$></itunes:subtitle>
\n <itunes:summary><$ItemSummary$></itunes:summary>
\n <pubDate><$EntryPostDate$></pubDate>
\n <category><$ItemCategory$></category>
\n <$ItemSubCategory$>
\n <itunes:explicit><$ItemExplicit$></itunes:explicit>
\n <itunes:duration>1:00</itunes:duration>
\n <itunes:keywords><$BlogName$> Macintosh AppleScript iBlog</itunes:keywords>
\n </item>
\n </ForEachEntry>
\n
\n </channel>
\n</rss>\n
\niBlog には .Mac で公開する場合には問題なく展開される rss.xml 内の [$DocumentRoot$] タグが、ローカル公開や FTP 利用の場合展開されないというバグがあります。この状態では、RSS Feed からサイトや個々のエントリにジャンプすることができません。（参考：『ローカル公開などの RSS をちゃんとする』.Mac Tips）\n
\n\nこれを修正するためのいちばん手っ取り早い方法は、FeedPage.txt 内にある [$DocumentRoot$] を実際の URL にあらかじめ書き換えてしまうということです。しかし、この方法は複数ブログを運営している場合には使えません。そこで AppleScript と ProofReader を使います。\n
\n\nProofReader は漢字 Talk7 の頃からある「文書校正ソフト」です。無料なのに、なかなか高機能で、使いやすいソフトだと思います。以前、しらつきさんが『iBlog 1.3.6 - Chapter 3 (解決編)』というエントリで、これを使った rss.xml の書き換えの方法を紹介されていました。\n
\n\nでは、実践方法。\n
\n\nまず、ProofReader をダウンロードしたら、環境設定を行います。必要なのは『環境設定を開いて、「フィルタ」タブの「拡張子:」に xml を追加しておく』ことと、校正後の出力を元ファイルと置き換えるために『「保存」タブの「ファイル名:」から「*」を取り除いておく』ことだけです。\n
\n\n次に各ブログ用に辞書を作成します。たとえば、『ブログ A』用には [$DocumentRoot$] を http://homepage.mac.com/kaoru_ari/iblog に置き換えるための辞書『dict_A』を、『ブログ B』用には [$DocumentRoot$] を http://homepage.mac.com/kaoru_ari/iblog/B2068041739 に置き換えるための辞書『dict_B』を用意します。このあたりは、ProofReader 付属の説明ファイルを参考にしてください。\n
\n\nProofReader を起動するための AppleScript を用意します。方法はいろいろありますが、ここではドロップレット形式にしました。内容は、\n
\n\non open file_to_replace
\n if file_to_replace is "Mac:Users:kaoru:Sites:iblog:B2123771861:rss.xml" then
\n set dict_to_use to "Mac:Applications:ProofReader210β:Dictionary: dict_A"
\n else if file_to_replace is "Mac:Users:kaoru:Sites:iblog:B2068041739:rss.xml" then
\n tell application "ProofReader"
\n set dict_to_use to "Mac:Applications:ProofReader210β:Dictionary: dict_B"
\n end tell
\n end if
\n --
\n tell application "ProofReader"
\n activate
\n proofread alias file_to_replace using alias dict_to_use
\n quit
\n end tell
\nend open\n
\nイタリックの部分は、それぞれの環境に合わせて書き換えます。また、対象ブログが３つ以上ある場合には、『else if...』の部分を増やしていってください。これをドロップレット形式で保存しておきます。\n
\n\niBlog でプレビューが完了したら、[$DocumentRoot$] を展開させたい rss.xml ファイルをこのドロップレットにドラッグ & ドロップします。AppleScript はエイリアスを受け付けますので、それぞれの rss.xml ファイルをわかりやすいようにリネームして、ドロップレットの近くに置いておくといいかもしれません。\n
\n今回はシンプルにドロップレット形式にしましたが、ボタンやリストから対象 rss.xml ファイルを選択するようにして、アプリケーション形式や、スクリプトメニューから実行するスクリプトとして保存すれば、さらに便利かもしれません。\n\nt0mori さんの G5 マシンでは Tiger 導入後、速度の関係からか処理が２回繰り返されてしまうとのことでした。\n
\n\nプレビュー／公開後、あるていど時間をおいてから処理の終了を確認する仕様としました。この時間は、property waste_time : （デフォルトで８秒）が適用されます。\n
\n\nまた、t0mori さんからは前のバージョンへのコメントで『ファイルオープンも良いのですが、それとは別に Terminal にコマンドを送るオプションとか作れますでしょうか？』とのリクエストをいただいておりましたので、それも加えてみました。property option_pre_cmnd と option_pub_cmnd がそれです。ファイルオープンの場合と同様、"" のままにしておけば無視されます。\n
\n\nただし、これらのコマンドは、複数ブログ運営の場合に使い分けることを考慮していません。複数ブログの場合には、同じコマンドが何回も繰り返されることになります。ま、現状のところ t0mori さん専用機能だからいいかなと… 手抜きしてみました。\n
\n\n
| File Name | \nFile Size | \nFile Link | \n
|---|---|---|
| iBlogSpy3.1.0.dmg | \n102 KB | \nDownload | \n
\n32 日間（１カ所目８日間＋２カ所目24日間）休みなしでした！ 20日間程度の工期になると、週に１日くらいは休みがあるパターンが普通なのですが、今回は休暇をとる時間がありませんでした。\n
\n\nまあ、客先の仲間の一人は「２月中旬から休んでない」とぼやいてましたが。\n
\n\nたまった巡回先のエントリを読みつつ、いつの間にか、iBlog も 1.4.3 にアップしてたので、テストもかねて久々の新規エントリです。\n
\n\n1.4.2 をすっ飛ばしてしまってのバージョンアップでしたが、OKAMURA さんからの情報で置き換えられるファイルがあることがわかっていたので、事前に準備しておくことができました。\n
\n\nまずは、iBlogFreezer で関係ファイルをバックアップ。iBlog 1.4.3 を起動して、空更新してプレビュー、終了。さらにターミナルから tar xfz と入力して、iBlogFreezer が生成してくれたバックアップファイルをドラッグ＆ドロップしてからリターン。これで置き換えられたファイルがもとにもどるはず！ …だと思う。自信なし。\n
\n確認したかぎりでは、うまくいっているみたい。\n先月のパケット送受信量が 50 万パケットを超えました。\n
\n3.0.6 (2005年4月2日)\n\n
| File Name | \nFile Size | \nFile Link | \n
|---|---|---|
| iBlogSpy3.0.6.dmg | \n105.6 KB | \nDownload | \n
\n正式版は、今回のバージョンとたいして変わらないものになりそうです。\n
\n\nユーザインターフェースの追加や。初期設定の外部ファイル化もしたいのですが、自分に必要ないのでちょっと後回しになりそうです。ただ、現在は iblogPatcher 以外のファイル／アプリケーションに対しては「一つだけ開く」という動作しかできていませんので、正式版では「複数のファイル／アプリを開く」ためのスクリプトを外部ファイルとして追加しようかなと思っています。\n
\n\n現状でも小改造で可能なんですが、ユーザの設定がわかりにくくなるのがいやのなので、オプションとしたいと思います。ぶろっぐぴんぴんを複数の設定で自動 ping させるためのスクリプトも含めたいな。\n
\n\nAppleScript は、素人にもわかりやすいプログラム言語なのですが、他の言語に比べると「できること」が少ないように思います。（他の言語をよく知った上でいっているわけではありませんが）\n
\n\nただ、AppScript に「できること」でいちばんおもしろい部分は「自動化」と「アプリケーション連携」にあると思います。その意味では、ユニークなスクリプトを作ったものだと自画自賛してます。なにせ、AppleScript にまったく非対応の iBlog のための AppleScript なんですから（笑）\n
\nTiger では、まったく新しい自動化への手法が登場するとアナウンスされていますが、それも楽しみですね。\n一から作り直したので、スクリプトがすっきりしました。いや、すっきりしたような気がするだけかも。サブルーチンを使いまくったので、すっきりしたはず！ いや、かえって読みにくいか orz...\n
\n\n変更点は以下の通りです。\n
\n\n不具合満載です。思い出せるのは以下の通り。\n
\n| File Name | \nFile Size | \nFile Link | \n
|---|---|---|
| iBlogSpy3.0.5.dmg | \n104 KB | \nDownload | \n
\niBlog は、エントリ内のフォントスタイルやリンク、画像挿入コードなどを生成してくれる優れものですが、必ずしも正しい文法でコードをはいてくれるわけではありません。\n
\n\nしかし、< HTMLCode >~</HTMLCode >でくくった部分は、iBlog が手を加えずに出力されます。文章全体を< HTMLCode >~</HTMLCode >でくくったうえで『環境設定』の『一般』から『プレビュー時フォントスタイルをオフ』を有効にしておけば、すべてのタグを手動でコントロールすることができるようになります。\n
\n\nこのようなエントリの書き方で活躍するのが、くきさんの iBlogTagAssist です。書いたテキストを選択しておいて、スクリプトメニューから実行すれば、多彩なタグを挿入してくれます。\n
\n\nタグをたくさん挿入していくと、ごちゃごちゃして、そのうちに文章の見通しが悪くなってきます。また、出力結果は iBlog でプレビューするまでわかりません。\n
\n\nしかし、エディタに hpSampler を使えば、別ウインドウでレンダリング結果を見ながら編集できるので、文章の見通しが非常によくなります。iBlogTagAssist は動作対象を選びませんので、hpSampler でエントリを書いて iBlog に貼付ければいいというわけです。\n
\n\nまた、編集途中で終了しても、次回起動時に前回の内容を表示してくれるところもいいです。気軽にエントリを書けますね。\n
\n\nhpSampler は、ずうっと前に mojo さんが『ちょっと衣替え』というエントリで紹介されていましたが、私は少し触ってみただけで使っていませんでした。その当時は、<HTMLCode> 書きをしていませんでしたので、ありがたみが分からなかったんですね。\n
\nおすすめですよ。\nすごく詳しく書かれているので、有名なページなのかもしれません。はてなで「猫式Webメモ』という日記を書かれていた方のページです。\n
\n\n多くの文献を研究して、ウエブアクセシビリティを向上させるための指針を書いていらっしゃいます。たとえば…\n
\n\nアンカーテキスト以外に下線を引かない[重要度 3：推奨]\n
\n下線 = ハイパーリンクと言うのは、短い Web の歴史の中で生まれた一つの慣習である。CSS によってそれが失われつつある現在でもなお、テキストの下線を見ると反射的にハイパーリンクと思いこむユーザは少なくない。強調やその他の目的のために、下線を使用するのは望ましくない。ブラウザがデフォルトで下線を引くもう一つの要素として ins があるが、紛らわしいので追記である事をはっきりと明示しておくと良い。\n
\n説明は簡潔にまとめ、参考となる記事を紹介してくれていますので、より詳しく知りたい人にも親切です。\n
\n\n日付を表す時にスラッシュ記号(“/”)を用いないこと[重要度 2：提案]\n
\n日付を表現する時、「2004/2/21」とすると音声読み上げブラウザによって「21 分の 2 分の 2004」と分数風に朗読されてしまう危険性がある。またスラッシュによる分割書式は、他の国では全く別の解釈をされてしまう事がある。日本語話者向けならば、「2004年2月21日」と一般的な表記方法で記述する方が混乱が少ない。
\n参考となる記事
\nごく簡単なHTMLの説明：日付の表記に関するノート\n
\nまた、文章が明快なので、読み物としてもおもしろいです。\n
\n\nJapanese Only とは書かない[重要度 4：警告]\n
\n“Japanese Only”というのは“日本人以外お断り”という意味に受け取られやすく、国際的な Web 文化にとって非常に危険な存在であると断言できる。“Adult Only”という警告文は、一体何を指しているだろうか。“大人向けコンテンツしかありません”ではなく“未成年者お断り”なのではないか。ましてや“Japanese Only” は日本の中途半端な和製英語など露も知らない、非日本語話者向けのメッセージである。\n
\niBlog はカスタマイズが容易で、アクセシビリティに配慮したブログの構築が容易です。上記サイトなどを参考にして、カスタマイズを見直してはいかがですか？
\n中には、こんな耳の痛い記事も…\n
\nインラインフレームは参照以外では用いない[重要度 3：推奨]\nメインコンテンツにはしてないけど、多用してるもんなー。
\nインラインフレーム（iframe）はしばしばマウスホイールでのスクロールを妨害するので、嫌われがちである。さらにこの要素は広告が好んで用いるため、インラインフレーム自体を無効にしている人も少なくない。リンク先の文書を一時参照する目的としてしか使えないだろう。インラインフレーム内にメインコンテンツを入れてしまうようなデザインは間違いである。\n
\nまずは、表示結果を見てください。このブログのトップページと、ミラーサイトの表示です。トップページのずうっと下のほうに『- PR -』というサイドナビ項目があります。\n
\n\n.Mac サイト：http://homepage.mac.com/kaoru_ari/iblog/index.html
\n自鯖サイト：http://arimura.ddo.jp/~kaoru/iblog/B2068041739/index.html\n
\n違う内容を表示してるでしょ？ もともとは t0mori さんや joyo さん、KHOO さんが導入された Drk7jp さんの『\nAlliriate\n（以下同様） Affiliate Helper』を自鯖で動かして、 JavaScript + Affiliate Helper で実現しようと思ったのですが、Affiliate Helper が自鯖では動かなかったので JavaScript オンリーで作成しました。おかげで、.Mac ユーザには便利な方法になったかも（？）\n
\n\nくわしく解説しても導入するユーザは少なそうなので、さらっと…\n
\n\n・アフィリエイトコードの用意
\n加入が簡単な『Amazon.co.jp アソシエイト・プログラム』が手軽です。加入してソースコードを手に入れます。\n
\n・JavaScript ファイルの用意
\n名称は何でもいいのですが、ここでは『pr.js』とします。中身は、\n
\nif(document.domain=="homepage.mac.com"){
\n linktext="\nドッジボールはたのしいぞ！\n";
\n document.writeln(linktext.link("http://homepage.mac.com/kaoru_ari/index.html"));
\n }
\nelse{
\n document.write("<a href=\'http://www.amazon.co.jp/exec/obidos/redirect?tag=darksideoft02-22&path=tg/browse/-/3210981\'><img src=\'http://homepage.mac.com/kaoru_ari/images/iblog_images/amazon_ce-120x60.gif\' alt=\'Amazon.co.jp アソシエイト\' /></a>");
\n }\n
\n\n青字\nは .Mac サイトで表示する代替リンク、\n赤字\nはアソシエイトのコードです。『”（ダブルクォート）』を『\'（シングルクォート）』にエスケープしています。ようは、ブログのドメインが『.Mac』であれば代替テキストを、それ以外であれば、 else 以下のコードを表示するというわけです。（會沢さんが『JavaScriptについて』というエントリで紹介されていたテクニックを参考にしました。（JavaScript はいじったことがなかったのでパクらせていただきました）これを、iDisk を使って『Sites』フォルダにアップロードします。\n
\n\n・ナビゲーションエディタでの項目作成
\n『見出し』は適当に。（このブログでは『<div class="sidetitle"> - PR - </div>』）
\n『コンテンツ』は、\n
\n<div class="side">
\n <script type="text/javascript" src="http://homepage.mac.com/kaoru_ari/javascripts/pr.js" charset="Shift_JIS"></script>
\n</div>
\n（\n青字\nは、アップロードした先述の JavaScript ファイルの URI です）\n
\nこのブログでは、BlogPeople のリンクリストなどにあんでるどんさん作の JavaScript『うにゅうにゅナビゲーション2』のOKAMURA さん版を入れています。\n
\n\nsidetitle クリックでリンクリストが開くわけですが、どうも、その部分がクリックできることが明示できていないような気がしていました。マウスポインタを重ねるとカーソルが矢印から指に変わるだけですから。sidetitle 自体を『↓Links↓』としたり、すぐ下に『Click above to show/hide BlogPeople』と入れてみたりしてきたのですが、まだもの足りません。\n
\n\n後で気がついたのですが、t0mori さんがうにゅうにゅを開いた状態と閉じた状態とを CSS の border を利用して、ちょうどボタンが押されたらへこむように変化させていらっしゃいます。私の場合は、CSS で hover の状態を定義してみました。\n
\n\nマウスを重ねると、背景の画像が暗くなるとともに、border が変化して、押されたような状態になります。文字も 1px 右に動くようにしました。また、文字色とドロップシャドウの色も変化します。（キャッシュの影響で、変化なしかもしれませんが…）\n
\n\nt0mori さんの方法と違って、押された状態を維持しませんが、組み合わせるとまた、面白い効果になりそうです。\n
\nCSS を使った、ありきたりの視覚効果ですが、ちょっとはクリッカブルであることを明示できたような気がしてます。\nAll you need is tnoTV\'s Memo. に替わる BBS として、\n
\n\nの３つの方法を考えました。私と同じく All you need is tnoTV\'s Memo. を使ってらっしゃる yamamoto2000 さんは、1. の方法で行かれるようです。また、私と同じく「非プチ組」だった mojo さんはレン鯖契約をきっかけにプチシリーズを怒濤の勢いで導入されている。\n
\n\nじつは、私はこのブログを .Mac 以外のサーバを使わずに完結させたいと思っています。そこで、自宅のメインマシン（iMac）の中にプチビーを設置することにしました。\n
\n\nMacOSX では、ちょっとの手間をかければ Perl や CGI、PHP を動かすことができます。私の iMac では、2ちゃんねるブラウザの『p2』や あんでるどんさんの『こうさぎ飼育箱』を動作させています。\n
\n\nプチビーも、~/Sites フォルダに放り込むだけで、簡単に動かすことができました。上り 450 kbps 程度しか出ない接続で、外部からの読み出しが遅いのではないかと心配ですが、うまく表示できてますでしょうか？\n