ベイエリア情報局

javascriptだけで棋譜形式の変換(jsShogiKifuで棋譜データの出力に対応)

ポッドキャスト配信者のメールアドレス(オプション) (ポッドキャスト配信者名(オプション)) — Sun, 17 Jul 2011 23:28:47 +0900

jsShogiKifuで棋譜データが出力できるように機能追加しました。
これによりオンラインでjavascriptだけで棋譜形式の変換ができるようになります。

サンプルページ

新たな棋譜形式の対応はモジュール追加のみ

jsShogiKifuでは棋譜解析部分を独立したモジュールにしているので、各棋譜形式専用のモジュールを追加するだけで、他の棋譜形式に自由に相互変換可能になります。現在のところkif形式とcsa形式だけにしか対応してませんが。

jsShogiKifuをアップデートした

ポッドキャスト配信者のメールアドレス(オプション) (ポッドキャスト配信者名(オプション)) — Sun, 10 Jul 2011 23:53:40 +0900

以前公開したJavascriptで実装した将棋棋譜ビューワであるjsShogiKifuですが、いつのまにか改造してくれてる人が現れた！！
嬉しい限りです。
せっかくなので変更内容を取り込ませていただきました。

READMEから抜粋した変更内容は次の通り

kkosさんによる変更
1. 各局面の最終着手を強調表示可能
2. 駒画像の表示サイズを指定可能
3. 枡のサイズを指定可能
4. 先手、後手それぞれに対して、王と玉を指定可能
(駒画像が用意されている場合)
5. 初期表示局面を指定可能
6. 6種類のサイズの駒画像を追加
(文字表示だけで、駒の形ではない単純なもの)
7. サイズの異なる盤面を一つのページに表示可能
(test/sample_multi.html)
8. 手順一覧選択リストで、コメント付きの指し手には'*'マークを表示
9. KIF形式の記述が'龍'ではなく'竜'の場合にも対応
10. KIF形式の詰将棋に対応
(test/sample_mate.html)
11. KIF形式の駒落ちに対応
12. KIF形式の初期局面指定に対応

knuさんによる変更
* 画像を使わないレンダリングをサポート。
* レンダリングエンジンを選択またはユーザ定義可能。
* UIを改善。
盤上左右1/3領域をクリックすることで前後の指し手に移動可能。
* jQuery Mobile上での動作をサポート。
- 左右のスワイプによりそれぞれ最初、最後の局面へ移動。
- 指し手を示すselectボックスの状態更新通知を追加。

いろいろ調整

お二人の変更を取り込ませていただいた後、僕の方でもいろいろ調整しました。
機能的な追加は特になく単に整理したぐらいです。
ちょっとがばっと変更しちゃいましたが、たぶん以前よりかはコードがいじりやすいのかなと思います。

* Kif形式の解析モジュールを改良
kkosさんにいろいろ機能を追加してもらったのをシンプルになるよう変更しました
* サンプルファイルを全部sampleディレクトリに突っ込んだ
* test/ ディレクトリの中身を整理
* ソースコードを複数ファイルに分割
それに伴いMakefileを追加。配布用のkifu.jsはdistディレクトリに動的生成するようにしました
* インデント(ハードタブなくす)や、メソッド名をちょこっと変更(統一感持たせるため)

さくらVPSを借りた後の初期設定まとめ

ポッドキャスト配信者のメールアドレス(オプション) (ポッドキャスト配信者名(オプション)) — Thu, 21 Apr 2011 11:49:38 +0900

さくらVPSを借りた後の初期設定メモ一般ユーザを追加する

# useradd masato
# passwd masato

sudoを使えるように。 wheelグループにsudoを許可して、一般ユーザをwheelグループに追加する。

# visudo
%wheel  ALL=(ALL)       ALL
# vigr

rootでの作業終了。一般ユーザで再ログイン。

# exit
local:$ ssh masato@*.*.*.*

SSHの鍵をコピー

local:$ scp -r ~/.ssh masato@*.*.*.*:

dotfilesを同期

$ cvs -d '****' checkout .env

とりあえずyum update。 yum-fastestmirrorはデフォルトでインストールされてた。

$ sudo yum update

コマンドラインを快適にするため、とりあえずzsh, screenを入れる。 keychainはなかった。

$ sudo yum install zsh screen

zshにシェルを変更して再ログイン。 ssh-agent起動。 keychainは後で入れる。 screenも起動。

$ chsh
$ exit
local:$ ssh masato@*.*.*.*
$ eval $(ssh-agent)
$ ssh-add *****
$ screen

とりあえずiptablesでsshだけ許可する。

# 関連のある入力を許可
$ sudo iptables -A INPUT -m state --state RELATED,ESTABLISHED -j ACCEPT
# icmpを許可
$ sudo iptables -A INPUT -p icmp -j ACCEPT
# ローカルの接続は全部許可
$ sudo iptables -A INPUT -i lo -j ACCEPT
# sshを許可
$ sudo iptables -A INPUT -p tcp -m tcp --dport 22  --tcp-flags FIN,SYN,RST,ACK SYN -j ACCEPT
# INPUT, FORWARDを原則落とす
$ sudo iptables -P INPUT DROP
$ sudo iptables -P FORWARD DROP

sshでrootログイン禁止、パスワード認証禁止。

$ sudo vi /etc/ssh/sshd_config
PermitRootLogin no
PubkeyAuthentication yes
PasswordAuthentication no
PermitEmptyPasswords no

これで一通りのセキュリティ周りの設定終了。一安心

さくらインターネットの田中社長との思い出

ポッドキャスト配信者のメールアドレス(オプション) (ポッドキャスト配信者名(オプション)) — Wed, 20 Apr 2011 23:14:19 +0900

そろそろ個人サーバを乗り換えようと思ってVPSサービスをいろいろ検討したんだけど、結局さくらのVPSにした。さくらは使い慣れてるし、今までの実績からくる安心感がある。さっき一年一括で支払い申し込みして、準備ができるまでの間に、ふと思い出したさくらインターネットの田中社長との思い出を書いてみる。思い出っつっても僕の一方的な思い出で、もちろん田中社長は僕の事なんぞはみじんも知らないがw

インターネットとの出会い(高専4年)

僕が新居浜高専というど田舎の高専4年生の頃に、初めて学校がインターネットに接続された。新居浜高専のネット回線は愛媛大学を通して世界に繋がっていた。電話回線もない寮で生活していた僕は、インターネットと聞いて「パソコン通信ができる！」とわくわくしていた。ネット=パソコン通信と思い込んでいたのだ。それくらいバカだった。

インターネットは当初期待してたものとは違ったが、それ自体はとても面白くどんどんのめり込んでいった。そしてインターネットの仕組みが知りたくなって、いろいろ先生に聞いてインターネットのサーバはUNIXで動いているのを教えてもらった。MS-DOSしか知らなかったバカにはUNIXは衝撃的だった。そして無謀にも自分でWebサーバを構築したいと考えるようになった。

apacheのMLに入会

先生にWebサーバはapacheが使われているというのを教えてもらった。何も考えていない僕は早速コンパイルをしようと思ったがうまくできない。それでapacheのMLに入会して質問をした。

「コンパイルできません！」

今の僕なら"マニュアルを読め!"と突っ返すような質問に親切にも答えてくれる人がいた。

「./configureを実行しました？」

コンパイルできない問題は見事に解決した。ちなみにこの質問に答えてくれた人は田中さんではなく吉藤さんという方で、数年後にLinuxのIPv6の実装であるUSAGIプロジェクトの中心人物となった方だ。もちろん吉藤さんは僕の事なんか覚えてないだろうがw

apache MLを運営していた舞鶴高専の田中さん

このapache MLを運営していたのが舞鶴高専の田中さんという方だった。僕と同じ高専4年生。田中さんはapacheのMLを運営するだけでなく、apacheのモジュールを書いてたりと、./configureを知らない誰かさんとは雲泥の差だった。同じ学年なのにここまで実力が違うのかと衝撃を受けた。

そして田中さんは当時から草の根レンタルサーバである「さくらネット」を運営していた。そう、今のさくらインターネットの前身である。後になってさくらインターネットの名前を聞いて、すぐにさくらネットの事だと分かった。高専の時から僕と田中さんの差は全く縮まってなかったのだ。

僕も頑張って前に進んでいるのだが、田中さんはそれ以上のスピードで前に進んでいる。いつか追いつけるように努力し続けていたい。

javascriptで動作する将棋棋譜ビューワを作った

ポッドキャスト配信者のメールアドレス(オプション) (ポッドキャスト配信者名(オプション)) — Tue, 19 Apr 2011 00:29:59 +0900

最近というかここ2年くらいから将棋にはまってて、いろんな将棋を観るのが趣味になってます。特にプロのタイトル戦は解説付きの棋譜が公開されてて、観るだけでも楽しい。やはり素人にはプロの解説がないと指し手の意味がよく分からない。

公開されている棋譜のビューワにはKifu for Flashがよく使われています。他にも棋譜ビューワはいろいろありますが、ほとんどがFlash製です。Javascriptの実装もいくつかあるようですが、他のサイトに組み込んで利用するようなケースはあまり想定されていないような感じでした。Flashの最大の欠点がiPhoneで表示できないこと。Kifu for iPhoneでいいじゃないかと言われそうですが、特定のアプリじゃWebサービスに組み込みできんだろということでJavascriptで動く棋譜ビューワを作ってみました。githubで公開してます。今のところ柿の木形式とCSA形式に対応。

jsShogiKifu サンプルページ

使い方

ソース一式をダウンロードします。 jsShogiKifuダウンロードページ

"src"ディレクトリにあるファイル一式を適当なディレクトリに突っ込む。

jQueryもダウンロード jQuery

jQuery, kifu.js, jquery_shogi_board.jsを読み込む。

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="kifu.js"></script>
<script type="text/javascript" src="jquery_shogi_board.js"></script>

棋譜ビューワを表示する場所にspanなりdivタグをid付きで追加。

<div id="board"></div>

適当なdivなりspanなりのid付き不可視(style="display:none")タグに棋譜データを突っ込む。 "Kifu"に"棋譜データのid", "フォーマット(kif or csa)"を渡してkifuオブジェクトを作成。 jQueryで棋譜ビューワを表示するタグに"shogiBoard"メソッドにkifuオブジェクトを渡して表示する。

<span id="kifu_text" style="display:none">
棋譜データ...
</span>

<script>
var kifu = Kifu('kifu_text', 'kif');
$('#board').shogiBoard(kifu);
</script>

別ファイルの棋譜データを読み込むにはKifu.ajaxLoad()を使います。 Kifu.ajaxLoad()に"棋譜ファイルのURL", "フォーマット", "関数オブジェクト"を渡します。関数オブジェクトにkifuオブジェクトが渡りますので、上記と同様にshogiBoardにkifuオブジェクトを渡します。

<script>
Kifu('./kifu_text.kif', 'kif', function() {
  $('#board').shogiBoard(kifu);
});
</script>

以下、プログラマ向け説明

棋譜解析とビューワを完全に分離

棋譜解析部とビューワを完全に分離してます。棋譜解析の結果は全てkifuオブジェクトに格納されて、盤面の操作や情報の取得はkifuオブジェクトのメソッドを通して行います。ビューワはkifuオブジェクトから取得した情報を元に表示処理だけ行います。

jsShogiKifuにはjQueryのプラグインとして実装したjQueryShogiBoardが付属していますが、ビューワが完全に独立しているため全く違う実装に置き換える事が可能です。jQueryShogiBoardはいろいろとアレなので、自分で好きなプログラムに変更するといいでしょう。

jQueryShogiBoardはデザインがダサダサなんですが、html部分は別ファイルになっているので、これを置き換えるだけでもいいかと思います。

kifu.jsはjQuery非依存

Kifuクラスの処理は一部を除いてどのライブラリにも依存してません。ajaxで棋譜データを読み込む(Kifu.ajax(), Kifu.ajaxLoad())ときのみjQueryを使用しています。それ以外はどのライブラリにも依存してませんので、ajaxを使用しなければ外部ライブラリは一切必要ありません。

jQueryShogiBoardがjQueryのプラグインなので、jQueryが必要かと勘違いしてしまいがちですが、そんな事はありませんので好きなように組み込めます。

名前空間を汚さない

kifu.jsを読み込んだ時に使用するグローバルな名前は"Kifu"のみです。他にはグローバルな名前空間を使用しませんので、他のJavascriptライブラリと名前空間で衝突する心配はありません。

"Kifu"も衝突する場合はkifu.jsを読み込んだ後に"Kifu.noConflict()"で実行することで、"Kifu"を元に戻し別名に変更できます。

var jsKifu = Kifu.noConflict();  // Kifuを元に戻し、代わりにjsKifuに変更する

ファイル形式ごとにモジュール化

ファイル形式ごとに解析プログラムをモジュール化してます。kif形式だろうと、csa形式でも最終的な解析結果はkifuオブジェクトに格納されます。このような実装になっているため、他の形式の棋譜ファイルを読み込む場合に、その棋譜形式用のモジュールを作るだけですむようになります。

WEB+DB vol.62にLinuxの基礎知識特集の執筆をしました

ポッドキャスト配信者のメールアドレス(オプション) (ポッドキャスト配信者名(オプション)) — Mon, 18 Apr 2011 17:37:45 +0900

4月発売のWEB+DB vol.62にLinuxの基礎知識特集の記事の執筆をしました。
4月発売ということもあって、新人向けの特集記事になります。
よかったらご覧ください！！

11/22(日)愛媛でサイボウズとP&Aラボ共催の就活生向けのIT業界セミナーで喋ってきます

ポッドキャスト配信者のメールアドレス(オプション) (ポッドキャスト配信者名(オプション)) — Mon, 16 Nov 2009 16:39:08 +0900

P&Aラボ × Cybozu ITエンジニアによるITエンジニアのためのIT業界セミナー　11月22日＠松山

サイボウズさんが東京、大阪、松山で就活生向けのIT業界セミナーを開催するのですが、僕は松山の方でスピーカーとして参加させていただくことになりました！

何やらカコイイポスターもできております。

愛媛のIT系の方は、ぜひご参加を！

Links for 2009-08-11 [del.icio.us]

Wed, 12 Aug 2009 00:00:00 PDT

【2009年8月最新版】直近決算発表に基づく mixi、モバゲー、GREE の業績比較〜明暗を分けた要因の分析〜 - japan.internet.com Webビジネス

Links for 2009-07-31 [del.icio.us]

Sat, 01 Aug 2009 00:00:00 PDT

RomEx (2chブラウザ) - RIA Service

Links for 2009-07-27 [del.icio.us]

Tue, 28 Jul 2009 00:00:00 PDT

あ、パンだ？！ by TARO-TARO [クックパッド] 簡単おいしいみんなのレシピが50万品

Links for 2009-07-24 [del.icio.us]

Sat, 25 Jul 2009 00:00:00 PDT

徳永隆治

Links for 2009-07-23 [del.icio.us]

Fri, 24 Jul 2009 00:00:00 PDT

1/1000の圧縮率を目指す次世代動画像圧縮技術の行方 - A Successful Failure

Links for 2009-07-22 [del.icio.us]

Thu, 23 Jul 2009 00:00:00 PDT

Links for 2009-07-15 [del.icio.us]

Thu, 16 Jul 2009 00:00:00 PDT

ウノウラボ Unoh Labs: iモードブラウザ 2.0まとめ

映画「ハゲタカ」を観てきたがあまり面白くなかった

ポッドキャスト配信者のメールアドレス(オプション) (ポッドキャスト配信者名(オプション)) — Tue, 07 Jul 2009 19:32:38 +0900

ハゲタカ＠映画生活

NHKのテレビドラマで数々の賞を受賞したら名作ドラマ「ハゲタカ」
僕もテレビドラマのハゲタカがかなり好きで、何回も観ました。

満を持して映画化されたので早速観に行きましたが、ちょっと期待はずれでした。
テレビドラマの方があんなに面白かったのに残念＞＜

経済描写が少なく人物描写が多い

ドラマ「ハゲタカ」の面白さは、なんといっても今までにない経済に焦点をあてたシナリオ。
そこが従来のドラマと一線を画して面白かったのだと思うのだが、映画「ハゲタカ」では赤いハゲタカの人物描写に長い時間が割かれていた。
主人公でもなんでもないのに！！
そんなのどうでもいいから赤間自動車がどうなったをやってくれよ。

恐らく東映か事務所側が玉山鉄二をもっと露出させろとかごねたんじゃないでしょうか。
主人公はそんなに有名じゃない大森南朋ですから。

赤いハゲタカの人物描写は恐らく、後から追加されたんだと思います。
あそこをそっくり抜いてもシナリオ的には何にも矛盾しないんですよね。

テレビドラマの方が良かっただけに、残念です。

第2回197Xパーティで客員起業家について発表してきた

ポッドキャスト配信者のメールアドレス(オプション) (ポッドキャスト配信者名(オプション)) — Sat, 04 Jul 2009 16:15:32 +0900

第2回197Xパーティで客員起業家について発表してきました。

197Xs's Wiki - 第2回 197X パーティー

早速資料をアップしました。

EIR

詰めどうぶつしょうぎを作った

ポッドキャスト配信者のメールアドレス(オプション) (ポッドキャスト配信者名(オプション)) — Sat, 04 Jul 2009 14:32:43 +0900

どうぶつしょうぎを購入してからハマってる今日この頃、みなさんいかがおすごしでしょうか。
調子にのって詰めどうぶつしょうぎを作ってみましたので、よかったら解いてみてください。

第1問: 1手詰め

まずは小手調べ。とても簡単な1手詰めです。

DVC00569 posted by (C)まさと

第2問: 1手詰め

これも簡単な1手詰めです。

DVC00568 posted by (C)まさと

第3問: 3手詰め

とても簡単な3手詰めです。

DVC00572 posted by (C)まさと

第4問: 3手詰め

これも簡単ですが、順番を間違えると詰みません。

DVC00573 posted by (C)まさと

第5問: 7手詰め

今までで一番詰めどうぶつしょうぎらしいやつ。

DVC00571 posted by (C)まさと

第6問: 5手詰め

これはなかなかトリッキーです。
自分は1ひよこしか持ってませんが、ちゃんと手順をふめば必ず勝てます。
どうぶつしょうぎならではのテクニックを使います。

DVC00570 posted by (C)まさと

どうぶつしょうぎが大人気！

ポッドキャスト配信者のメールアドレス(オプション) (ポッドキャスト配信者名(オプション)) — Tue, 16 Jun 2009 12:55:06 +0900

＜どうぶつしょうぎ＞女の子も親しんで　動物に置き換えた「将棋」が人気（毎日新聞） - Yahoo!ニュース

どうぶつしょうぎがYahoo!ニュースに！
それ以前にもいろんなところでどうぶつしょうぎが紹介されて大人気なようです。
注文が殺到しててなかなか買えないようです。

かくいう僕は「ゲームマーケット2009 - GameMarket2009 -」に参加した時に残り一個だったところをぎりぎりで購入しました。

DVC00521 posted by (C)まさと

どうぶつしょうぎ何回か指してみたんですが、見かけによらずかなり良いです！

見かけが良い

とにかく見かけがかわいくて良い！
女子も子供もこれで食いつきます。

奥が深い

盤面が小さく駒数も少ないですが、想像以上に奥が深いです。
かなり考えないとなかなか勝てませんし、適当に動かしてるとすぐに負けてしまいます。
見かけに騙されると痛い目をみます。

においが良い

実際に持ってみないとわからないのですが、とても良い木のにおいがします。

少し遊んでみた僕なりの攻略法をいくつか紹介します。

斜めゾウは形がよくない

どうぶつしょうぎで遊んでると、こんな形になることがよくあります。

	ゾウ
ゾウ

ゾウがお互いに効いているので、この状態だと強いのですが、隙が多くすぐに崩されやすいです。
しかも一回崩されるとどちらかがとられてしまいます。
この形にはなりがちなのですが、後があまりよくありません。

駒損の有利不利が激しい

盤面も小さく駒数も少ないので、駒損の有利不利が激しいです。
ですので、詰め手順があるぐらいの状況でない限り駒損は避けた方が無難です。

ライオンを一ライン上げると詰めやすい

駒数が少ないので、ライオンを追い込めるのに苦労します。
自ライオンが一ライン上がるだけで、相手ライオンを相手陣に追い込みやすくなります。
もちろんすぐに相手に突っ返されては意味がないので、安全な形でうまく上げてやる必要があります。

打ち駒のタイミング重要

どうぶつしょうぎは駒数が少ないので、いかに駒をうまく使うかがポイントです。
駒を打つときはよく考えて、本当に重要なところに打ちましょう。
もちろんライオンが詰まされては意味がないので、ちゃんと最低限の防御駒は必要です。

特にひよこの打つタイミングは重要です。
戦略上ひよこは欠かせない存在ですが、ひよこは一度打つと前にしか進めないので、取り扱いが非常に難しいです。

挑戦者求む！

購入してから10局ほど指しましたが、今のところ無敗をキープしております。
どうぶつしょうぎで遊びましょう！

akamai勉強会に参加してきた

ポッドキャスト配信者のメールアドレス(オプション) (ポッドキャスト配信者名(オプション)) — Tue, 16 Jun 2009 11:12:38 +0900

akamai勉強会に参加してきました

Akamaiさんとインターネットの裏側を覗く勉強会 : ATND

かなりの人気で、僕が登録した時にはもう枠が埋まっていたのですが、枠が増えたりキャンセルが出たりで、気づけば参加できるようになってました。

akamaiのようなCDNは、ある程度規模の大きいサービスでないと使う事はないので、どういうものかは以前から興味がありました。
いろいろインターネットの裏側が見えてとてもよかったです。
動画と資料は近いうちに公開するので、詳細はそちらで。
たぶんたくさんの人がレポート書いてくれるし。(他力本願)

日本のようにインタネット網が東京に集中してると、CDNによるコンテンツデリバリーの効率化の効果はあまりないので、どちらかというと負荷軽減や、帯域節約の意味が大きいと思うんですが、実際のところはどうなんでしょうね。

CookPad上場承認おめでとうございます！！

ポッドキャスト配信者のメールアドレス(オプション) (ポッドキャスト配信者名(オプション)) — Sun, 14 Jun 2009 13:58:01 +0900

クックパッドがマザーズ上場へ - ITmedia News

CookPadが東証マザーズ上場へ。
おめでとうございます！！

投資情報サイト東京IPO

3.1億、6.7億、10.8億と順調に売り上げをのばしてますね。

株主構成は、佐野陽光さん(創業者)、穐田誉輝(元カカクコム)、従業員、銀行とVC無しの構成です。
VC無しで上場とはすごいですね！！

facebookのURL取得

ポッドキャスト配信者のメールアドレス(オプション) (ポッドキャスト配信者名(オプション)) — Sun, 14 Jun 2009 13:55:28 +0900

facebookのURL取得しました

http://www.facebook.com/btomasato

早いもの勝ちなので、お早めにー

sfMobileIPPluginについてLTしてきた

ポッドキャスト配信者のメールアドレス(オプション) (ポッドキャスト配信者名(オプション)) — Wed, 20 May 2009 16:26:37 +0900

先日ディノさんで開催されたsymfony勉強会に参加してきた。
ちょうどいいタイミングだったのでsfMobileIPPluginについてLTで紹介してきました。

events.php.gr.jp - symfony勉強会/懇親会

sfMobileIPPlugin sfMobileIPPlugin bto

Publish at Scribd or explore others: symfony plugin sfmob

いつも思ってるんだけど、symfony用に携帯サイト開発を手軽できるプラグインってないのかな。
自分で作りながらやってもいいかなとは思ってるんだけど、携帯サイトってポリシー(どこまでサポート)かによっても対応の仕方が変わってきて、汎用的にやりづらいかなとも思ったり。
俺々的になってしまいがちな希ガス。