画像は公式で配っているもの (Twitter/Facebook) を縮小して使ったので、Twitter Bird の色がけっこう違います。

<ul id="social_buttons">
  <li id="hatebu_button"><a href="http://b.hatena.ne.jp/entry/【"http://" 抜きの URL】"><span class="text">B!</span><span class="count">0</span></li>
  <li id="tweet_button"><a href="https://twitter.com/intent/tweet?text=【タイトル】&url=【URL】"><span class="text">ツイート</span></a><a href="http://twitter.com/search?q=【URL】"><span class="count">0</span></a></li>
  <li id="fblike_button"><a href="http://www.facebook.com/plugins/like.php?href=【URL】"><span class="text">いいね !</span></a></li>
</ul>

#social_buttons a {
  display: inline-block;
  color: inherit;
  text-decoration: none;
}
#social_buttons a:after {
  display: table;
  clear: both;
  content: "";
}
#social_buttons span {
  display: block;
  float: left;
  font-family: sans-serif;
}

#hatebu_button span {
  height: 18px;
  line-height: 18px;
  border: 1px solid #2C6EBD;
  font-weight: bold;
  text-align: center;
}
#hatebu_button .text {
  width: 16px;
  background-color: #568BCA;
  background-image: -webkit-gradient(linear, left top, left bottom,
                                     from(#2C6EBD), to(#2C6EBD));
  background-image: -moz-linear-gradient(0deg, #2C6EBD, #2C6EBD);
  background-image: -o-linear-gradient(0deg, #2C6EBD, #2C6EBD);
  background-size: auto 9px;
  background-position: 0 100%;
  background-repeat: repeat-x;
  border-radius: 2px 0 0 2px;
  color: #FFF;
  font-size: 9px;
}
#hatebu_button .count {
  width: 32px;
  border-color: #ABC5E5;
  border-left-width: 0;
  border-radius: 0 2px 2px 0;
  background-color: #F7F9FC;
  color: #2C6EBD;
  font-size: 10px;
}

#tweet_button span {
  height: 18px;
  line-height: 18px;
  padding: 0 4px;
  border: 1px solid #CCC;
  border-radius: 3px;
  color: #333;
  font-size: 10px;
}
#tweet_button .text {
  margin-right: 5px;
  padding-left: 20px;
  background: #EEE url(./twitter_newbird_blue.png) scroll no-repeat 0 50%;
  background-image: url(./twitter_newbird_blue.png),
                    -webkit-gradient(linear, left top, left bottom,
                                     from(#FFF), to(#DDD));
  background-image: url(./twitter_newbird_blue.png),
                    -moz-linear-gradient(270deg, #FFF, #DDD);
  background-image: url(./twitter_newbird_blue.png),
                    -o-linear-gradient(270deg, #FFF, #DDD);
  background-repeat: no-repeat, no-repeat;
  background-position: 0 50%, 0 0;
  font-weight: bold;
}
#tweet_button a:hover .text {
  border-color: #BBB;
  background-image: url(./twitter_newbird_blue.png),
                    -webkit-gradient(linear, left top, left bottom,
                                     from(#F8F8F8), to(#D8D8D8));
  background-image: url(./twitter_newbird_blue.png),
                    -moz-linear-gradient(270deg, #F8F8F8, #D8D8D8);
  background-image: url(./twitter_newbird_blue.png),
                    -o-linear-gradient(270deg, #F8F8F8, #D8D8D8);
}
#tweet_button .count {
  position: relative;
  background-color: #FFF;
}
#tweet_button a:hover .count{
  text-decoration: underline;
}
#tweet_button .count:before,
#tweet_button .count:after {
  position: absolute;
  top: 6px;
  left: -3px;
  z-index: 3;
  border-style: solid;
  border-color: transparent #FFF;
  border-width: 3px 3px 3px 0;
  content: "";
}
#tweet_button .count:after {
  z-index: 2;
  top: 5px;
  left: -4px;
  border-width: 4px 4px 4px 0;
  border-color: transparent #CCC;
}

#fblike_button span {
  height: 18px;
  line-height: 18px;
  padding: 0 8px 0 21px;
  border: 1px solid #CAD4E7;
  border-radius: 3px;
  background-color: #ECEEF5;
  background: #ECEEF5 url(./f_logo.png) scroll no-repeat 5px 50%;
  color: #3B5998;
  font-size: 10px;
}
#fblike_button a:hover span{
  border-color: #9DACCE;
}

(function($) {
  $(function() {

    function hatebuCount(url) {
      $.getJSON(
        'http://api.b.st-hatena.com/entry.count?callback=?',
        {url: url},
        function(data) {
          $('#hatebu_button .count').html(data);
        }
      );
    }
    function tweetCount(url) {
      var text, tw_url;
      $.getJSON(
        'http://urls.api.twitter.com/1/urls/count.json?callback=?',
        {url: url},
        function(data) {
          $('#tweet_button .count').html(data.count);
        }
      );
    }

    hatebuCount(location.href);
    tweetCount(location.href);

  });
})(jQuery);

で、できたのがこんな感じ (Safari 5.1.3):

見た目はそれなりに似せられたと思いますが、いいね ボタンの動作がダサい……。もっといい方法ないのかしら。

まあそういうわけで新しいサーバーになりましたが、外から見る分にはあまりかわりませんね。普通の共用サーバーと違って他のユーザーの影響を受けにくい VPS なので、サーバーが落ちる頻度は下がると思いますが、僕が気づかないと落ちっぱなしですから、トータルではイーブンかもしれません。でもサーバーの知識を身につけられますし、なにより楽しいのでオールオッケー。

こんな感じ:

$ sips --getProperty pixelWidth ~/Pictures/wallpaper.jpg
/Users/kaz/Pictures/wallpaper.jpg
  pixelWidth: 1920
$ sips -g pixelHeight -g pixelWidth ~/Pictures/wallpaper.jpg ~/Pictures/icon.png
/Users/kaz/Pictures/wallpaper.jpg
  pixelHeight: 1920
  pixelWidth: 1080
/Users/kaz/Pictures/icon.png
  pixelHeight: 512
  pixelWidth: 512

長ったらしいので alias にしました:

alias imgsize='sips --getProperty pixelHeight --getProperty pixelWidth'

ちなみにこの sips は画像処理のライブラリなので、リサイズしたりタグを書き換えたりもできるみたいです。こんど使ってみよう。

例えばこういうこと:

$ alias ll='ls -l'
$ sudo ll
-bash: ll: command not found
$ alias sudo='sudo '
$ sudo ll
drwx------   1 hoge  fuga   512  5 29 00:00 nyan
 ...

答えは Bash のマニュアルに書いてありました。

The first word of each simple command, if unquoted, is checked to see if it has an alias.

If the last character of the alias value is a space or tab character, then the next command word following the alias is also checked for alias expansion.

• Bash Reference Manual

最初のコマンドが引用符で囲まれていない場合に alias を確認する。alias の値がスペースかタブで終わっていればその次のコマンドも確認する、と。

なんか裏技的な手法だと思っていましたが、普通に仕様みたいです。

でもこれって、例えば nice コマンドとかでオプションを取る場合どうすりゃいいんでしょうかね。滅多にあることじゃない (使ったことない) ので、素直にフルパスを入力すればいいだけの話ではあるのですが……。

商品画像

タイトル

魔界戦記ディスガイアPORTABLE 通信対戦はじめました。

著者

いい加減超合金ロボスーツ界に潜り続けるのも飽きてきたので、制限プレイに手を出すことに。ディスガイアってなんだ、って人は華麗にスルーするか、もしくはアフィリンクから買ってやってみてください。

で、制限ですが、とりあえず以下の6つでシナリオクリアまでやってみます。詰んだら緩める方向で。

• 「どうしようもないクズ」ホビット一人のみ出撃（2ｰ1, 5-3などを除く）
• 転生禁止
• 弟子作成禁止
• クリアしたステージの再プレイ禁止（経験値稼ぎ禁止）
• アイテム界禁止（第三話を除く）
• 装備品購入禁止

ホビットにした理由は、序盤から仲間になる、技が使いやすい、かわいい、など。まあチュートリアルで撃破できるという点がほとんどですね。ゴーストはさすがに厳しそうなので……。

　ＡＢＣＤＥＦ　(1) C1で防御
４格格格格格格　(2) D1にきた師範代Aがブン回し突きでA1に移動
３＿＿＿＿＿＿　(3) E1で防御
２＿柱＿＿柱＿　(4) 師範代BがF2から攻撃
１　＿ベ＿＿　　(5) F3に移動

＿＿
＿＿＠←ここ
＿木＿木
＿＿＿＿

＿＿＿＿ベ＿＿＿
＿＿＿＿＿＿＿＿
＿ＡＢＡＡＢＡ＿
河河＿河河＿河河
河河＿河河＿河河
河河＿河河＿河河
＿＿＿＿＿＿＿＿

と、ちょうど全14話の半分なのでここらで投稿しておきます。（八話開始早々に詰んで萎えたのでこれで終わりかも……）

ヘッダの”blog.hekt.org”の部分はFuturaというフォントを使っています。Windowsには入ってないみたいですが、LOUIS VUITTONとかでも使われてるフォントといえばわかりやすいかもしれません。

このフォントとアッパーケースの組み合わせで気づいたのですが、角張った“HEKT”と丸い“ORG”の対比がいい感じですね。小文字で”hekt.org”と綴ったときの見た目が好きでこのドメインに決めたのですが、大文字でもいけるじゃん！ と惚れ直しました。

でもそろそろ何かほかのアイデンティティが欲しいところです。ロゴとか何度か挑戦したのですが、毎回思うようなものが作れず断念。hekt.orgですから、ギリシャ神話の英雄Hektōrとかけて古代ギリシャの特徴的な兜なんか上手く使えたらなーとか考えているのですが……。

僕も人のこと言えないけど、zenbackのCSSはもうちょっと読みやすくする努力をしてもいいと思う……。空の宣言ブロックがあったりコメントアウトされたのが残ってたりインデント揃ってなかったり。

— 戸塚和人さん (@hekt) 1月 23, 2012

などと誰に言うわけでもなく、文字通りつぶやいてみたら、中の人から返信がありました。

@hekt がんばります・・・！！

— Zenbackさん (@zenback) 1月 24, 2012

上から目線な発言を反省しつつ、人にがんばらせるからには僕も少しはがんばらないといけないな、ということで、フォーマットとプロパティの出現順のルールを制定、適用しました。

selector {

selector{

selector
{

selector {
  property: value;

selector {
property : value;
property :value;

selector {
  property: value;
}

selector {
  property: value;}

selector {
  property: value; }

selector {
  property: value, value, value;
}

selector {
  property: value,value,value;
}

color: rgb(255,255,255);
background-image: linear-gradient(180deg,
                                  red 0%,
                                  rgba(255,0,0,0) 100%),
                  gradient(linear, left top, left bottom,
                           from(rgb(255,255,255)),
                           to(rgb(0,0,0)));

gradient(linear,left top,left bottom)

で、成果物がこちら。今後の課題として、色指定にactual-valueとhex-valueが混在しているのをなんとかする、とか、あとセレクタがフリーダムすぎるので、次書くときはもうすこし統一感のある記述にしたいところです。

が、何年か前にもこういうのやろうとして挫折した記憶があるので、次書くときにちゃんとフォーマットに従って書けるかどうかが勝負になりそう。

まずダルビッシュ。

RSAAは42.94で、ダルビッシュの投げた232回を平均的投手が肩代わりした場合、チームの総失点が約43点増えることになります。今季のファイターズの失点は418でリーグ2位でしたが、これが461となりリーグ2位に……って順位かわらないのか。ちなみに1位はホークス、3位はイーグルスで、ともに優秀な先発投手が抜けることから、リーグ全体の力関係はそれほど大きく変わることはないと思われます。

で、スレッジ。（一応注釈として書いておくと、2011年のスレッジはセ・リーグの選手なので、リーグ平均選手と比較するRCAAを用いるのは厳密には誤りです。セ・リーグはDH制がなく投手が打席に立つことから、パリーグと比べて「平均的選手」の成績が劣ります。その分を差し引いて考えるべきでしょう。それに、入ってくる選手についてはパークファクターの違いなども考慮しなくてはなりません。そこまでやるのは面倒なのでテキトーにいきます）

RCAAは16.97。彼がファイターズにいるリーグ平均的選手の373打席を肩代わりした場合、ファイターズの得点は482から499になり、順位も3位から3位と……やっぱり変わりません。

最終的にファイターズがもたついたのでアレですけど、昨季のパリーグは1位と2位、そしてそのほか（と6位……）の間に大きな差があったので、得失点にも結構差があるんですよね。

なので、ピタゴラス勝率という指標を使ってみます。これは得点と失点から見込み勝率を推測するもので、得点² / (得点² + 失点²) という非常に単純な式によって導き出されます。

そのピタゴラス勝率によると、今季のファイターズの得失点から推測される勝率は、482² / (482² + 418²) = 0.571 となります。実際の勝率.526と比較して明らかに高いですね。

二人のRSAA/RCAAを加味した得失点でもやってみましょう。 499² / (499² + 461²) = 0.534。クライマックスシリーズには出られそうですが、もしピタゴラス勝率と実際の勝率が昨年と同じような比率になると.492になり、ほぼBクラス確定の数字に。

とはいえ、一年というのもアレなので、過去6年のデータでピタゴラス勝率と実際の勝率がどの程度離れるかをみてみます（ほんとうはもっと遡りたかったけど、NPBのページに得失点が載っていなかった……）

6年を平均すると実際の勝率はピタゴラス勝率の98.4%程度ですね。プラス方向への振れ幅は2007年の1.059が一番大きく、マイナスは2011年の0.922が一番大きいようです。これを2012年の予測ピタゴラス勝率に当てはめてみると、平均では.525、最高.566、最低.492ということになります。これだけ変われば順位も1位からBクラスまでどれもあり得ますが、さすがに.492で最下位というのはなさそう。この点はまず安心ですね。

とはいえ、これはわりとポジティブな数字です。RSAA/RCAAで計算されるのは「平均的選手」と比較した数字であることを忘れてはいけません。通常、ローテ1番手の投手が抜けると、2番手以降が繰り上がり5,6番手に新しい投手が入ることなるわけですが、そういった投手が「平均的選手」に比べて劣るのは自明です。（ただ、スレッジの場合、似たようなポジションのホフパワーが373打席とスレッジと同じ打席数でRCAA-0.39ですから、ほぼ額面通りの戦力向上が見込まれます）

まあ得失点が増減する要素なんて他にも山ほどありますから参考程度にしかなりませんが、こうやって数字をこねくり回して遊べるのも野球の面白いところです。

「検索処理の改善」というのは、「地面等倍」を検索したときにフライゴンなどの特性が「ふゆう」しかないポケモンがヒットするのはどうなの？ というような指摘を受けたので、特性がひとつしかないポケモンはその特性を加味した上で検索条件に一致するかどうかを調べるようにしました。

「特性を無視」は、上記の処理が好ましくない場合のために、特性そのものを無視してタイプ相性のみで検索するオプションです。

「OR検索」はそのまんま検索条件を「なおかつ」から「もしくは」に変えるものです。具体的にいうと、「炎1/2以下」「水等倍以上」とした場合、通常はその両方に一致するポケモンを抽出しますが、「OR検索」オプションをオンにすると、そのどちらかに一致したもの全てを抽出します。

ついでに、オプションがけっこう増えてきたので、折りたたみリストにしました。ワンアクション増えるのでどうかなーと思ったのですが、結果はAjaxを使って部分的に読み込むようにしているため、一度開いてしまえばそのまんまだしまあいっかなーと。

今回のポイント:

• 検索フォームを復活させる（前回つけ忘れてた）
• リキッドレイアウトにする
• 今年のトレンドカラーを使う
• AutoPagerが動くようにする
• AutoPagerが動いても問題ないようにする（AutoPagerが動くと下部にたどり着けない）
• トップページに表示する記事は全文表示しない（話題がバラバラだし……）
• 個別記事から前の記事・後の記事のリンクを撤去（同上）
• IEやOperaにもしっかり対応（ただしIE7以前は無視）

サイドバーはもうちょい縦長にする予定でしたが、月別アーカイブとタグクラウドを切り捨てたら表示するものがなくなりました。簡単なプロフィールでも置こうかと思ったけど、そんなものがスクロールしても延々とついてくるのはなんだかなー、と。あと考えられるのは関連記事ですが、いまのところZenbackで事足りると判断。まあこれはこれでコンパクトでいいんじゃないですかね。

明るいモノトーンをベースに少しの差し色、黒いヘッダ、というのはしばらく続いてるので、いい加減マンネリかも、という反省点も。

なんかおかしいところあったら教えてください。