ヴォルフロッシュ

2012年>7月

独自エンジンで動いてるいわゆるブログ

RSS

ルネサンス芸術家Twitter列伝 第2弾

人の企画を手伝ったので紹介。美術史家のcari_meli女史によるネタサイト "ルネサンス芸術家Twitter列伝" の第2弾のコーディング全般をやりました。

スクリーンショット
ジョルジョ・ヴァザーリ (vasari) on Twitter

ヴァザーリの誕生日にちなんで本日公開。

この企画は、もしもルネサンス期のイタリアにTwitterがあったらこんなツイートが繰り広げられていることだろう、というでっち上げのツイートを、当時の画家で同時に美術史家でもあった ヴァザーリのTLという仮定で再現したものです。作者のcari_meli女史はルネサンス美術史が本業の方なので、芸術家達の何気ないつぶやきも史実や文献をバックに深い知識に基づいて作り上げられており、充実の内容、かなり楽しめます。

read more

DVD『AUBE 2001 GLINT BEAT』/THE ALFEE

→ amazon:DVD『AUBE 2001 GLINT BEAT Live at BUDOKAN Dec.24』/THE ALFEE

ご存知でしたか、当サイトはALFEEファンサイトです1。ってことで改めて視聴したらこの表題のライブDVDがとても素敵だったので少し色々書いてみたい。

「ALFEEのベストライブDVDを選んで下さい」と言われたら、『U.S. CAMP DRAKE ASC』とか『10回目の夏』とかが出てきちゃうのでどうしようもないのだが、ここ10数年の乱発されてるライブDVDの中ではこのDVDはかなりの良好テイクであると思う。

選曲もいいし、演奏もメンバーもかっこいい。宙乗りはどうかと思うけどね、でもまぁ24日の武道館だからそんくらいはしゃーないな。

具体的な楽曲で言うと、「Punks Life」の坂崎が素晴らしいのは有名(?)だが、「絶叫!ジャンピング・グルーピー」や「閃光」、ハイテンポな「Arcadia」を入れてくる辺りも良い。あと「Sweat & Tears」と「Flower Revolution」と「See You Again」が入っていないのが良い()。疾走感があってテンポよくPOPでライブらしい。「サファイアの瞳」の例の間奏ソロもテレキャスの方が合ってるよね。「閃光」がこの時期の楽曲の典型だと思うが、ショートヘアでタンクトップにシルバージャラジャラ付けて、テレキャスかき鳴らしながら50手前でこの新境地を歌う姿は素晴らしい。

私はこの『GLINT BEAT』周辺のテレキャス期が好きなのである。レスポールの高見沢さんにこんなこと言ってもしょうがないのだが、この頃のテレキャスで作られた楽曲はギターを弾くのも楽しそうで良い。

そうなんだよな、今思えばこの頃は高見沢がテレビ(バラエティー)に出るようになって、テレキャスメインで曲作って、髪型変えて、けっこう "新しい何か" を掴もうともがいていた時期に思える。というかそういうことを実行した最後の時期に思える2。だからこそこのライブはキラキラしてる。

あとは単純に「高見沢がかっこいいよぉ」という。いやもうこの金髪ショートすごく好きだし、衣装も悪くない。しょせんウィッグでしかも下が長髪なので若干もっさりしてるのは残念だけど、それにしても、ショートヘアは良い。これよりもーちょっと、あともーちょっと短い方がさらに素敵だと思う。もー髪切っちゃえよ、似合うんだからそれ。そうだ腕も華奢で良い(多分お腹周りは今の方がいいだろうね)。衣装もハズレが少ない。それになんだかんだ言って今より若いしね、顔とか。メイクも今よりは薄い。いけめんいけめん3

このDVD、たしか過去の武道館ライブが一気にDVD化されたときに雑に買ったものなので、実はそんなにじっくり見ていなかった。もう少しリピートしてみよう。っていうかそもそも多分私このライブ行ってるんだけど。

  1. 私もびっくりしました。
  2. だから私は現在のALFEE (の音楽) を基本的に見限っているのである。
  3. ルックスに関して言うなら高見沢は今でも十分格好いい。

はてなブックマークボタンを吹き出しスタイルにするJS

ソーシャルボタンのカウントが吹き出しスタイルに揃う

スクリーンショット (スクリプト適応前/後)

はてなブックマークボタンのブックマーク数表示を吹き出しスタイルに強制的に変換するJavaScriptです。要jQuery。

ソーシャルボタンを並べたときにはてなブックマークだけ我が道を行くデザインで納まりが悪いので、腹が立って作りました。

本スクリプトをヘッダ辺りで1回読み込めば、あとは何もしなくてもそのページ内のスタンダードタイプ(カウント付き横型)のはてなブックマークボタンが自動的に全て吹き出しスタイルに変換されるという簡単仕様です。ボタン自体は通常のはてなブックマークの公式ボタンのコードでかまいません。

スクリプト名が恐ろしく長いですが、勘弁して下さい。'Hatenabookmark' がそもそも長いんだよ、略称もしっくりこないし。

githubに置いてあります。ご自由にどうぞ。(repository)

ImageAlpha 1.2.3

アプリケーションアイコン
ImageAlpha

しつこいですが、PNG画像圧縮ソフトです。以前当ブログ同じくPNG画像圧縮ソフトであるImageOptimについて書いたことがありますが、あれは要らないリソースを削って容量を浮かせていました。一方、今回書くImageAlphaは非可逆式、つまりJPEGのように画質を劣化させてファイルのサイズダウンを図ります。より攻めの圧縮ソフトと言えましょう。

世の人がwebサイトにPNG-24を使う理由ってライセンスのこともありましょうが、大体は「めんどくさいから全部PNGで統一してる」とか「アルファチャンネルが使いたい」とかであって、PNG-24が元の画質を保つ可逆圧縮だってことはそんなに求めてないことが多いと思うのです。webの画像ファイルのサイズなんて小さければ小さいほど良いのであって、しかし最近はディスプレイの高解像度化に伴ってweb上の画像のサイズは大きくなる一方、とくにRetinaが出てきたからそれに対応した画像を上げよう、なんてなるとただでさえ大きなPNGファイルがさらに4倍になったりして。その画質自体は別に超ハイクオリティじゃなくても良かったりするのです。

だからといってJPEGみたいに、出力するときに画質劣化させてサイズ減らしてなんて選択肢も無かったのが現状ですが、このImageAlphaはそんな役割を担ってくれます。

スクリーンショット
screen shot (このスクリーショット自体は未圧縮)

ImageAlphaに圧縮したい画像をドラッグ&ドロップすると、圧縮した状態をプレビュー。スライダでどの程度まで劣化させるかを選んだら書き出しです。

あまり欲張らず画質を保って圧縮させてもファイルサイズは大体半分-70%減になります、半分は大きい。

あと、このImageAlphaで圧縮をかけた画像ファイルをそのままImageOptimに渡してくれる機能もある。地味に便利。

ImageOptimと違い、1枚ずつ劣化の具合を確かめながら圧縮させなければならず、かつ少なからず画質も落ちるので使いどころは限られては来るが、それにしてもかなり有用なソフトである。ImageOptimと併用すれば最強。

あとは当サイト的にはサーバがkeep-alive使えればなぁ...。CSS Spriteは断固としてやらないので、今はこれが最大のネック。

Facebook Like Box

Like Box
Like Box

流行に流されてサイトの左カラムにFacebookのLike Boxを付けてみた。とか言いつつ日本のネットの匿名文化にどっぷりな私的にはFacebook苦手なんだけど。Facebookのアカウントとこのサイトも紐付けられてないし。「こんな人がlikeしました!!!」的な顔も並ばないようにしてます(あれこわい)。まぁ賑やかしで。様子見。

BathyScaphe 2.2

アプリケーションアイコン
BathyScaphe

昨日OS X用2ちゃんねるブラウザ BathyScapheの v2.2 (Baby universe day) がリリースされました。

目玉はやはり来るMountain Lionでしょう。前バージョンのv2.1.1はMountain Lionでは動かないため、特にMountain Lionを入れる予定の方は特にマストアップデートです。

そしてID色分けも確実に2chブラウズをより便利にしてくれる機能です。

あと私も関わってるところを言えば、今回でほぼ完全にRetina対応が終わりました。前回「そのうちMacもRetina来るだろうしねー」的なことを言ってましたがもう来ちゃってますよ。早めにやり始めててよかったー。2.2では細部のUIに至るまでRetinaでもクリアに表示されます。MacBook Pro with Retinaを購入したみなさま、ぜひお試しください。

1つ前のバージョンであるv2.1.1からv2.2での主な変更点は以下になります。

OS X Mountain Lion のサポート
OS X Mountain Lion では、BathyScaphe のツールバーに共有ボタンが表示され、スレッドの情報をいまいる場所で簡単に共有できます。また、 Gatekeeper でより安全に Mac を使用していただけるよう、BathyScaphe は DeveloperID による電子署名が行われた状態で提供されます。
ID の色分け
「お前の ID 真っ赤だな」という書き込みを見かけた経験はありませんか?これからはその意味に首を傾げる必要はありません。BathyScaphe でも、複数回出現している ID を色分けして表示することができるようになりました。
テーマ機能の強化
テーマで設定できる項目が増え、よりスレッドの内容を見やすく調整できるようになりました。また、新しい内蔵のテーマが追加されました。
その他の新機能
  • テキストだけでなくすべてのグラフィックリソースが Retina ディスプレイに完全に対応しているため、Retina ディスプレイではこれまでにない精細な美しさで2ちゃんねるをブラウズすることが可能になりました。
  • ポップアップの外観が変更され、角が丸くなりました。また、半透明で表示しているときでもテキストが見やすくなりました。
  • 上記以外の新機能および変更点について詳しくは、次の Web ページを参照してください: BathyScaphe 2.2 Baby universe day:変更点のリスト

ダウンロードは公式サイトからどうぞ。

get BathyScaphe

以下デザインまわりの変更点についてちょっと詳しく。

read more

Tricky Tracks

Tricky Tracks

SBB CFF FFS、いわゆるスイス鉄道の主催しているTricky Tracksというwebゲームがかっこ良くて感心したので紹介したい。

ルールはものすごく単純で、3Dマップ上に配置されたレールを列車を走らせ、次の駅にぴったり到達させるというただそれだけ。プレイヤーは列車がスタートするときの初速度のみしか入力できないので、地形とルートを見ながら最適な力でスタートさせなければならない。要はスマートボールである。もしくはゴルフのTVゲームとも近い。

という単純さなのだが、とにかく非常に画が美しい。もともとデザイナー系SNSのdribbbleで見かけたこのゲームのデザイナーNihad Nasupovic氏の一連の投稿があまりにもきれいだったので調べてみたらオンラインの無料ゲームだったわけだ。

せっかくなので以下スクリーンショットをいくつか。

read more

BathyScaphe プロジェクトメンバー

Application Icon
BathyScaphe

昨年から色々関わらせて頂いてるMac用2ちゃんねるブザウザ BathyScapheのプロジェクトメンバーに正式に入れてもらいました。

今までとやってきたことが変わるわけではないのですが、肩書きが付いた方が立ち位置が明確になるかな、と。プロジェクトページの非公開情報も色々覗けるようになるし(笑)。まぁ、今後もできることがあればやるよ! という意思表明です。コーディングは出る幕がないので、引き続きUIパーツなどのグラフィック系のことが手伝えたらな、と。

参加に際してプロジェクト管理者のtsawada2氏に素敵なニュースも書いてもらったよ。

バチスカともどもよろしくね。

GeekToolでオリジナル天気アイコン

CleanArchiver Original Icon
これの天気アイコン3つ部分

えっと、訊かれたのでGeekToolでオリジナルの画像を使って天気予報を表示するスクリプトをGitHubに置いてみました。私が以前晒した自分のデスクトップで使ってるヤツです。

横着して以前書いたのをそのまま抜き出して説明すると、

お天気アイコンはYahoo! Weather APIから天気コードを読み込んで、それを元にこっちで用意した天気アイコン画像を選んで表示する、という手はずを踏んでいます。ここはPerlでスクリプト書いてGeekToolで蹴ってます。アイコンはフォントのお天気記号をベースにIllustratorで作ってpngで書き出し。

といった流れを大まかに踏んでます。

もともと自分さえ使えれば良いという考えのもと作ったので、設定方法が煩雑なのですが、それでも良いという方はお試しください。検索してみたら意外と見当たらないもんで、こんなのでも役に立つかもしれない。そのような性質上、「なんもわかんないけど難しくてできません!!」みたいな質問には冷たいかもしれません。もちろんバグとか常識的な範囲の質問には答えますが。

やり方とかは中の README_ja.md を見てください。使用しているサービスの仕様上、取得できる天気は当日と翌日のみとなります。

気温の表示についてはGeekToolで天気予報の最低/最高気温表示参照して下さい。