へっぽこ技術部作業録を始めました

どうも、T-key(Trickey)です。

へっぽこ技術部作業録は、「幻想純喫茶 Gentle」のサブコンテンツとして、T-key が今まで作成した、もしくは、現在作成中の Web アプリケーションについて説明するブログです。

既に公開中の Web アプリケーション

• 「ニコ動早見所」
  ニコ動早見所は、ニコ動のランキングや新着動画、特定のタグの動画を素早くチェックするためのニコニコ動画視聴支援サイトです。
• 「Nicogle」
  Google スタイルのニコニコ動画のタグ検索ページです。

日本での Twitter の利用され方

近年、日本人の多くが Twitter を利用しています。 2011年8月度のニールセン・インターネット視聴率調査の結果では、 mixi に続き PC のみで 1,400 万以上の人が Twitter を利用しています。

Twitter は、一部の人から「バカ発見器」 と呼ばれたり、「デマッター」と呼ばれたりと、 Twitter の利用が揶揄されますが、実際の所、 日本人は Twitter をどういう風に利用しているのでしょうか。 欧米諸国と比べて、何か特別なことをしているのでしょうか。

その答えの一部を明らかにする資料の一つがあります。 Knowledge Management の分野で有名な国際会議 CIKM 2011 で発表された 『 Do All Birds Tweet the Same? Characterizing Twitter Around the World』という研究論文です。 この論文は、Twitter がよく利用されている 10 カ国の Twitter の 利用のされ方の特徴を調査した論文です。論文中では、 様々なことが書かれているのですが (なので、全部はきちんと読めていないのですが)、 目に見えて面白いデータがあったのでここで紹介します。

Average usage of features per user for each country(一部日本語に改変)

国名	ツイート数 / ユーザ数	URL を含むツイート率	# を含むツイート率	@ を含むツイート率	リツイートの率
インドネシア	1813.53	14.95	7.63	58.24	9.71
日本	1617.35	16.30	6.81	39.14	5.65
ブラジル	1370.27	19.23	13.41	45.57	12.80
オランダ	1026.44	24.40	18.24	42.33	9.12
イギリス	930.58	27.11	13.03	45.61	11.65
アメリカ	900.79	32.64	14.32	40.03	11.78
オーストラリア	897.41	31.37	14.89	43.27	11.73
メキシコ	865.7	17.49	12.38	49.79	12.61
韓国	853.92	19.67	5.83	58.02	9.02
カナダ	806	31.09	14.68	42.50	12.50

この表を見ると、日本は一人あたりのツイート数がインドネシアに続いて 2 位なのにもかかわらず、 URL やハッシュタグ、@、リツイートを含むツイートの割合が軒並み他国よりも低いことが分かります。 一位のインドネシアは、『 なんでFacebookの普及率がインドネシアで異常に高いのか？ 』で考察されている理由と同じく、 SNS を利用したほうが友人・知人との交流が安く上がるために、 一人あたりのツイート数が多いと考えられます (その証拠に @ を含むツイート数の割合が 1 位である)。 では、日本はどうなのか。 僕は、「◯◯なう」といったような、日々の出来事を誰に当てるでもなく徒然と事細かに 書いているためと思います。 このため、日本では犯罪を Twitter で自慢するというようなツイートがわんさか出てきてしまうと考えられます。 ただ、どうして日本ではこういった利用のされ方が主流になるのかは、 客観的なデータを持って説明することはまだできません。

本記事では、 『 Do All Birds Tweet the Same? Characterizing Twitter Around the World』という研究論文の一部のデータを取り出し、 そこから日本の Twitter の利用され方の特徴を見て、 「バカ発見器」と呼ばれてしまう関連性を示しました。 まだまだ、 Twitter を分析した面白いデータは沢山あるので、 また気が向いたときに紹介したいと思います。

Mac OS X 10.6 Snow Leopard に CaboCha をインストールする

UTF-8 + MeCab 版 Cabocha をダウンロードするのに凄く手間取ったので、 その方法をメモします。今回対象とするのは、 CaboCha 0.60 pre4 です。 因みに、 EUC 版の昔の CaboCha であれば MacPorts から簡単にダウンロードできます。

CaboCha のインストールに必要なモノは以下になります。

• MeCab
• TinySVM
• YamCha
• CRF++
• CaboCha 0.60 pre4

MeCab については、 ネット上で他の方々がインストールの仕方を紹介していますので、今回は割愛します。

次に、 TinySVM と YamCha ですが、この 2 つは、MacPorts からダウンロードします。 理由は、その方が楽なのと、 TinySVM の configure で詰まってしまったためです。 それぞれ以下のコマンドでインストールできます。

% sudo  port install [TinySVM | YamCha]

CRF++ は、sourceforge の、 crfpp フォルダ以下の 0.54 フォルダ内にある「CRF++-0.54.tar.gz(809 KB)」を ダウンロードします。 トップページでダウンロード出来るのは、 Windows 版なので気をつけてください。 ダウンロードできたら、「CRF++-0.54」フォルダ内で以下のコマンドを入力すれば、 インストール出来ます。

% ./configure 
% make
% sudo make instal

最後に、 CaboCha のインストールです。 CaboCha で検索して最初に出てくる公式ページは 2005 年で更新が止まっており、 0.60 は配布されていません。 このため 0.60 は、 sourceforge からダウンロードします。

ダウンロードをしたら、configure と make コマンドでインストールするのですが、 普通に configure をしただけでは上手くインストール出来ません。 この問題については、 ytaki43 さんのブログ に、解決策と共に詳しく書かれています。 結果として、以下のコマンドを入力すれば、問題なく インストールが出来るはずです。

% LIBS=-liconv ./configure --with-charset=UTF8
% make
% sudo make install

もし、インストールが上手くいけば、ターミナルで 「cabocha」と入力すれば、 CaboCha が起動するはずです。 適当な文章を入力すれば、 CaboCha が係り受けをした結果を返してくれるはずです。

% cabocha
クロールで泳いでいる彼女を撮った。
クロールで-D    
  泳いでいる-D  
        彼女を-D
        撮った。
EOS
海岸で泳いでいる彼女を撮った。
    海岸で-D    
  泳いでいる-D  
        彼女を-D
        撮った。
EOS

以上、簡単ではありますが、 CaboCha 0.60 pre4 をインストールする方法を説明しました。

MacOSX における Google Chrome Extension のインストール先

もし、インストールした Google Chrome Extension のソースコードを確認したいのであれば、 以下のフォルダを見ればいい。

/User/[UserName]/Library/Application Support/Google/Chrome/Default/Extensions/

そのフォルダを見ると、 Google Chrome の拡張機能毎に割り振られた ID 名のフォルダがあるので、 確認したい拡張機能の構成ファイルをそこで確認することができる。

MUGEN 動画でキャラの BGM として使われる曲リスト

キャラ・通称	BGM 名
ｱｵﾆｿﾏﾙﾏﾃﾞｰ(BLAZBLUE)	「碧羅の天へ誘えど」 by KOTOKO
アホジンゴッド	「DIO のテーマ」 by ジョジョの奇妙な冒険　未来への遺産
S-JADO	「GANZ complete」 by shima26
U蛟	「戦闘! ギラティナ」 by ポケットモンスタープラチナ
ｵｰﾓｰｲｰｶﾞｰ (BASARA系キャラ)	「crosswire」 by T.M.Revolution
カルマさん	「凛として咲く花の如く」 by 紅色リトマス
グレートゼオライマー	「覚醒、ゼオライマー」
蛟竜第2期	「HEATS」 by 影山ヒロノブ
ｺﾉﾒﾆｳｰ (復讐貴・吸血飢・アブソリュート白レン)	「MELTY BLOOD」 by 来兎
GM諏訪子	「ネイティブフェイス」 by ZUN
四条雛子	「PRIDEメインテーマ」
ｼﾝｸﾉｿﾗｰ (天子さん・ブロン子さん・謙虚な天人)	「深紅」 by 島谷ひとみ
SMH(スーパーメカ翡翠)	「壊されたお守り」 by 隣人 / Vo.aki (SOUND HOLIC) (原曲「運命のダークサイド」by ZUN)
ﾃｰﾚｯﾃｰ(北斗系キャラ)	「FATAL K.O.」 by 北斗の拳（アーケード）BGM
ﾃﾞｰﾝﾃﾞｰﾝﾃﾞｰﾝ(BA☆KU☆MA☆TSUstyle キャラ)	「殺陣のテーマ」 by 暴れん坊将軍 BGM
ﾌﾟﾘｽﾞﾑｦｰ (復讐貴・吸血飢さつき・アブソリュート白レン・京堂扇奈)	「Light colors」 by Lia
範馬勇次郎、本気勇次郎	「哀 believe」 by グラップラー刃牙 OP
FT-京(普通京)	「にんげんっていいな」 by まんが日本昔ばなし
Heartless-Meiling E	「鳥の歌」 by ダンクーガノヴァ OP
マシロふぁんぐ	「shell the enemy」 by ことり 「DIO のテーマ」 by ジョジョの奇妙な冒険　未来への遺産
魔聖母 2nd	「AN ORDEAL FROM GOD」 by ZUN
論外勢	「天国と地獄 for Jubeat」

Mac port による Python 3.2 への移行ログ

Python 3.2 本体

% sudo port install python32
% sudo port select --set python python32

注意: python_select を予めインストールしておく必要がある。

lxml

% sudo port install py32-lxml

Numpy

% sudo port install py32-numpy

Scipy

sudo port install py32-scipy

HTML 5 における会話文のマークアップについて

一時期は、 dialog 要素と dl 要素でマークアップできると言われていた会話文ですが、 terkel.jpさんのところでも、 指摘されているとおり、HTML 5 の仕様では、 「dl 要素は同じ内容を持つ dt 要素が複数存在すべきではない。」となっているので、 dl 要素で会話文をマークアップできません (dt 要素に発言者を入れると、同じ人が発言したときに dt 要素の内容が重複するため)。

では、どうやって会話文をマークアップすればいいでしょうか、自分なりに考えてみました。 現行 dialog および dl 要素の代わりに、 p 要素を使うことが提案されているため、それをベースに考えます。 会話文をマークアップする際に、マークアップしないといけない構造は、 話者と話した内容です。ですから、パッと思いつくとすると以下のようなマークアップになると思います。

<p class="chat">
  <span class="speaker">A</span>
  <span class="utterance">やあ、お元気ですか。</span>
</p>
<p class="chat">
  <span class="speaker">B</span>
  <span class="utterance">うん、元気だよ。そっちはどうだい？</span>
</p>

このマークアップの難点は、話者をアイコン画像で表示したい時に、下の例のようにアイコンの右上から話した内容が始まらず、右下から始まってしまう点にあります。こうなると、会話文が 2 行になるとアイコン画像の横に文字が入るスペースがあるのに、アイコン下に文字が入ってしまいます。

じゅげむ　じゅげむ　ごこうのすりきれ　かいじゃりすいぎょの　すいぎょうまつ　うんらいまつ　ふうらいまつ　くうねるところにすむところ　やぶらこうじのぶらこうじ　ぱいぽ　ぱいぽ　ぱいぽのしゅーりんがん　しゅーりんがんのぐーりんだい　ぐーりんだいのぽんぽこぴーの　ぽんぽこなーの　ちょうきゅうめいのちょうすけ

この対処法としては、暫定案ですが、 p.chat 要素の class 要素に、 話者のクラス(A さんであれば、 A クラス)を作って CSS の background で画像を表示する方法があると思います。 以下が、その場合のサンプルコードです。

<style type="text/css">
.chat {
    padding-left: 60px;
    margin-bottom: 20px;
}

.A { background: url("Aさんの 50x50px のアイコン画像の URL") no-repeat top left;}
.B { background: url("Bさんの 50x50px のアイコン画像の URL") no-repeat top left;}

.speaker { display: none; }
.utterance:before { content: "「";}
.utterance:after { content: "」";}

</style>

<p class="chat A">
  <span class="speaker">A</span>
  <span class="utterance">やあ、お元気ですか。</span>
</p>
<p class="chat B">
  <span class="speaker">B</span>
  <span class="utterance">うん、元気だよ。そっちはどうだい？</span>
</p>

この解決策によって、右下から会話が始まらないで済むようになります。 ただし、この方法は、予め話者と話者のアイコンが分かっておらず、 動的に変更する必要がある場合、マークアップが面倒になります。 float および position プロパティを使う方法も考えられますが、どれも一長一短です。 この記法の気に入っているところは、シンプルで直感的な構造であり、 スタイルシートをオフにしても、きちんと話者と話した内容が表示されるところです。

とりあえず、今は、このマークアップで進めて、また良い方法が見つかり次第、 このページに追記していきたいと思います。

Mac OSX で Minecraft のテクスチャを変更する方法

ここでは、 16 × 16 のテクスチャ(jolicraft とか)を Mac 版 Minecraft に導入する方法を紹介します。 私は、以下の 3 つのことをすれば、テクスチャを変更できました。

1. Web 上から、自分が気に入ったテクスチャのファイルを探し、 ダウンロードする。
2. ~/Library/Application Support/minecraft 内の texturepacks フォルダ内に、 ダウンロードしたテクスチャの zip ファイルを「そのまま」突っ込む。
3. Minecraft を起動させ、Mods and Texture packs を選択し、 ダウンロードしたテクスチャを指定する。

また、 32 × 32 のテクスチャを変更したときは、このページを更新したいと思います。