Zephyr Cradle Diary

■ [雑記][PG] 自己流IEバージョン対策CSS(1)

もはやついったー上では爆発させられるのが当然なIEちゃんですが、いや全くそう思うです。今もひーたんちの某企画のサイト作ってるんですが、例によって例の如く、IEのバージョン違いでつまずきます。

で、自分のための備忘録も兼ねて、どんなケースがあるのかとそれに対する対策なんかをまとめてみようかなと。なんだかんだ言って何度もつまずくし、対策もケースバイケースなんですが、ある程度の法則はあるような気がするので。

ただしこれはあくまでも個人的にやってるむちゃくちゃ力業な対応です。Webのお仕事してる本業の方々はもっとちゃんと対応してるかと思いますので、本来のあり方はそう言う方々に聞いてね！ 昔は当方もここらへんのサイトを読みあさったものです。当時はお世話になりました。

■ [雑記][PG] 自己流IEバージョン対策CSS(2)

一番よく引っかかる属性。……といっても自分がですが。上で紹介したサイトのこの記事でも触れられてますが、paddingとborderが最も鬼門です。なんでこんな最も基本の属性に手間取らなきゃならんのだという話ですが……。

これら、IE6だと解釈がバグってて、widthの幅やheightの高さの内側にborderの幅が認識されるんですね。つまり、「width: 800px;」なdivの中に「width: 800px; border: 1px;」なdivがあったらはみ出ます。詳しく知りたい人はさっきのリンク先の記事を読みましょう、図解があります。これ、ホント勘弁してほしいです。

二番目によく引っかかる属性。やはりmin-height / min-widthと、max-height / max-widthは、便利で多用してしまうだけによっく引っかかります。

これも有名だと思いますが、これらの属性はIE6では未対応です。そう、使うなって話です。無茶言え、今のご時世これなしにどう生きろと！ これらの属性を初めて知った時はうちも狂喜乱舞したものですが、まさかIE6が未対応だとは……。なので最初は知っても使えなくて枕を涙に濡らしました。ちなみにIE7は対応してます。

■ [雑記][PG] 自己流IEバージョン対策CSS(3)

では、これらに対してどうするか？ 対策は色々あるらしいです。JavaScriptを使うとかそのブラウザ向けにCSSをもう一枚噛ませるとか。うちもよくは知らないんですが。

ここからは当方の自己流をご紹介。ものぐさな大臣がCSS一枚の中で何とかやりくりしてきた努力のたまもの（笑）です。

基本方針は、属性の上書きです。CSSは、同じ属性に対する操作を二度書いたら後に書いた方が有効になるので、それを利用します。問題になった属性（たとえばwidthなど）を、特定のブラウザでは問題にならないような値に上書きしてしまえば良いわけです。例えばIE8では「width: 800px;」なところを、IE6ではborder分込みで「width: 798px;」になるように再定義するといった方針です。

しかしながら普通に二度書いただけじゃ、IE8で見たときにも798pxになってしまう。そこで、ブラウザごとの特性を逆に利用するという力業です。

(1) アンダーバーを付けた属性を使う（IE6向け）

前にも日記で書いたような気がしますが。例えば「_width: 798px;」とか書きます。実際にこんな属性は定義されてないんですが、何故かおバカなIE6ちゃんは「_width」を「width」だと認識します。むかーし間違えてアンダーバー付きで書いてしまったにも関わらず何故かその属性が適用されたことがあって、それ以来悪用（笑）してるワザです。つまり、先ほどのようなケースでは以下のように書く訳です。

　.hoge {
　　width: 800px;
　　_width: 798px;　/* for IE6.0 */
　　border: 1px;
　}

IE6向けとコメントを付けた3行目は、IE6でなければ発動しません。これでめでたく期待通りの横幅になるというわけですな。

ちなみにこれを使えば、IE6ではほぼ「min-height」と同じ意味を持つ属性「height」を、IE6にだけ適用させるという荒技もできます。要は「min-height」のあとに「_height」を定義すれば良いわけですな。うん、実に強引。残念ながら「max-height」の代わりはないのですが……。同じことは、他の属性全てに対して可能です。positionとかに使っても有用かもしれませんな。

(2) ダブルスラッシュのコメントを使う（IE6、IE7向け）

CSSでは「/* hogehoge */」と書くとhogehogeはコメントになって何の効果も持たなくなりますが、同様に、ある行内において「//」と書いた後ろの文字は全てコメントになるというのもあります。で、「//」はIE7以前は未対応です。これを使わない手はないでしょう。

これも上の(1)同様、IE7以前向けに属性を上書きする方向で使うのが常です。しかも(1)のアンダーバーと組み合わせれば、なんとIE6・IE7・IE8向けそれぞれのコードが書けるっていう！

こんな感じ。

　.hoge {
　　width: 800px;
　　// width: 799px;　/* for IE7.0 */
　　_width: 798px;　/* for IE6.0 */
　　border: 1px;
　}

色々強引すぎて我ながら笑いが出ますが。本職でないのでこんな力業でCSSを書いていますが、本職の人に見られたら怒られそうだなあ！ このあたり、正直仕様とかちゃんと知らずに経験則だけで書いてるので、ホントに場当たり的です。とは言えこれできちんと動いてるからいいじゃなーい、という感じで、当方が作るサイトは全て書かれています。適当と言われればそれまでだけど！

以上、長くなりましたが大臣のCSS小技でした。意外と使えるので、手っ取り早くぱぱっと対処したい時とかにオススメなのですよ！ 個人サイト・同人レベルだと、このくらいで良いだろーって思ってます。逆に言えば、プロの方々はこんな適当な対処しないでくださいねっていう希望もあったりなかったり……いや実際はどうなんだろう、ちゃんとやってそうだと期待してるんだけどっ。

文句、受け付けてます。

■ [雑記][PG] 自己流IEバージョン対策CSS(4)

ちなみに、今日はIEの各バージョンの見た目チェックが出来るソフトを導入してみました。こちらで紹介されている「IETester」というソフトです。ちょっと不安定なソフトですが、IEはダウングレードとかが面倒なので、こういうソフトがあるだけでもかなり便利ですねー。

他にも似たようなソフトはごろごろ出回ってるので、よくつまずくって人は使ってみると良いかもです。

■ [雑記] 気付けば半分終わり。

2009年も半分が終わりまして、七月です。なんかついこの前、冬込みに行ったような気がしてたんですが、もう夏込みですか。早いなあ。

今回も多分売り子をしに行くので、情報が揃い次第ご連絡しますですー、とまで書いて別に売り子情報とかそれは誰得の情報なんだと思い至る。……眠い頭でiPod touchから更新なんかするなってはなしですね、きっと。

■ [雑記] 飲み三昧オフ三昧

寝ても覚めても飲んだくれ、大臣です。

金曜、土曜、日曜と三連チャンで飲んでました。金曜は上司と飲み、土曜はmixiコミュのオフで飲み、今日はTwitterのオフで飲み。そして三日間ともビールか梅酒しか飲んでいないというこれまた偏った感じです。充実した週末ではありましたが、ちょいと身体が持つか心配です。アルコール的な意味ではなく、睡眠時間的な意味で。当方は、土日に寝溜める派なので。

■ [雑記][音楽] mixi浜渦コミュ御腐海

土曜日は、元住吉のZephyrus（Googleマップ）という喫茶店でオフ会をしてきました。オーディオラウンジというらしく、真空管だらけの機材とともにしっかりと組まれたオーディオ機器の溢れる喫茶店を貸し切って、みんなで選曲した浜渦曲をばりばりとかけながら談笑するという、実に充実したオフ会に参加させていただきました。何名かの方はうちのことを知ってらして、嬉し恥ずかし！ 手前味噌ではありますが当方のアレンジ曲なんかも流させていただきました。

ホントにみんな、全員が全員顔見知りでないというオフは数年ぶりで、実に新鮮でした。しかしコミュ管理人という立場だったというのを抜きにしても、非常に話しやすく、楽しい雰囲気でした。浜渦コミュのオフ会、なんて名目ですから、当然集まるメンツはみんなゲーム音楽好き。しかしながら私生活はみんなてんでばらばら。そこがまた面白いですね。普段は音系の人か身内かとしか会わないですからねえ。それでもDTMを嗜む人が、うちを含めて3人も居たのには笑いましたが。しかもみんなSD-90使いとか！

次のオフ会はFF13サントラ発売後と言う流れになりましたが、待ち遠しいですね。お店も良かったですし、何よりうちのサークル名と名前が被ってますからね！ お店には是非また足を運びたいところです。

最後になりますが、オフに参加された方々はお疲れ様でした！

※当方管理のmixi内浜渦コミュはこちら。

■ [雑記] ついったー突発オフ

何かの同人イベント（よく知らない）に合わせていらっしゃったShuさんと遊ぶべく8人ほど集まってだらりと横浜で遊んできました。

遊ぶと言っても、当初予定していたビリヤードは当然の如く長時間待ちで*1、ボウリングも然り。昼飯を食べてたら丁度良い時間だったこともあり、そのまま諦めてカフェへ直行。例によってカフェ充なわけでした。おされな出で立ちのカフェなのにぞろぞろと入るオタクどもが8人。奥まった席で珈琲を注文し、メニューが届いたらそれぞれおもむろにカメラを取り出してぱしゃぱしゃと取り出す謎集団。かなり異様な雰囲気だったのではないかと。まあ、いつものことですがね！

他愛もない話でだらだらと盛り上がりつつ、ヨドバシでモノを物色したりした後はそのままザ・海峡で飲み。実に、ときどきアキバでやってることをそのまま横浜でやっただけという流れでした！ ていうかうちは金曜日に上司と海峡行ったばっかりだったけどね！ いざというときのザ・海峡。頼りになります。伝説の若鶏の唐揚げは我々のジャスティスです。しっかし最後のほうはもう昔話や某氏のネタ話で盛り上がってばっかりで、音系じゃない方々には判りづらい内容で非常に申し訳ない感じだったかなあと後悔したりもするのですが、コレにめげずに仲良くしてやってください！ こんな界隈です！

そんなこんなで夜遅くまで飲んで解散。ホントに喋りメインのオフでしたが、オフは逆にこういう喋りメインのほうが楽しいというか燃えますよね。折角面と向かって会う機会なんですから、ゲームするだけじゃあ勿体ないというヤツでございます。慣れりゃいいですけどねなんでも！ 次はビリヤードなり、ダーツなり行きましょう。是非。

■ [音楽][お買い物][写真] 新兵器Cubase5導入

良い機会だったので、ついにゲットしてしまいました。Cubase5。

無印ではなくStudioですが。

気付いたら随分と性能向上していて、GUIも色々使いやすくなっている。ということは前々から知っていたのですが、そうは言っても古い環境が別段使えないというわけでもなく、慣れてしまえば結局のところ住めば都と申します。欲しくはある。けど別に緊急で買い換える必要もない。6万だし。

ということでずっと保留にしていたのですが、ようやく買いました。別に何が切っ掛けというわけではないのですが、オフで触発されたとでも申しましょうか。やっぱ一人でうんうん唸って考え込んでるより、誰かに背中押してもらったほうが崖から飛び降りやす……じゃなくて購入の見切りが付けやすいじゃないですか。まあその程度しか欲しくなかったんじゃんと言われればそのとーりなんですが。

そういうわけで新環境導入の流れになりそうです。サイネリアはこれで参戦予定。制作環境の更新は実にsweet Avenue制作時以来になるので、実に5年ぶり。これで何が変わるかは判りませんが、一層の発展が得られることを期待しましょう！

自分自身、この導入でどう変化するかさっぱり判らんとです。

■ [雑記] 6/24はUFOの日

だったんですよね。なに、今知った？ おっくれってるぅーーーーーーーーーーーーーーっ！

すみませんおっくれってるーって言いたかっただけです調子乗りました。

続きは「イリヤの空、UFOの夏」で。

■ [CD] セブンスドラゴンスーパーアレンジバージョン

チェロを弾いてる鬱姫ジャケが目印の、生演奏系アレンジアルバム。サントラは買わなかったんですが、アレンジだけは買いました。当方はこういうことをよくやります。

「ピアノと弦楽器の生演奏による」なんて副題が付いてたりしますが、ピアノと弦楽器とかはそこまで関係なく、普通に小編成系のアレンジアルバムです。アコギやサックスやベースやアコーディオンや色々居ますので、普通の編成です。雰囲気としては、ナナドラにドラクエとジブリを足して割った感じに仕上がってます。戦闘曲は全体的にフラメンコ調。ジャズやボッサもあったり、別にクラシックっぽいというワケでもなく。

で。これがまた良いアルバムなんですよ！ 取り敢えずナナドラをクリアしたぞーって人は買って損はないのではないかというくらいにプッシュします。やはり聞き所は戦闘曲系。アコギ、ピアノ、アコーディオン、ヴァイオリン、カホンという編成でアレンジされてるんですが、これがまた見事なまでにマッチしてる。もう「ずるい」の一言に尽きます。ここまでやられて脳汁が出ないわけがありません。是非とも聴いていただきたいアルバムです。

個人的に一番好きだったのは「密林航行」。元の曲が猛烈に大好きということもあるのですが、アンビエントな雰囲気にアレンジされていて、当方がやるならこういうアレンジだろうなあというのをまるっとそのままというかそれ以上にやられました。このアレンジだけでご飯三杯は行けます。それくらいに好きです。買って良かった。

初回版には楽譜（冊子＆PDF）が付いてきますが、手書き譜なので、正直読めたモノではないです。なのでオマケ程度に考えていた方が良いかと思います。

■ [雑記][写真] 旅行行ってました。

蓼科（読めなかった）とかいう場所へ家族で旅行してきました。長野県はあいにくの天気でしたが、それでもこれはこれで楽しむことができましたー。写真は以下に上げてあります。

http://picasaweb.google.co.jp/zephyrcradle/AnXY?feat=directlink

しかし2日目は凄い霧でした。ホント、50m先が見えないくらい。

晴天ならそれはそれは絶景だったんでしょうけど、これはこれで楽しめました。まさに幻想世界というか。霧の中にうっすらと浮かび上がる木々がなんともいえない神秘さを醸してましたのですよ。

土産はひだまりの民ことタミー（地域限定）↓と、信濃ワイン「豪雪」。豪雪は前に買って好評だったワインなので、再度購入。うーん開けるのが楽しみ。

■ [Game] WAXF(2)

旅行先でもやってたのは言うまでもなく。

実に面倒臭かったAct1-14をクリアして、ようやくAct2へ。1-14がうんざりするほど面倒だったので、ちょいと攻略法をメモなど。

パーティ編成はスペルキャスター、エスコートベッセルが中心。それぞれ2人ずつくらいが丁度良いかも。あとはサポートスキルとワンダーシーカーが居ると吉。どれもRES値を優先して固める。

序盤は柵を抜けてくる二カ所に対してエスコートベッセルを配置。ZOCで止めてる間にスペルキャスターで、足の速いワンダーシーカー2人を落とす。コンビネーションアーツでもOK。仕留めてる間にクラリッサはエンゲージで味方のRESを上げまくっておく。

増援1回目。左からずんどこ攻めてくるので、もっとも近くの橋まで近づいてきたところに味方2人を配備して道を完全にふさぐ。ふさぐと増援はUターンして一つ前の橋から入ろうとするので、そこをスペルキャスターで迎撃。さっきふさいだ橋を開けたりするとまた戻ってくるので、それで行ったり来たりさせてると倒しやすい。

増援2回目。防衛ラインの近くにでる上にZOCで進行を防ぎきれない可能性が高いため、スローダウンでターンが回ってくるのをなるべく妨害しつつ、こちらは人海戦術で道をふさぎながら迎撃。とにかくMOVの高いジオニックルーラーを真っ先に倒すように心がければ、あとは余裕なはず。いつでもどこでも、困ったら取り敢えずスローダウンするようにすれば勝率はかなり高まる印象。

……というのが1-14のマイ攻略法。1-15でもそれなりに面倒な戦いがあったけれど、1-14をクリアした身なら割とあっさりクリア出来てしまった。増援もないし。ストーリーもようやく役者が揃ったところで、段々と先が読める展開になってでも気になるという感じなので、このままずんずんと進めていきたいと思います。クラリッサ可愛い。

■ [音楽] リバーダンス再来日！

今朝ふとメールを見たら、タイトルからして釣りなメールが！ そう、リバーダンス再来日らしいですよ！ こりゃあテンションも上がるってなもので！

http://eplus.jp/sys/web/theatrix/special/20090619_ragus/index.html

はい、何も考えずにS席取りました。しかも日取りも、千秋楽の神奈川県民ホール。

前回が最終公演だったんじゃないかという問いはありますが、そんなのは些細な話。「それはやるやる詐欺だな」とかたまけん先生に言われたけど気にしたら負け。前回行ったときは一部録音だった演奏が今回は生演奏で見れるのだから、そりゃもうS席でも何でも取りますよ。愛しのリバーダンスですから！ ケルト！ フィドル！ サックス！ バグパイプ！！

現在先行販売中だそうなので、気になる方は今のうちにー。割とさくっと売り切れますので。

■ [Game] CLOVER体験版！

以前からたびたび紹介してるCLOVERの体験版が公開されました！ 当然のようにDLしてプレイしましたよ！

うんやっぱ読めません。いや予想通りですけどね！ でもハングルがちゃんと表示されないのはフォントをちゃんと設定してないからなのかなあ。まあそこは日本語版を待ちましょうというところですね。こういう焦らし方は一層楽しみにさせてくれるなあ。

それにしても全体的に線が淡い感じで、幻想的な雰囲気で統一されております。BGMもボッサだったりで凄く好きです。当方が担当した曲は、まあ流れるとやはり一瞬身構えてしまいますね！ New Gameで最初に流れる曲が初っぱな自分の曲で笑ったりもしましたが。

最近流行りの、というワケでもないですがこういうデフォルメキャラでの演出もあって、大切に作ってるんだなあと改めて感じましたわ。他にも鬼気迫った顔とか、会話の内容が読めずともくすりと笑ってしまいました。文章が判らなくても笑えてしまうっていうのは素敵だなあと思うワケです。

それにしても女の子が可愛い。このお話は冬という設定ですが、みんなが着てる服がもこもこしてたりでかわいらしい。韓国の学校はみんなこんなコートを着てるのかと思っちゃったんですが「別にそういうわけじゃない」とのこと。デスヨネー！

日本のギャルゲーと同じ体裁を取っているとはいえ、やっぱり違うなあと思うのは、作中で描かれてる風景。これが想像の景色かどうかはさておき、描かれる空気感がまるで違うんですよね。町並みとか自室とか教室とか。こういうのって制作者のこれまで接してきた文化や作品が大きく出るものですが、こういうところで異文化交流的なものを改めて感じさせられます。

といってもチャイムの音が同じだったり、部屋に見慣れた文字や置物があったりというあたりもあって、なんだか世界は広いんだか狭いんだかって気にさせられます。ケ○ロとか、お話を聞く限りでは向こうでも人気あるみたいですよ。わからんでもないですが！

そんなこんななこのゲーム、一部音楽担当した身でありますが、自分自身も日本語版が一層楽しみになりました。韓国では7/18に販売開始予定です。

なお他のスクリーンショットもいくつか撮りましたのでどうぞ。許可を下さってありがとうございますー。

■ [Game] WAXF(1)

ようやく買いました。こう書くとなんのことか判りませんが「ワイルドアームズ クロスファイア」の略称です。略してWAXF。ワックスFじゃないよ。

WAは好きだけど前情報では微妙かなあと思ってて、でもゲームメーターの評価とか見てると妙に評判が良いのが最近気になってたんですが、ようやく買おうという気になって買いました。いやあ、良いですね！ 確かにワイルドアームズしてる！ この中二病的なノリが最高です。ラブライナさん（34）は大嫌いですが、他がとてもWAです。いやどう説明したものか困るんですが、WAしてるんです。

クラリッサ可愛いよクラリッサ。これに尽きます。ただいまAct1-14くらい。

■ [雑記] カラープロファイルの調整

ひーたんこと柊氏からもらったPhotoshopファイルを開いたとき、白が真っ黄色になるときが多々ありました。特にCMYKはほぼ全滅に近くて、何開いても全体的に黄色っぽい。というか白がない。そんな状況が続いていながらもいい加減にちゃんとしときたいなあ、と思って、ようやく調べたりしてました。

結果としては、直りました。いやホントによかったです。

最初のうちはずっと、写真屋の設定がまずっててーと思って、カラープロファイルやらカラーマネジメントシステムやらの設定を色々調べてたんですが、どうにも解決に直結しそうなものがない。というか元ファイルのプロファイルと全く同じプロファイルを当てても黄色っぽい、というのは流石におかしいと思い至り。つまり原因は写真屋の設定にあらず、と行き着きました。だって元ファイルのプロファイルにしたのに色が変、というのは本末転倒なわけで。

で、そうなると疑うべきはモニタ。とは言ってもモニタの設定なんてそうそう弄るものでもないしこんなハードの調整がソフト側に影響を与えるわけもなく。と考えたアタリで、グラボの設定ツールが目にとまる。ココに何かあるのではないかと。つまるところ原因はドライバか？ という話です。

我がPCのグラボはGeForce8500GT。NVIDIAのコンパネ眺めてふと目に入るのは「ディスプレイ最適化ウィザードの実行」。こ、これだー！ と思って画面の指示に従ってぽちぽちと設定していったら、なんとあっさり直った！ やった！ やはり原因はモニタだった！ たぶんグラボを買ったりデュアルにしたりしたときに色々設定がおかしくなったのではないかと推測しときます。

そんなこんなでようやく萌え萌えな壁紙なんぞを食い入るように眺めたりできるわけです。良かった良かった。同じような症状の方はそこらへんの調整を試して見てください。