Digital Shop めぐ味屋 WEB-LOG N/一覧

ども。めぐ味屋/MEGU-MIYA です。

オリジナル小説 Final Decision の配信を再開しました。
http://www.liolion.info/FINAL/
今回は、ブログツールで有名な、Movable Type でサイトを構築しています。

そんなわけで、更新作業も比較的スムーズ。。 CMSとしてもMovable Type をもっと活用したいですね。

こちらのブログは更新されません。

現在は、以下で活動しています

• LULU-LOG るるろぐ2007
• LULU-LOG T るるろぐてくにかる。
• Let's enfoy MODx

申し訳ありませんがよろしくお願い致します

うちは、マカフィーなんですけど。。。
さっきから、スパムキラーのアップデートをしようとして、ダウンロードを途中で諦めてしまうのよね…（私が、ではない…）。

以前にもあったのだわ。。。それで、２日くらいしたら成功していた。いつのまにか…。 ダウンロードやインストールが失敗する時の対処方法がマカフィーのサポートのページにも書いてあるんだけども、うちの場合はそれでは解決しないのよねん。。。

そして、もしからしたら、原因かも知れないと思われることに…。
さっきセキュリティセンターを起動しようとしたら、スクリプトエラーを起こして正常に起動出来なかった。

これも以前あったのだわ。。。以前は、ウィルススキャンオンラインもスクリプトエラーで起動出来なくて、ちょっと慌てたんだけど、、、その時は、サポートさんに問い合わせて、windows関係のスクリプトをアップデートしてくらはい、と言われた。。。。その通りやったけど、だめだった。。。

でも、直ったんだよね。何をやったかというと。。。

マカフィー製品は、IE の「表示／エンコード」の「自動選択」にチェックが入っていると、画面で文字化けすることがある。そんなんで、マカフィーでは、ここの「自動選択」のチェックを外すように指示しているんだけど。。。

IE でブラウジングしていると、たまにそれだとよろしくない時があって、「自動選択」にチェックを入れるんだけど。。。今回、それを外し忘れていたのよね。。。

うちの環境だと、なんでか、「自動選択」にチェックが入っているとマカフィー製品（セキュリティセンターとウィルススキャンオンライン）がスクリプトエラーを起こして起動しない時がある。そんな時は「自動選択」を外すと、ちゃんと起動するのよねん。。。

スパムキラーのアップデートに失敗したのもコレが理由かも知んない。。。わかんないけど。。。最近、もじってばかりいるので、IE の事は忘れていたのだわ…。
では、アップデートが上手くいきますように...。

るるろぐが Movable Type 2.661 から、Movable Type 3.11ja にバージョンアップしました。

何か変わったの…？

…内部的には（MT的にはだいぶ…）。 でも、あまり恩恵（？）は表に出していません。。。ていうか、（まだ）やれてないというか。。。

恩恵１：サブカテゴリが持てる

これは良いんだよね。。。MT はカテゴリのページが巨大になる傾向にあるから。。。なんとかしてカテゴリを分割したいと思っていたのよね。。。プラグイン使えば2.661でも出来るみたいだったけど、mysqlが使えないとダメだったり…（めぐ味屋がMTを置いているisweb はMySql を使えない）。そんなわけで、これはよろしい機能かと...

恩恵２：日本語版になった

2.661では、正規版にmilanoさんの日本語パッチを当てていたのよね。。。それが正規にサポートされるようになった。

恩恵３：コメント投稿関係が強化された

type key に登録してないと、コメント出来なくしたりとか設定できるようになった。もちろん、type key に登録してなくても、コメント出来るようにもMT 側で設定出来る。
あと、コメントを管理者が確認してからページに反映するかどうかを設定出来る。

恩恵４：処理速度が速くなった

これは体感出来るにゃ。。。

恩恵５：ページのダイナミック生成が出来る

管理者がリビルドしてページに反映させるのではなく、ページにアクセスがあった時に、リアルタイムでページを生成するというものらしいのですが、、、いまひとつ飲み込めていません。そして、これは、mysql が使えないとダメらしいので、isweb ではできにゃい機能。。。

恩恵６：予約投稿ができる

…とか…

…にゃんか変なところもあるんだけど…。
全体的に考えて、バージョンアップして良かったかにゃん。。。
今後は、こちらの記事を順次、移行出来ればと思っているデス。るるるん。

　# 下記は、AutoPage 版めぐ味屋ブログからの転載です #

では、いよいよ、Movable Type3.1を起動します。

mt.cgiを実行します。

ログイン画面が出たら、仮ののユーザー名、仮のパスワードでログインします。

...入れました〜。。。成功です。
しかし、ここで安心してはならず、サクサクと自分のアカウントを作ります。

えっと、外部認証トークンて何…？
ま、いっか、後で。。。

次に、WEB-LOGの設定をします。
あら、ずいぶんシンプルになったんですね。。。なる〜。。。
早いって言うのは、この辺りのことも含んでいるのかも…。

ローカルアーカイブパスなどは、以前のMTの設定を参考に指定しました。

再構築してみます。どきどき…。

ででででで、出来ました〜。。。
ページも表示されました（変だけどね　笑。でも今はそんなことは問題じゃないの〜）。

とりあえず、エントリしてみましょう。

あはははは。できた〜。めぐ味屋無敵状態。爆。。。

えっと。後は何をすれば…？うーんと。とりあえず、寝ようっと。。。
テンプレの変更とか、データのインポートとかゆっくりやればいいや。

では、おやすみなさい〜。。。

　# 下記は、AutoPage 版めぐ味屋ブログからの転載です #

mt-check.cgiを実行します。

特にエラーの画面が出なければ問題ないようです。 念のため、画面を保存するか印刷しておくことにします。

mt-load.cgiを実行します。 「System Initialization Complete」が出れば、問題ないようです。

mt-check.cgi, mt-load.cgiのふたつをサーバーから削除します。

　# 下記は、AutoPage 版めぐ味屋ブログからの転載です #

マニュアルに従って、ファイルをアップロードします。

アップロードがすんだら、ファイルのパーミッションを変更します。

次に、isweb の場合には、先程ファイルをアップロードしたディレクトリの下に「db」というフォルダを作り、そのパーミッションを変更します。

HTMLを生成するディレクトリを作ってパーミッションを変更します。
めぐ味屋は既に公開の為のディレクトリを作っていますが、テスト的に、別にディレクトリを作りました。

　# 下記は、AutoPage 版めぐ味屋ブログからの転載です #

次に、*.cgi の中の perl のパスを変更します。これは、通常の掲示板設置の時などと同じですね。。。

isweb のマニュアルを見ながらやってみます。
展開したフォルダのルートには、13個の*.cgiがありますが、isweb では、そのうちの１０個だけを変更すればよいようです。

それがすんだら、「mt.cfg」の中身を変更します。

18行目：mt.cgiをどこにおくか。
これは自分で決めてその通りのパスを指定します。

63行目：StaticWebPath：
これはiswebの場合、cgi-binフォルダの中に静的ファイルも置けますので、特に指定しなくて良いようです。

226行目：PublishCharset:
めぐ味屋は、utf-8で運用するのでここは変更しません。

308行目：ImageDriver：
IswebはImageMagickを使うので、ここをiswebのマニュアル通りに変更します。

80行目：SendMailPath：
Isweb では特に変更の必要はないようです。

177行目：EntriesPerRebuild：
弱いサーバーの場合、ここの数字を減らすと良いようです（サーバーへの負荷が減るとか…）。めぐ味屋では、現在「10」にて稼働していますので、今バージョンでもその様にしてみます。

DB関係は、Iswebでは飛ばします。

　# 下記は、AutoPage 版めぐ味屋ブログからの転載です #

Movable Type 3.1日本語版をゲットしました。isweb basicに導入してみます。

めぐ味屋では、既に稼働中の「2.661」があるので、本来なら「アップグレードパック」で良かったと思うのですが、*.pmの中身をいじってたりするので、アップグレードの方が面倒な気がして、フルパックをDLしてみました。

インストール手順は、infoseek isweb で紹介している方法と、milanoさんが紹介して下さっている方法とを照らし合わせながら、やってみます。

うーんと。。。たぶんこれでラストになると思うんですけども…。
今回は、コメント／トラックバックを表示する部分に手を入れてみます。

html の構造をかいつまんで簡単に書くと、

　＜div class="wback"＞
　　＜div class="wback1_tr"＞
　　　　＜b＞記事タイトル＜/b＞
　　　　　　Posted by ブログ名 at 2004/10/20 23:48＜br＞
　　　　　　＜div style="margin-left:30px"＞
　　　　　　　トラックバック記事本文＜br＞
　　　　　　＜/div＞
　　＜/div＞

　　＜div class="wback1"＞
　＜b＞コメントタイトル＜/b＞
　　　　　Posted by 投稿者 at 2004/10/20 23:50＜br＞
　　　　　＜div style="margin-left:30px"＞
　　　　　　コメント本文＜br＞
　　　　　＜/div＞
　　＜/div＞
　＜/div＞

こんなんなので、該当する class に宣言を追加するなりします。
めぐ味屋はこんなんにしてみました。

　．wback ｛
　　　margin:5px 33% 0px 1%;
　　　…略…
　｝

　．wback1_tr ｛
　　　margin:5px 1% 0px 1%;
　　　padding:5px;
　　　border-width:1px 2px 2px 1px;
　　　border-style:solid;
　　　border-color:gray;
　　　…略…
　｝

「wback1」も「wback1_tr」とおんなじ感じです。また、コメントフォームは

　．wback2
　．wback2 table,tr,td
　．wback2 form,input,textarea

を定義してみました。

今度は、サイドバーの各ブロックのとこ。まず、新着エントリ。。。

ヘッダを目立つようにして、後、記事の下にアンダーラインがつくようにしてみました。
ヘッダは orig.css にないので、作るデス。

　．heading_entry ｛
　　　background-color:#aaaa99;
　　　text-align:center;
　　　padding:0.2em 0px;
　　　border:2px ridge #aaaa99;
　　　…略…
　｝

記事一覧はこんな感じ。

　．recententry ｛
　　　margin:0px 1em;
　　　padding:0.3em 0px;
　　　border-width:0px 0px 1px 0px;
　　　border-style:dashed;
　　　border-color:#aaaa99;
　　　…略…
　｝

後、新着コメントのヘッダは、

　．heading_coms

を作って、内容は、「heading_entry」と同じにしました。コメント一覧は、「newcoms 」です。これも記事一覧と同じようにアンダーラインを引いてみたかったのですが、htmlの構造上、無理っぽいのでやめました。。。

後は、

• アーカイブヘッダ：
  heading_archive
• 年：
  archive_year
• 月：
  archive_month
  
  
• カウンターヘッダ：
  heading_counter
• カウンター各要素：
  count2

ないものは、作るデスね。。。

うんと。。。

では、次にサイドバーをいじってみます。
サイドバーは大囲いがあるんですよね…これ。。。

　div．guidance ｛
　　　position:absolute;
　　　left:69%;
　　　width:30%;
　　　top:5px;
　　　padding-left:5px;
　　　padding-right:5px;
　　　padding-top:5px;
　　　padding-bottom:5px;
　　　…略…
　｝

これも width をとってこんな風にしてみました。

　　　position:absolute;
　　　left:69%;
　　　top:5px;
　　　padding:5px;
　　　margin:0px 0.1% 0px 0px;
　　　…略…

夢でお告げがありました…。

前回「のブログスタイルシート…日付部編」と「のブログスタイルシート…ブログタイトル部編」で、それぞれ、

タイトル部：

　．line1 ｛
　　　width:68%;
　　　…略
　｝

日付部：

　．date ｛
　　　width:68%;
　　　…略
　｝

とかにしてみたんですけど、「のブログスタイルシート…エントリ部編」と同じやり方をすれば、IE でも、もじらでも同じように見えるわけですよね…。

で、こんな風にしてみました。

　．line1 ｛
　　　margin: 0px 32% 0px 0.1%;
　　　…略…
　｝

　．line2 {
　　　margin:0px 32% 10px 0.1%;
　　　padding:6px 1em 3px 1em;
　　　…略…
　｝

　．date ｛
　　　margin:0px 32% 10px 0.1%;
　　　…略…
　｝

うーんと。次は、エントリボディのとこ。。。なんですけど。
やっぱり大囲いがないと、デザインしづらいにょん…。

記事の囲い、デフォルト：

　．article ｛
　　　width:64%;
　　　margin-left:20px;
　　　margin-top:5px;
　　　padding:5px;
　　　…略…
　}

こんな風にして width 取ってみました。。。

　　margin:5px 33% 0px 1%;
　　padding:12px 0.5% 5px 0.5%;
　　border-width:2px;
　　border-style:ridge;
　　border-color:#aaaa99;
　　…略…

記事本文は orig.css にないみたいなので作るデス。

　．article_main ｛
　　　margin:0px;
　　　padding:0px 1em 1em 1em;
　　　background-color:#ffffee;
　　　border-top:2px solid #aaaa99;
　　　border-bottom:2px solid #aaaa99;
　　　line-height:1.7em;
　　　…略…
　｝

記事フッタ：

　．footer ｛
　　padding:0.2em 1em;
　　…略…
}

こんなんかなあ。。。どうなんでしょ…。

　# 中途半端なんですけど。。。今日はおしまいでするるる #

うーんと。。。おなかすいた…笑…。
でも、今、食前の漢方を飲んだばかりなので、後１時間は、食べられにゃいん。。。ということで、もうちょっといじるにゃんんん。

次は日付だにゃ。ていうか、にゃんで今日はずっとにゃん語にゃのだろう…。
…良いけど…。

日付のところ、デフォルト：

　．date ｛
　　width:69%;
　　margin-top:5px;
　　padding:5px;
　　background-color:#DEDFDE;
　｝

はばをちょっと狭くして、枠で囲ってみました。こんなんです。文字はセンタリング。

　　width:68%;
　　border:2px ridge #aaaa99;
　　text-align:center;
　　…略…

うーんと。。。
ヘッダーの大囲いがにゃいのよねん。。。
それがあるといじるのに都合がよいんですけど。。。
あ、その辺のところを、きっと有料版ではいじれるのですね。。。と勝手に想像してみる…。

そいでは、タイトルの部分をいじってみます。

デフォルト：

　．line1 ｛
　　　width:68%;
　｝

line1 をこんな風にして、背景にねこ画像を張り込んでみました。ちょっとは可愛いでしょうか。。。

　．line1 ｛
　　　width:68%;
　　　…略
　　　background-image: url(画像のパス);
　　　background-position:top;
　　　background-repeat:repeat-x;
　　　…略
　｝

後、タイトル文字は、「html」の方を眺めると、こんな風になっているんですが、

　＜div class="line1"＞
　　＜h1 class=line1_hx＞ブログタイトル＜/h1＞
　＜/div＞

orig.css の方に「line1_hx」というクラスがないので、作ることにしました。こんなんです。

　．line1_hx ｛
　　　text-align:center;
　　　color: #330000;
　　　margin:0px;
　　　padding:2.4em 0em 0px 0em;
　　　font-size:22px;
　｝

うーんと、次に、body に関する定義なんですけど。
背景色と背景画像を変えてみようかにゃ。。。

デフォルト：

　body ｛
　　…略
　　background:#F7F3F7;
　　…略
　｝

こんな風にしてみました。

　　background-color:#FFFFE3;
　　background-image:url("画像へのパス");
　　background-attachment:scroll;
　　background-repeat:repeat;

後、デフォルトで

　　font-family:sans-serif;

が、定義されているんですけど、にゃんだかうちの化石マシン（笑…）で見た時、文字化けするというか、文字がちゃんと出てくれないので、こんな風に追加してみました。

　　font-family: Osaka, "Trebuchet MS", Verdana, Arial, sans-serif;

うーんと、まず、リンク関係ですけど。。。
デフォルトでは、

　a:link ｛
　　color:#0000FF;
　　text-decoration:none;
　｝

　a:visited ｛
　　color:#9601FF;
　　text-decoration:none;
　｝

　a:hover ｛
　　color:#0000FF;
　　background-color:#C0FFFF;
　　text-decoration:underline;
　｝

なんですけど、これだけだと、もじらで見た時、「visited」 の「text-decoraton:none」だけが有効になって、未読のリンクのアンダーラインは見えているので、以下を「a:link」の上に追加してみます。

　a ｛
　　color:#0000FF;
　　text-decoration:none;
　｝

できたかにょ…？
後、hover の時もアンダーラインが出ないように、hover の「text-decoration:underline」を「text-decoration:none」にしてみました。

うーんと。。。ついでにcssの最上段におまじないを入れておこうかな…。
これ。

「＠charset "Shift_JIS"；」

　# えへへ。もじらで懺悔は役に立ってるかにゃ〜 #

＊便宜上スタイルシートの一部を全角で記述していますが、実際は全部半角にするデスね。

のブログ、無料版でも外部スタイルシートが利用可能になったみたいなんですけど、なぁるるる〜そういうからくりなのか。。。

●「外部スタイルシートの利用」のチェックを外す
　旧式通りheadには以下が記述される
　　＜link rel="stylesheet" href="/blog.css" type="text/css" /＞
　　＜link rel="stylesheet" href="/blog2.css" type="text/css" /＞

●「外部スタイルシートの利用」にチェックを入れる
　headには以下が記述される
　　＜link rel="stylesheet" href="/orig.css" type="text/css" /＞

なる。わかツた。じゃ、今まで自由文言にリンクしていた内容をorig.cssの中身に貼ればいいのかにゃ…？ちょっと怖いけど（笑）やってみよう〜（バックアップとっとから…）

あう〜。

前回の懺悔で内心、もう完璧だね。あはははは…と思っていたのですが、実際、そ〜んなわけはないのであります。。。

ということで、今日の懺悔は、

　●background-attachment:fixed の恐怖！

です。。。

以前、ネスケユーザの方に、（テーブルなどの）ボックス内の背景画像が見えてないと言われたのですが、原因がわからなかったんですよね。で、諦めていたのですが、、、。
たぶん、ネスケで見えなかったのもこれが原因ではないかと思う。。。

"もじらで懺悔…#7 background-attachment 編"...の続きを読む

"DAZ でマイケルをゲット、支払いはペイパルで…"...の続きを読む

"DAZ でマイクェル買ってみました…（ビッキーもね）"...の続きを読む

"MIDI ファイルに著作権情報を埋め込む"...の続きを読む

やっと、音楽ネタです。。。といっても、小説の挿入曲なんですけど。。。 DNAの塩基配列（AGCTってヤツね）で音曲を作ってみました。

大野乾先生がやってらっしゃったようです。そちらの方はよく知らないのですが、、、。 私の場合、AGCTを眺めているうちに、これって音楽じゃん。。。と思って、作ってみました。 ネタあかし？は、小説で。笑。。。

譜面も作ったんですけど、なんでそうかは、もう覚えてないかも。。。あの時は、インスピレーションでバンバン作ってしまったので。。。

あと、音曲に関するイメージです。
これらは、今手がけている小説「Final Decision / PRELUDE」の中に出てくるサウンドメッセージです。他にメッセージは、後４曲あるんですけど。。。

書き下ろしならいっぱいあるので、それを先に出してしまえ…とお友達は言うんですけども、、、でもやっぱり、めぐ味屋としては、最初に「創世史」である「PRELUDE」を出したいんですよね。創世史は、聖書なら「創世記」にあたるところですし、、、。その後は順番？でなくてもいいのかもしれないけど…。

というわけで、PRELUDE サウンドメッセージより、DNA 塩基配列により音曲とイメージです。

音曲「GA（ソラ）の意志」を再生します（midi形式）

音曲「深き祈り」を再生します（midi形式）

音曲「12の星〜継代〜」を再生します（midi形式）

上記ファイルは、環境によって、音質が大きく異なる場合があります。ご了承下さい。尚、製品収録時には、MP3形式で収録する予定ですので、CD並のクォリティでご視聴頂けます。

"もじらで懺悔…#6…clear プロパティ編"...の続きを読む

"DAZに問い合わせてみました…"...の続きを読む

"もじらで懺悔…#5…alt と title編"...の続きを読む

"もじらで懺悔… #4…ソース丸出し編"...の続きを読む

"もじらで懺悔… #3…text-align 編"...の続きを読む

"もじらで懺悔… #2…width, padding, margin 編#2"...の続きを読む