11月 2007

HTML要素にアクセスするには getElementById

JavaScriptメモ。documentオブジェクトにはgetElementById()というメソッドがあり、これでHTML内に書かれた内容を参照できる。例えば、チェスの棋譜が、1. e4 e5 2. Nf3 Nc6 などとなっているとする。次のようにすれば、これをJavaScriptプログラムに渡せる。

1. e4 e5 2. Nf3 Nc6
...

こうすれば、pgnという変数に棋譜の文字列が代入される。

[追記] pgnに文字列が入るというのは間違いだった。中身本体は pgn.innerHTML としなければならない。

JavaScriptではローカルのファイルにアクセスできない?

JavaScript関連メモ。某所から囲碁の棋譜再現JavaScriptを入手して、ローカルで再現しようとしたのだが、何故か画像が表示されない。うーむ・・・。画像へのパスなどもちゃんとチェックしたのだが。

ふと、セキュリティの関係かな、と思い、全体をMAMPサーバーに放り込んでみたところ、ちゃんと表示された。サーバー上とローカルで何が違うのか?ファイルの場所を表すURLの書き方とかの問題だろうか。それとも、安全上の理由か。依然として謎。もっとも、MAMP上で実験すれば良いことが分かったので、一件落着ではあるが。

夕飯は鈴むら駅前店へ

鈴むら駅前店
仙台牛ステーキ用@鈴むら駅前店
メニュー黒板@鈴むら駅前店
松輪の鯖
水タコ@鈴むら駅前店
しめさば@鈴むら駅前店
真鱈白子@鈴むら駅前店
マグロ中おち@鈴むら駅前店
ステーキ@鈴むら駅前店
秀鳳(しゅうほう)・特別純米

今日は半ドンというか,3/4ドンぐらいかな,ともかくとっても早く帰宅できた。かみさんが「肉〜」と騒いでいる :mrgreen: のでどうしたものかと思案。焼き肉屋さんだとホントに肉だけになってしまい単調である。さりとて鈴むらはいつもステーキあるわけじゃなし。うーむ。

ということで,失礼かなあと思いつつも電話して聞いてみた。 😎 幸いあるという返事。しかし,なかったらじゃあまたにしますってのも失礼な話かなあと反省。 😳 しかしどうなんですかね。お店としてはそんなの別に気にしないものでしょうか。

さてさて久し振りの駅前店。お肉を選んで,これは後のお楽しみ。かみさんの好きな水タコあたりからスタート。ワタシの好きな鯖もピカピカ。このところ運が良いと鯖は松輪のだったりする。生で食べたいなあとも思うが,締め方は軽く軽くなので,これはこれでとっても美味しい。

お肉は和風のタレで。ワタシの歳になると焼肉よりもこういう方が良いかな。日本酒にも合うし。日本酒と言えば,秀鳳(しゅうほう)という新しいお酒が入ってますよ,と聞いて飲んでみたのだが,これがとってもとっても美味しい。はなやかな感じのする少し甘めでフルーツを感じさせるさわやかな味わい。これは素晴らしい。新井屋酒店のY君のお薦めだという。さすがです。

昼から宴会@東北沢・大増

真鱈の白子@東北沢・大増 生牡蠣@東北沢・大増
さんまたたき漁師風@東北沢・大増
鯵刺身@東北沢・大増

直前にいささか不愉快な話を聞かされて,まったくなんて間が悪いんだ,と思いつつも,気を取り直して昼から宴会 :mrgreen:

写真はいささか偽装あり。前回の記録を仕損ねていたので,それとの合併。今日は白子が無かったんだよねえ。前回食べた白子は鮮度も質も素晴らしかったんだが。ともかくIc氏と二人で生牡蠣からスタート。お酒は富久長の純米吟醸・八反草。とても柔らかい味で最近のお気に入り。昼からこんな幸せでバチ当たらないかしらと心配。あ,だからバチ当たったのかぁ 😯 😳

そろそろお開きでも良い時間にT氏とI氏が登場。後で来るとは聞いていたけど,ホントに来るとは。うーむ。脱出しそこねました。

日本酒の後はT氏お薦めのワインをいただく。なるほど〜やわらかい感じで確かに美味しい。刺身類とは合わないけどね。

JavaScriptによる囲碁の棋譜再生

チェスがあるなら囲碁もあるだろうと探してみたが、多くはJAVA Appletであり、JavaScriptは少なかった。いくつか試してみたのだが、チェスのPGNViewerのように洗練されてない。表示に関してもだが、実装についても。とある新聞社などは、棋譜再生のページ毎に、JavaScriptコードが全部埋め込んであったりする。 😯 いや、ソースコードを研究するには便利なんだが。 :mrgreen:

という状況なので、WordPress用のプラグインなど望むべくもない。うーむ、勉強を兼ねて作ってみるか?いやいや、そんな暇がどこにあろうか。 👿

気が付いたらイマーゴ,あと一週間ですよ!

ずっと先だと思って油断していたら,今度の日曜日に迫っていた千駄木イマーゴ。今回はオルガンマニア祭り :mrgreen: をやろうということで,ワタシもSan Juan Sunsetを弾くことになっているのだが。さっきちょっと弾いてみたけど全然ダメ。orz… 😳 😯 わぁぁ〜ん,どうしよう。

このところロビンちゃんの耳コピにいそしんでいたのだが,アドリブの所であえなく挫折。What’s Going Onもレジストその他の問題があり,とても弾けないし。

PGNViewerメモ(1)

PGNとはPortable Game Notationの略で,チェスの棋譜を記録する一般的な記法。PGNViewerはこれを解析して,JavaScriptを用いて棋譜再生を実現している。WordPress用のプラグイン pgnviewer.php は次のようなHTMLを生成して制御をJavaScriptプログラム jsPgnViewer.js に任せる。



適当に書き直した所もあるが,基本的には,PGNはid付きのdivブロックで囲むことにより JavaScript に渡されるようだ。このブロックはCSSにより表示されないよう設定されている。上の例では id=”9999″ なので,JavaScriptがこれを読めるように,Board(9999, options) と書かれている。JavaScriptはこのようにid付きのブロックの内容にアクセスできる。Board関数はもう一つの引数をもっているが,ここでは駒の画像が置いてあるURLをimagePrefixという名前でJavaScriptに渡している。optionsという引数はこのように連想配列(ハッシュ)になっていて,必要な情報を簡単に渡すことができる。

ネットバンキングの第二、第三暗証

先日申し込んでいたネットバンキングであるが、銀行から手引き書と共に、第2暗証の台紙(?)と第3暗証のカードが届いた。第2暗証はただの文字列であるが、第3暗証はマトリックス(行列)に数字が書かれている。振り込みなどの際には、その度ごとに、(i,j)成分を入力せよ、とか言われるのであろうか。念の入ったことである。それにしては、ログインは第1暗証のみでできるのは、セキュリティが緩くはないのだろうか。

惨敗記

さてさて、改造したチェス・プラグインの試運転である。携帯電話Nokia N73(SoftBank 705NK)上のChess Geniusとの一戦。まあ、いつも負けているのだが、これは正に惨敗。というか、攻めることばかり考えていて、自陣が詰みになっているのをうっかりしたというお粗末。それは別にしても、シシリアン・ディフェンス、特にナイドルフ・バリエーションの黒番は難しいなあと痛感する。