2009年もあと2日ですよと

今日の1曲: Welcome To My FanClub's Night! -Styles ver.- / May'n

おはようございます。
部屋の片付けが今年中に終わらない気がするXIAORINGです。

12月頭に書いて以来、だいぶご無沙汰してました。
12月も12月でいろいろとやってるうちに、気がつけばもう2009年もあと2日ですよ！
今年ももう終わりですねー。

で、12月のネタは12月のうちに書いとこうということで、ようやく重い腰を上げてこれを書くことにしましたｗ

12/1 mkgweb 7周年

1ヶ月ぐらい前の話ですが…

12月1日、早いもので、このサイトを始めて7周年を迎えました。

この1年は49個のエントリーを書きました。
平均するとだいたい週1ペースですね。
でも1月末～2月頭に、 (就活中の気分転換 & モチベーション維持のために) 12日連続更新というのがあったので、実際には週1で書けてない時期も度々…って感じでした。

Google Analyticsによると、この1年間のアクセスは、7,940セッション、5,003UU、13,980PVだそうです。

この1年間でアクセスの多かったエントリーは、

でした。

ちなみに下のグラフが月別のセッション数の推移。

でこっちが時間別のセッション数の推移。

URLからグラフを作成できる、Google Charts APIで作ってみました。

1年前に「6周年を迎えました」って書いてからもうあっと今に1年が経ちました。
いつまで続くのか分かりませんが、今後も続けられる限りはできるだけ続けていきたいと思ってます。

これからも今まで通り100%自己満で、読む人にとっては読みづらいこと歪みないこの上ない日記になると思いますが、これからの1年間もどうぞよろしくお願いします！

ver.3.2の変更点1: ページ横幅

これを機にこのサイトのCSS周りをちょいちょいいろいろ変えてみました。

1つ目はページの横幅が従来の750pxから800pxに。
ディスプレイの高解像度化・ワイド化に併せて、Webサイトの横幅も広がりつつあるので、ちょっとだけ広げてみました。
サイドバーはそのままに、メインのエリアをちょっと拡大。

ただあんまり広げすぎても1行あたりの文字数が多くなりすぎて、左右の視線移動距離が長くなって読みにくいので、自分的にはせいぜい40文字/行ぐらいがいいとこだろうと思っているので、広げた幅が「ちょっとだけ」に留まってたのはそういう理由です。

環境によって変わると思いますが、自分の環境では、メイリオでは38文字/行、ＭＳ Ｐゴシックでは42文字/行になってます。

ver.3.2の変更点2: 表のストライプ背景

2つ目、表が行ごとに背景が変わるようになりました。

最近いろんなサイトで使われてる手法ですが、ここでは、jQueryプラグイン「yuga.js」の、自動的に表のtr要素やリストのli要素に交互に奇数(odd)と偶数(even)のクラスを追加する機能を使って、CSSで背景を指定しています。
日記のエントリー一覧も同様。

ver.3.2の変更点2: 各要素の背景画像

3つ目、各要素の背景画像がいくつか新しくなりました。

具体的には、グローバル・ナビゲーション (トップページ、店長から一言。…のやつ) 、サイドバーの見出し、日記エントリーのフッター、日記エントリーのフッター部分にあるタグ名、強調テキスト (em、strong) 、表の見出しセル (th) 、などなど。
最近わりと好きなグラデってる感じの画像になりました。
ベースとなる色を塗ったレイヤーの上に新規レイヤーを1枚作って、縦方向に黒100%～白100%のグラデーションで塗って、レイヤースタイルをオーバーレイに、不透明度を25%～50%ぐらいに…っていう塗り方が最近結構やってます。

サイドバーの見出しの背景画像だけは、Web2.0風ボタンジェネレータ「As Button Generator」で作りました。

ver.3.2の変更点3: Twitter Updates

3つ目、これも背景画像の内に入るかもしれませんが、サイドバーでTwitterでの発言を表示してる部分に、こっそり「twitter」の文字を入れました。

テキストではなく画像で、吹き出し形の背景画像と一体化して入れました。
フォントは本家のロゴにも使われている、Maniackers DesignさんのPico-Black。

ちなみにManiackers Designの佐藤さんのデザインは以前からけっこう好きで、このサイトでは左上のロゴも、「MKG」がAstro 3.0-AL、「web」がPico-Blackです。
Twitter上の情報によると、Roland製品のディスプレイ用フォントを制作中とのことで、Rolandユーザーの僕としてはちょっとわくわくだったりします。

ver.3.2の変更点4: font-familyの指定

ラスト4つ目は、フォントの指定を変えました。

今までは

font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, Arial, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;

だったんですが、

font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Century Gothic", "Levenim MT", メイリオ, Meiryo, Arial, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;

に変わっています。

和文は今まで通り、Vistaの人はメイリオ、XPの人はＭＳ Ｐゴシックですが、欧文が、Microsoft Officeが入っている人はCentury Gothicが、Officeがなくて且つVistaの人はLevenim MTが出るようになりました。
(Macの方は手元に試せる環境がないので、今まで通りです。)

Century GothicもLevenim MTも、FuturaとかAvant Gardeのようなジオメトリック・サンセリフ系のフォントですが、最近この手のフォントがけっこうスタイリッシュでおしゃれで美しくて好きなので、OfficeかVistaが入ってる人に限られますが、このサイトにも取り入れてみました。

つーかＭＳ ＰゴシックってなんでＭＳとＰが全角英数で、間のスペースが半角なんだ…打ちにくすぎる…

劇場版・東のエデン & マクロスF観てきました

最後に、先週、前から観ようと思ってた、東のエデンとマクロスFの劇場版観に行ってきました。

Eden of the East Post Card

ネタバレになるのであれこれは書きませんが、○○○○が○○○たちを救おうとして○の上に登って…のシーンで、また○○○○が○ﾞ○ﾞ○○にやられて○○○ﾞ○ったのかと思って思わず(´；ω；`)ﾌﾞﾜｯでしたよ！ｗｗｗ
なんかTV版のときの一連のシーンが走馬燈のように蘇ってきて…
後編があるので後々考えればそりゃそうだって思うわけですが、まったくびっくりさせやがってｗ

2作ともTV版放送後の映画化ですが、片方はTV版の続き、片方はTV版と同じ時系列からのスタートでありながらパラレルワールドのような感じ？で別展開に行くので、どちらも全く違ったアプローチでした。

ちなみにマクロスを見た翌日、TSUTAYAでユニバーサル・バニーとMay'nのStylesを見つけてしまって、ここ1週間ループですｗ

そういえば、映画観たのは (卒研室で朝までDVD5連続ｗは除いて、映画館に観に行ったのは) 8月頭に見たサマーウォーズ以来なので、2009年後半の半年はアニメ映画しか観てなかったんですねｗ
なんか今年僕が観てたTV番組を象徴するようで、とても乙ですね…といっても冬休みに入ってからはちょうど秋～冬クールの間っていうのに加えて年末特番の時期なので、普通の時間帯のバラエティーとかも見てますよ一応ｗ

そのサマーウォーズは文化庁メディア芸術祭・アニメーション部門の大賞、デジタルコンテンツグランプリの経済産業大臣賞、シッチェス・カタロニア国際映画祭・ANIMA'T (アニメーション部門) のBest Animated Film等々、多数の賞を受賞されたそうで。
おめでとうございます！

つーか、DCGPの審査員、三上さんの名前がっｗｗｗ

続きは大晦日

深夜から書き始めたら、朝になってしまったので、続きは2009最後の1日に。
年内にちゃんと上げられるかどうかはちょっと不安ですが、とりあえず続きを残して今日はここまで。

ではでは。