hvc-001

いや、まんまなんだけど一応ね。
すっかり携帯の方に拍手つけるの忘れとった。

個別記事のエントリ下に拍手をつけます。
mt4i3.0 の個別記事テンプレートは individual.tmpl なのでその中にぶちこみます。 mt4i3.0 のテンプレートは HTML::Template が使ってあるので、iTMPL_IF タグの中に突っ込んで表示されないなんて事にならないようにね。

<a href="http://webclap.simplecgi.com/clap.php?id=16shot&page_id=mt4i">web拍手</a>

せっかくの携帯なんでアクセスキーも設定します。
拍手だけに８（ぱち）にしたかったけど位置的に邪魔だからやめたｗ
とりあえず無難に２をチョイス。ソースはこんな感じ。

<TMPL_VAR NAME="ICON_NO_2"><a href="http://webclap.simplecgi.com/clap.php?id=16shot&page_id=mt4i"<TMPL_VAR NAME="ACCESS_KEY_2">>web拍手</a>

無事、設置完了。
問題は拍手後はブラウザバックしなきゃ駄目ってトコロ。
web拍手はテンプレもっと弄れたらいいのにな。

拍手には色々と種類あるけど、やっぱこのスタンダードな拍手が一番好きです。
FC2拍手はなんかもっさりだし、めんどい。ＧＪなんかがカナリ良い感じだったけど、js 必須ってのでアウト。

んー。もっと良い拍手cgi無いかな。

【日々】
仕事が忙しくてスッカリ放置気味でした。

ネットは広大で、興味がわくエントリが芋づる式に見つかるわけだけど、考えを文字にする前にどんどんと押し流されるというか、ちょっとはてブでもはじめようかと思ってみたり。

ただ RSS でもそうなんだけど、その時読まなかったら後でほんとに読むのかどうかちょっと怪しくて、日々増大していくブックマークは自分はだいぶ潔く削ってくタイプなんだけど、これまたはてブに個人的なデータベースとして貯めていった方がいいんじゃないかと、あ、いや、そんなんじゃ吸収できんな。

そんなわけで備忘録的な意味でのweb制作tipsとか、雑感、感覚などは些細なものでも、なるだけ一度自分の頭を通してからここで文字にするようにしたいな、と、なんとなく。

すっかり携帯のページに解析つけるの忘れてた。

mt4i3.0 からテンプレートが利用可能になって随分カスタマイズしやすくなってます。
タグ埋め込みタイプの解析なら tmplディレクトリ内に mt4iディレクトリがあるので、その中の該当テンプレートにタグを埋め込みます。

ボクが使ってるのは body の終了タグ直前にタグを埋め込むタイプのものだったので、 footer.tmpl にタグを記述。

無事に解析してくれました。

アクセス解析については忍者をずっと使ってたんだけど、futomi's cgi cafe のアクセス解析が個人利用で1,000円、商用でも2,000円でなかなか優秀です。 Google Analytics が携帯サイトに対応してくれたら乗り換えるんだが...

打ち消し線を引いてみたらバリデーターでＮＧが出た。
というのもＭＴの打ち消し線は strike要素 を使っているからで（ strike要素 や s要素 での打ち消し線は非推奨要素）、宣言をしてる割にこんな初歩的な見落としでＮＧ出してる自分ってどうなんだと思うんだけど、まぁそれは日々勉強ということで。

実際、準拠した取り消し線はどう書くのかというと、 del要素 や css を用いるわけだけど、文法的に「これはもう削除しています」という内容を明示したければ del要素 、自分へのツッコミも兼ねた小声効果としての打ち消し線なら装飾扱いとして css を使った方がよさそうですね。

つか、そもそも 「打ち消し線を出したい」 って考えが間違っているわけで、装飾って意味で打ち消し線を出したいなら css での打ち消し一択になるわけですよね。（ html での装飾って考え自体が間違っているわけだから。）

本来の意味で del要素 を使用する場合は、混乱を避ける為にも del要素 でマークアップした内容を display: none で非表示にして、 ins要素 にて追記、文書内に削除訂正した旨を併記、がいいのかな？？
とはいえ、スタイルシート無効の環境もあるわけだし。

うーん、煮え切らない。

【短歌】
瞬きの間に見えた青と白
嘘みたいに混じる境界

【日々】
仕事。
ぶらぶらっと写真を撮り歩きにいきたい。
雑貨屋をだらだらと見てまわって、メロンでエロ本を大量に買って読みまくりたい。
こないだ買った新貝田鉄也郎の本がエロすぎてたまらん。
オンとオフのスイッチは上手に使わなければあかん。と、じんわり。

【感覚】
水平線に浮かぶ白が穏やかなまま海面と混じる夢を見た。
手が滑ったというにはあまりにも遅く、筆がそのまま白を海面へと押しやって「あ、やっちまった」と感じる瞬間、私はもう色々とどうでもよくなって妄想の情景をそのまま丸めて捨てていた。
丸めて捨てられたいつもの波打ち際の情景は、何に膨大な可能性を塗り潰されたのかわからないまま、ただただ青と白が混じった美しさに不快感だけ滲ませるから、私は気がとられて手が滑ったという言い訳くらいしか思いつく事ができなかった。

【日々】
blog のデザインを変更したい気満々なんですががが、まだ体調がよくなってない上に仕事が溜まってて手を付けられず。

週末は広コミですね。例によって例のごとくまだ何もしてない。
そろそろサークルのあり方についてちょっとこれ考えんといかんと思う。

家のすぐ近くの国道で水道管の本管が破裂して交差点が川になってた。
被害者が見えないからって少しの興奮。子供みたい。

【感覚】
人生までキャラとエロに隷属するわけにはいかないわけで。

【短歌】
年老いて無関心になる背中
チクチクとした刺激か何か

【日々】
Ａ型インフルエンザに感染しまして、人生初タミフル。
明日が締め切りの仕事があるので重い頭を持ち上げて朝まで仕事の予定です。
しょうじきしんどい。

ちょっと体調悪いくらいなら頑張れるか、しんどいけど走れるくらいだし大丈夫これくらいなら。
と思いながらも念を押して検査したら陽性。
「馬鹿は風邪をひかない（知らない）」とはまさに。

【感覚】
焦燥感は枯れ果ててしまったのか。

いや、すっかり罠にはまってました。前回のエントリで紹介した、

target="_blank"を使わずに新しいウインドウを開く方法

だけど、これがメインページからは機能するのに個別記事では機能しない。
何でだろ？と調べてみたら小粋空間さんのテンプレートでは mt.cgi の中に window.onload の記述があって、アーカイブや個別記事で先に動いちゃってるみたいなんです。

window.onload は１ページに１回しか機能しないって事なんで、代替案として prototype.js の Event.observe を使ってみました。

前回紹介した target="_blank"を使わずに、rel="external"、rel="external nofollow"で新しいウィンドウを開く方法 （ 海外のSEO対策・SEOツールをわかりやすく解説するブログ さん）で紹介されている js ファイルの最後を

window.onload=externalLinks;

から

Event.observe(window,'load', externalLinks, false);

に変更、prototype.js をヘッダー内に追加する事も忘れずに。

<script type="text/javascript" src="/パス/prototype.js">

これで無事個別記事でも動きました。
いや、これ当然の事なんだろうけど、すっかり見落としてました。
MT で window.load 指定して動かなかった方はチェックしてみてください。

web制作の仕事をしてると言葉ばかり先行して web2.0 や、最近だと クラウドコンピューティング なんて実体があるのかないのかよくわからない言葉が蔓延してるどころか、クライアントがそれを理解しようともせずに 「とにかく新しくて良さそうなものだから盛り込んでいこう」 的なノリで発注してくることもあったり。（しかしこっちも殺し文句としてそういった言葉を使ってしまうこともあるが。）

まぁ皆が幸せになる（なれる可能性のある）方法をとるならば新しいウインドウなんて開くようにする必要は無いわけで、古い話これはもう４年以上前から言われてるんだけど。

原則論を貫けば怠惰な閲覧者に「ユーザビリティが低い」と罵られ、現実論で突き進んでも理論派に「ユーザビリティが低い」と批判されます。絶望的な状況です。趣味でやっている製作者は、純粋に自分の好きな方を選べばいいと思う。私は原則論を重視したい。だから、こういう。

バカな閲覧者は勝手に不幸になればいい

新しいウインドウを強制してしまうと同一ウインドウで開くという自由を奪われてしまう（shiftクリックしてくれよ！）って話です。

でも４年以上たった今でも相変わらず閲覧者の殆どは学ぼうとせず、同一ウインドウは不親切！！といわれるわけで。
（タブブラウザも普及してきて新しいウインドウもさしてウザくはなくなったとは思うんだけど）

まぁそれはおいといて！

とりあえずファッションでも何でもなく、xhtmlでvalidと評価される状態にしたいってことで targetを使わず新しいウインドウを開くようにしてみました。
現在 target="_blank" を使わない選択肢はいくらかあるんですが、今回はこちら

target="_blank"を使わずに、rel="external"、rel="external nofollow"で新しいウィンドウを開く方法 （ 海外のSEO対策・SEOツールをわかりやすく解説するブログ さん）

のやり方でやって......って、けっきょくコレだと _blank つけてんじゃん！！！

まぁそこらへんは検索してみたら window.open を使うやり方もあるみたいだし、同じく JavaScript で「同一ウインドウで開く」と「新しいウインドウで開く」を並べてのせる方法とかもあるみたい。
でもさ、文字列で同一ウインドウで開いて文字列の隣のアイコンで新しいウインドウで開いたとして、その判りやすくて便利な機能を果たしてどれだけの閲覧者が理解してくれるのか。

いや、マジな話、新規ウインドウで開くアイコンを並べたとして、そのアイコン無視で文字列クリックして「同一ウインドウじゃねーか！」とか言う閲覧者もそこそこ居ると思うんだ。
そのうち「新しく開くアイコンは小さいから押しにくい！」とか言いそうだし、まだ新規ウインドウで開く事を望む人が多い中で結局どないせーと。
だからもうそこらへんの匙加減はお好みでいいんじゃないかと思う、というか作る人、会社の好みとか信念で。
つか正直どれがベターなのかいまいちわからんとです。（併記するのがいいとは思うんだが......）

ちなみに外部リンクにはアイコンをつけて区別するようにしました。
CSS で外部リンクにだけアイコンを表示
↑こちらを参考にしました。

valid にさえなればいいのか......？と考え出すとちょっとスッキリしない、ううむ。

いかにもウェブログ！な機能ですよ。
投稿したエントリーから以前投稿したエントリーに関連付けするプラグインです。
リンク、被リンク、両方向と選べます。

エントリーの関連付けを行うプラグイン（ＭＴ４専用版）

プラグインをアップして、テンプレートの関連付けリストを表示したいに部分にタグを挿入すればokです。
cgiファイルのパーミッション変更をお忘れなく☆

携帯電話でも表示出来る様に、ということでmt4iを導入しました。

自分が使ってるサーバー（ロリポップ）ではmt4i3.0に必須のperlモジュールである Encode と HTML::Template は既に入っているので、そのままアップするだけでokでした。 wiki のインストール説明がわかりやすいので、詳しくは wiki で。
3.0以降はデザインテンプレートも編集可能なので、そのうち弄ろうと思います。

後は携帯からのアクセスを生成されたモブログのurlへ飛ばすだけです。
以前のエントリ Canonicalization（正規化）でも使用した mod_rewrite に以下を追記

RewriteEngine on
RewriteCond %{HTTP_USER_AGENT} ^(DoCoMo|KDDI|DDIPOKET|UP\.Browser|J-PHONE|Vodafone|SoftBank)
RewriteRule ^$ http://www.hvc-001.com/mt/mt4i.cgi [R,L]

これで携帯からのアクセスはモブログのトップに誘導できます。

ＭＴをＰＨＰ化すれば、携帯での各エントリへのアクセスをそのまま対応するモブログのエントリに飛ばすスクリプトを使えるんですが、まだＰＨＰ化する気もないしとりあえずは以上で。

【短歌】
書き割りの裏に回って
スポットが当たらないなんて
そんな当然

【日々】
なかなかまとまった時間ができずにしっかり更新できません。
せめてプロフィールくらいつくらないと...

validなxhtmlでカスタマイズしたいなぁと思いながら、色々と問題は山積みでtarget一つにしてもどうするか、決めかねていたり。

良い漫画、アニメ、同人誌、フィギュア、などなど、キモいエントリをわんさか書きたくてたまらない！！
最近毎日MATILDAさんの同人誌読んでます。
咲マリ意外に良いね！っていうかもう中毒です。

所謂オタク系サイトではweb拍手ってのはかなりのシェアを誇っていて、多くのブロガーや同人作家がweb拍手を設置しています。
（コメントやメール・メールフォームがあるにもかかわらず！）

たぶんココも「web拍手」のインターフェイスに慣れ親しんだ人たちが訪れるだろうと予測して気軽にコメント出来る様にとブログ記事のメタデータ部分にweb拍手を設置しました。

が！

このままでは 「いつコメントした」 かは判りますが、 「どのエントリを見てコメントした」 かは判りません。
そこでweb拍手のページidを表示する機能を使ってみようと思ったんですが、エントリ毎に本文にいちいちidを記入したソースを貼るのは面倒だし、メタデータ部分に CM や TB とまとめておいて置きたいという思いもあり、自動にidを割り振る方法を考えてみました。

方法は簡単で、MTの変数タグ（現在のファンクションタグ）を使います。
web拍手のidは10桁の英数字で登録可能で、登録方法は拍手urlの末尾に「&page_id=【ページID】」と追記するだけ。
ページIDの部分に変数タグを利用します。このサイトだとこんな感じ。

<a href="http://webclap.simplecgi.com/clap.php?id=16shot&page_id=<$MTEntryDate format="%y%m%d%H%M"$>">web拍手</a>

投稿日時を参照してみました年（下二桁）月日時分の合計10桁。
もっと良い方法無いものか...。

ちなみにコレ、エントリ毎にページＩＤは振れるものの、コメントしか区別できません。
どのエントリを見て拍手したかはわかりません。web拍手さん、有料登録でもいいから解析で拍手の区別出来るほうにしてください！

※レンタルブログを利用してる人も、ブログの独自タグで10桁までの英数字を吐き出すタグがあれば同様の事が出来ると思います。

【favicon（ファビコン）】
favicon ってのは Favorite icon の略で、その名の通り、ブラウザのアドレスバーやブックマーク時にサイト名の横に表示される小さなアイコンです。
これは16×16の ico ファイルを使用するんですが、この ico ファイルは photoshop で画像をつくってもそのまま指定し保存できません。
一度 png なり gif や jpg で作成し FavIcon from Pics にて ico に変換すると良いと思います。

※ちなみにphotoshopでicoの読み込み、書き出しをそれぞれ可能にするプラグインがあります。

Photoshop icoformatICO (Windows Icon) Format Plugin

が、残念ながら現在はダウンロードできないみたい、残念。

後は作成したicoファイルをサーバーにアップロードし、htmlのhead要素内に

<link rel="shortcut icon" type="image/x-icon" href="アイコンファイルのURL" />

を追加すればＯＫです。

【www有り無しの統一】
Canonicalization（正規化）と言うそうです。
このサイトでいうと http://www.hvc-001.com/ か http://hvc-001.com/ ですね。
これは www の有り無しで別サイトとして扱われてしまう為、同一コンテンツを複数のurlで展開させない為に（SEO的にも）統一した方が良いという事です。

方法は301リダイレクトを使います。
.htaccessファイルに

RewriteEngine on
RewriteCond %{HTTP_HOST} ^あなたのサイト\.com
RewriteRule (.*) http://www.あなたのサイト.com/$1 [R=301,L]

と追記するとwww有りに統一されます。無しの場合は

RewriteEngine on
RewriteCond %{HTTP_HOST} ^www/.あなたのサイト\.com
RewriteRule (.*) http://あなたのサイト.com/$1 [R=301,L]

でOKです。
ちなみにwwwの有り無しはSEO的には「どちらでもかまわない」そうです。

【日々】
オークション無事落札できたんですが、届いた商品が初期不良品（新品未開封を落札した）で、返品という事になりました。
いつも気持ちよく取引出来るように丁寧な対応を心がけていたし、出品者様にも迅速かつ丁寧な対応（初期不良に対しても）をして頂けたので結果として不快感も何もない取引ができました。

しっかし手に入れられなくて残念！

VQ1005（旧型）という廃盤になったトイデジ（味のある写真の撮れるトイデジカメ）だったのですが...。
VQ1015entryの再販、clalssicの発売を待つことにします。

そうそう、３月末あたりに自分達のバンド主催でイベントをやる予定です。
そのうち告知します。

【感覚】
安心ってのは忘れてる事なんだからと、浮き足立たないように必死なはずが、どうなんだか。

【短歌】
なるようになるなんて言えるのは
手から離れて変わる瞬間

【日々】
お仕事、深夜からはスタジオです。
その直前に欲しいオークションの締め切りがあるので今も祈る気持ちで！！上がらないでー！

【漫画】
ＲＩＮとイエスタデイをうたっての新刊を購入。
素晴らしいものを見た。

RIN 4



イエスタデイをうたって vol.6

【短歌】
湯浴みして寒さ忘れる
一人だけあたたかい気で
気の利かぬ奴

【日々】
打ち合わせ。
どうしても一人だと温い気持ちになってしまうので、こうやって面と向かっての打ち合わせは刺激があって良い。頑張ります。

【感覚】
山芋をずるずると、粘りのある底力に。

【短歌】
繰り返し踏み出す一歩
漣を見つめたままの縮こまる背中

【日々】
あけましておめでとうございます。
新年ということでブログも新しく作り直そうと思います、しばらくは表示に不具合が出ると思いますが御容赦を。

今年もひとつひとつ、やりたいことをやっていこうと思います。どうぞ宜しくお願い致します。

【感覚】
足の裏の感覚を確かめるために歩いてみた。
寒さに歩くほど背が低くなる。