二〇〇四年 五月 五日（水）こどもの日
連休
[仕事まわり] | [古い日記帳] | [2004年の日記]
のんびりとすごしたです
連休前にもう一回残業の山場があり・・・
今度は私の向かいに座るＯさんの仕事を手伝う
Ｏさんは今年忙しさのあまりに実家（I市）からの遠距離通勤をあきらめ
ついに近所に部屋を借りてしまったというひと
あまりに忙しく、どんどんと荒れていくのでほだされてしまった（笑）
こういうパターンはやっぱり気の毒で手伝ってあげる気になる
ま、私時間中は栄養士だから。基本的に放課後作業ね
連休中は映画見たり、庭仕事したり
兄が帰郷してきてごはん食わしたり
いとこが突然来て迷惑だったり・・・
まあのんびりとね、のんびり
しかし最後２日くらいはなぜか蕁麻疹に襲われ、非常につらかった
今も蕁麻疹出てます。かゆい
といっている間に、ヤクが効いてきたらしい
今のうちに寝ます。おやすみ
二〇〇四年 五月 二十七日（木）
Blog事始 その1
[Blog記録]
Blogを始めてひと月足らず
まあ色々やってみたさ
どうやって今の「お頭的日常・ブログバージョン」ができたか、覚書を書いておこう
万が一なにかあったときに、復活させるの大変だからな～
このBlogは「Movable Type」というソフトを使っている
今までの日記はCGIで書かれたものを使っていたが、それとはまたちと違うらしい
しかももともと英語圏のものなので、日本語化させるパッチを当てないといけない
一度国産のツールを使ってみたが、どうもしっくりこず、挑戦してみることに
とりあえずあれこれやってみるために下調べをしていると、なんとHPのサーバー「XREA.COM」に
「XREA SUPPORT BOARD - Movable Typeの設置方法について」と書かれたコーナーが！
なーんと、簡単にソフトを設置するためのパッチが用意されていたのだ
うーん、親切すぎる
あれこれやってみたがるオタクの血が騒ぐけど、まあここはそれに頼っておこう
設置完了。感謝感激
とは言っても、実はここから長いカスタマイズの道が続くのであった・・・
Blog 事始 その2
[Blog記録]
設置したのはいいけど、とっても殺風景・・・
デフォルトのスタイルシートがそもそも殺風景なのだ
どうしたらいいのかわからないけど、とりあえず最初にBlogを作ろうと思ってあれこれ探したときに
ARTIFACT ―人工事実―
このページで勉強したので、さらにまた色々探す
あちこちみるとどうもメインの記事の両脇にリンクや写真を飾ることができるらしいとわかる
しかし、デフォルトデザインでは２つのパートにしか分かれていない
これを３つに分けるためには全体的にテンプレートを書き直す必要があるようだ
しかーし！なぜかリンク切れを起こしていて、その説明があるところにたどり着かない
なんとかたどり着いたのがココ
iNTERNET magazine -はじめてのCSSでblog自分流デザイン 2xUP新作テンプレートダウンロードページ-
HINAGATAさんという方が作ったテンプレートが公開されている
すばらしい、ありがとう
なんとか３カラム化は成功した
追記：2005.11
HINAGATAさんは今はここです。
二〇〇四年 五月 二十八日（金）
カスタマイズのオニ・・・その1
[Blog記録]
なんだかだんだんと燃えてきたカスタマイズ
そうだった、私こういうとこ思いっきりオタクなので、いじらずにはいられない～
ってことで、色々探してはごそごそなおし・・・を繰り返す
オタクの血が騒ぐ～～～っ(-。-)y-゜゜゜
Sugar Tit: Category Archives をタイトルで一覧表示
これで月間表示やカテゴリーごとのページが巨大ファイルにならずにすむ
それでもあかんほどに増えてきたたら、プラグインで対応すべし
と思っていたけど、それよりももしかしたらこっちがいいかも
bird.dip.jp: Category Archive のカスタマイズ
追記：今はこの記事は参考にならない。バージョンが違うからタグが変かも。2005.11
スタイルシートの深い森 その1
[Blog記録]
３カラムという形式が成功したお頭的日常
しかし、その次には「スタイルシート」という更なる試練が待ち受けていた
そもそもスタイルシートとはなんぞや？
詳しくは↓
とほほのスタイルシート入門（基礎知識）
要するに、HPの見栄えを良くするために作るレイアウトのルールブックのようなものらしい
これがまた、デフォルトではかっちょわるいんだよ・・・
色もないし、フォントもダサいと思う
まあ私のセンスがどうかっていうとアレですが(笑)
それを自分好みに作り変えていけばいいんだけど、その設定が膨大にあるのよね、これが
そのルールがナニを設定しているのかがわからない
そんなときに見つけたサイトがここ
TRIGGERS / blognews: スタイルシートガイド
これをみれば、なにがナニを指定しているかがわかる優れもの
それを見ながらせっせと色や大きさを設定する・・・けど、膨大な量なんだよね（涙）
スタイルシートの深い森 その2
[Blog記録]
なんとかスタイルシートの設定もする
そのときお世話になったのが
Mariのいろえんぴつ
HP用のカラーの組み合わせがたくさん出ているサイト
私、本当に色センスとかないのよね～
こういうサイトさんがあるととても助かる
今回はなんとなくみどりの組み合わせを採用することにした
ついでに、背景に画像を入れて、スタイルシートの設定で動かないようにした
今は縦じまだからわかりにくいんだけど、後ろの壁紙は動いていない
本当はこういうのって写真とかで設定すると生きるんだろうな～と思いつつも
なんとなく無駄に設定（笑）
お遊びと実験なんだから、いいでしょ
Moblog・・・ その1
[Blog記録]
blogという言葉もWeblogという言葉もよくわからないのにもう一つ出てきたMoblog
これはMobile＋Weblog＝Moblogということらしい
要するにモバイル端末から投稿するWeblogを指すらしい
私の場合はカメラ付き携帯を愛用していて、今までも結構日記に貼り付けていた
今回も同じように使おうと思ったんだけど、どうも写真ファイルをアップするのが面倒
今まで使っていた日記CGIのほうが簡単だった・・・
で、直接携帯から投稿する方法があるようなので、その設定もしてみた
ここはなんでも、Weblog神のサイトらしい（笑）
こちらに載っているサービスを使うと、携帯メールでWeblogに直接写真を投稿できる
でも、やはり日常使っているものにそのままポストするのは危険らしいので（よーわからんが）
もう一つWeblogを作って、Moblog専用とする
Moblog・・・ その2
[Blog記録]
携帯からメールでエントリーできるようになったMoblog
スタイルはとりあえず３カラムのときにもお世話になったHINAGATAさんのところからいただくことに。
これはまあ特に問題なくクリア・・・したと思っていた。
次に、Now.htmlを作成する。
moblog template samples [dh's memoranda]
<MTEntries lastn="3">
<div class="photobody">
<div class="phototitle">
<$MTEntryTitle$>
</div>
<a href="<$MTEntryLink$>">
<$MTEntryBody$>
<div class="photodate">
<MTDatej><$MTDatejYear kanji="1"$>年
<$MTDatejMonth kanji="2"$>月
<$MTDatejDay kanji="2"$>日（<$MTDatejYoubi$>）
<$MTDatejSyuku$>
</div>
</div>
</MTEntries>
これで最新エントリを拾って、これを本体のブログの柱に表示させるようにする。
<$MTInclude file="../x/mob/now.html" $>
メインのお頭的日常の右の柱に写真を表示させることに成功
さらに、写真の大きさを１２０×１６０のサイズにそろえ、題名や日付もスタイルシートで設定する。
.sidebar .photo img {
background-color: #ffffff;
border: 1px solid #999;
padding:5px;
position: relative;
width: 150px;
height: 200px;
margin: 1em 0.5em 1em 0.2em;
}.sidebar .phototitle {
font-size: 1.2em;
font-weight: bold;
text-align: left;
padding: 0.5em 0em 0em 0em;
font-family: verdana, Arial, Helvetica, sans-serif;
border-top: 1px dotted #000000;
}.sidebar .photodate {
font-size: 0.9em;
text-align: right;
padding: 0em 2em 0.5em 0em;
}
さて、テストを兼ねて写真をいくつか投稿して、お頭的日常の柱に写真が載った♪
さらにこれをクリックするとMoblogに飛んで・・・あれ？？
なんでだろうか・・・写真が何枚か投稿してあるはずなのに、最新一枚しか表示されない
スタイルシートやテンプレートを確認するけど、特に問題がないはず
まだ全然いじっていないはずなのに・・・わからない
後でつらつら考えるに、携帯から投稿した場合、スタイルシートで写真の表示サイズを設定している
んで、普通に画像をアップロードするときには、表示用にサムネイル画像を作るようになっている
どうもHINAGATAさんのテンプレは、写真本体とサムネイルの画像が両方必要で、
携帯から投稿するとそのサムネイルが作られないのが原因じゃないのかな～と
結局HINAGATAさんのテンプレートを使うことは諦めて、HTRATAさんの他のテンプレートを採用
こちらは問題なく写真が表示されるが、原寸なのででかい・・・(^^；
まあスタイルシートで設定して、大きさ指定すればいいけどね
あ～メインの設置よりもずっと面倒だったわ(~_~;)
追記：2005.11
これは後に、トップページのサムネイルは写真を縮小して表示するように設定しなおしました。あと、ＡＬＬＰＨＯＴＯのページも。このときには思いつかなかったんだねー。
Moblog・・・ その3
[Blog記録]
最後にもう一つ大きな山があった
MovableTypeの大きな面倒臭さの一つに「リビルド」がある
いろんな設定を変更したときに、必ず「りびるど」をしておかないと、表示に反映しない
さらに、面倒なことにMoblogを投稿しても、メインの柱に出ている写真が更新されるには
メインのページ自体が変更があったり、リビルドがかからないとダメなのだ
しかし、これを解決してくれる人がいる！
そう、この問題を解決してくれる人の多さがMovableTypeの一番のメリットだ(笑)
>Tarragon/Estragon: SSIでMoblog表示を更新させる
これで最新の表示をそのつど見に行ってくれるようになった
素晴らしい！ブラボー！
さらに↑のページに載っていた
blogDROID: エントリーのタイトル前にカテゴリ別画像を表示する
これもちょーしこいて設定する
ここら辺りから、ちょーしこいてカスタマイズのオニになっていったような気がする・・・(-_-;)
二〇〇四年 五月 三十一日（月）
忙しいときほど
[Blog記録]
年設置した読書日記は全然書けなくなってしまった・・・
結局そんなにいくつものものを管理するのは無理と判断
それと、最近ブログなるものが流行っているようで
まあ要するに新しい物好きってこと（笑）
どんなものになるかは見てのお楽しみですが、とりあえず設置してみた
Mちゃん
[仕事まわり]
職場のＭちゃんはキャラ好きです
彼女が出張で行った先でＵＦＯキャッチャーでゲットしてPペットMペット
時々なんかやってます
これと黒子の覆面がセットではいっていたという・・・