Home / Diary / 2006年5月のログ

123

目次

  1. レートをよこせ! おれはかみになるんだ!
  2. レゲー小ネタ 詰め合わせ
  3. JavaScriptでCSSを弄る際のメモ その2
  4. King's Field Additional I
  5. 5連休がテトリスDSで終わった件
  6. テトリスDSのWi-Fi対戦がやめられない

レートをよこせ! おれはかみになるんだ!

最初はこう思ってたけど、実力が伴わないレートは不幸しか呼ばないな。と、TGM付きやら高ランクな人達にボコボコにされた上、低レート相手にWi-Fi切断3連続かまして凹んだので悟ってみた。

こんなんやってるようじゃ全然だめだな、俺。

テトリスDS

Info

2006
0513

Tagsgame

レゲー小ネタ 詰め合わせ

レゲー小ネタ 詰め合わせ

ドラクエIIがまさにその通りで笑った。

この人の作品は相変わらず絵とネタのクオリティが高いな。

Info

2006
0513

Tagsgame

JavaScriptでCSSを弄る際のメモ その2

このエントリは、JavaScriptによるCSSの操作として新たに書き直しました。

-

前回同様、結構適当に書いてる部分もあるので鵜呑みにしないように。

IEとMozillaでは、スタイルシートの値を取得するには以下の処理を利用すればよい。

function getStyleValue( selector, property ) {
  property = ( property.match( /-/ ) ) ? property.camelize( ) : property;
  var stylesheets = document.styleSheets[0].rules  //IE
                 || document.styleSheets[0].cssRules; //Mozilla
  for( var i = 0, len = stylesheets.length; i < len; i++ ) {
    var css = stylesheets[i];
    if( css.selectorText.toLowerCase( ) == selector.toLowerCase( ) ) {
      if( css.style[ property ] ) return css.style[ property ];
    }
  }
  return null;
}

しかし・・・

全称セレクタ

IEにはほとんどの場面で取得出来なくなる仕様が存在する。

ul * { line-height : 150% }

このようにスタイルシートに記述していた場合

getStyleValue( "ul *", "line-height" );

このようにしてもIEでは取得できない。どうやら内部でアスタリスクが消されるようで、document.styleSheets[0].rulesを参照しても、上記の場合はselectorTextがulのみになってしまう。

じゃあアスタリスクを除いたulだけ指定して取得すればいいじゃん、と思うが

ul { margin : 1em }
ul * { margin : 0.5em }

もし、このように指定されていたら、forループ中に先に指定したulがひっかかってしまい、本来取得したいul要素の子要素全てのmarginは取得できなくなってしまう。

ブラウザの差異を無くすために以下のように記述することがある。

* {
margin : 0;
padding : 0;
font-size : 100%;
font-weight : normal;
font-style : normal;
line-height : 100%;
list-style-type : none;
}

この場合は以下のようにすることで取得することができる。

getStyleValue( "", "line-height" );

ちなみに

ul * span { line-height : 150% }

これを取得する場合は以下のようにする。

getStyleValue( "ul  span", "line-height" );

スペースを二つ空けるのがポイント。一つではダメ。

これらは全てIEのみで、mozillaは関係ない。

グループ化

ul li, span { line-height : 150% }

カンマで区切ってグループ化する場合、IEでは内部で分解される。

getStyleValue( "ul li", "line-height" );
getStyleValue( "span", "line-height" );

上記で両方とも取得できる。が、「ul li, span」では取得できない。

逆にmozillaは内部で分解されないので

getStyleValue( "ul li, span", "line-height" );

と指定する必要がある。ややこしい。

まとめ

JavaScriptでCSSを弄るつもりなら、全称セレクタは使うな。グループ化は避けろ。

そこでプロパティ別整理法をプッシュしてみる。

全てとは言わず、デザイン段階での変更頻度が高い「margin、padding、color、background、border」あたりだけでもやっておくと結構楽。ただし、CSSのサイズが小さい場合は逆効果。

どうでもいいこと

getStyleValueを、同じセレクタで複数スタイルを指定していても(たぶん)大丈夫なように変更。

愚痴

OperaはWidgets実装して浮かれてる暇があったらさっさとDOM2 CSSをサポートしやがれ。ってゆーかサポートしてくださいお願いしますおぺらたん

愚痴 その2

IE7はタブ+RSS実装して浮かれてる暇があったらさっさとdataスキームを実装しやがれ。

Info

SBM Comments

mhrs
IEの罠。「JavaScriptでCSSを弄るつもりなら、全称セレクタは使うな。グループ化は避けろ。」
ll_koba_ll
JavaScriptでCSSを弄る際のメモ その2
ll_koba_ll
JavaScriptでCSSを弄る際のメモ その2
facet
愚痴つき。w
nilab
暴満館 � JavaScriptでCSSを弄る際のメモ その2
hiro_y
JavaScriptでスタイルシートを操作、続編。
brazil
CSS、IE、セレクタ、←Behaviour、←cssQuery
akiyan
意外なところで久しぶりにプロパティ別整理法を言及されました。

2006
0513

Tagscssjavascript

King's Field Additional I

King's Field Additional I

●リアルタイム戦闘 ダンジョン内で敵とエンカウントすることで戦闘画面へ意向。戦闘はリアルタイムで進行。

エ、エンカウントて。

◆【PSP】キングスフィールド アディショナル1
・PSP、7月20日発売、3990円
・本作発売の一ヶ月後(8月24日)にアディショナル2が発売され、プレイデータの連動。
・1で取った行動が2の物語に大きく影響を与え、アイテムなども引き継ぎ可能。
・物語は一作ごとに独立しているが2作両方プレイすることで物語の真実にたどり着ける。
・本作はキングス3の10年後が舞台。ヴァーダイト編の真の結末が描かれる。

雑誌フラゲ情報2006/05/10(水)

どうみても分割商h

あー、ちゃんと作ってたんだな。てっきり名前だけ出しといてフェードアウトするのかと思ってたよ。

・・・もしかしてこれが最後のキングスフィールド?

Info

2006
0510

Tagsgame

5連休がテトリスDSで終わった件

四六時中、というわけでもないがテトリス三昧。ここまでDSフル稼働してるなんて購入してから初めてだわー。

高レートと遭遇したら「ていレートをころしてへいきなの?」と呪詛を送りつつも心の中では「死ねよやー!」と叫びながら戦いを挑んでいた。大抵返り討ちに合ったが。7000超えてる人は格が違うな。勝てる気配が一向にせん。

つーかやりすぎで目が痛い。10連戦すると目にくる。頼むから任天堂はDSをビデオ出力できるようにしてくれ。や、まだたきすら許さないほどヒートアップする対戦してるほうが悪いのだが。「目がぁー目がぁー」言いながらプレイするのもさすがに辛い。

対戦相手のシチュエーションを妄想

オカン「ウルテク載ってるかもしれないじゃないの!」

吹いた

テトリスDS

Info

2006
0507

Tagsgame

テトリスDSのWi-Fi対戦がやめられない

携帯機で20Gで遊べる! しかもネット対戦で猛者と戦える!(勝てんけど) 4人対戦が楽しい! クッパTUEEEEEEEEEEEEEEEEEEEE!

そしてWi-Fi対戦の中毒性がやばい。同ランク相手に気付いたら30連戦とかやってた。ってか相手も受けるのかよ。

ワールドばっかりだけど、せっかくなんでコード書いとく。(意訳:誰か対戦して)

フレンドコード => 651451-237373

この下にある[ちょこっとコメント]でコードを送ってもらえばこっちも登録するんで、よろしく。

Info

2006
0504

Tagsgame

暴満館

最新のエントリ
注目のエントリ(はてな)
ゲーム攻略

暴満館 ~The House of Full Violence~
Powered by WordPress.
About | Contact | 新着のエントリ情報 RSS

ページ内の見出し一覧
レートをよこせ! おれはかみになるんだ!
レゲー小ネタ 詰め合わせ
JavaScriptでCSSを弄る際のメモ その2
King's Field Additional I
5連休がテトリスDSで終わった件
テトリスDSのWi-Fi対戦がやめられない