読者です 読者をやめる 読者になる 読者になる

by shigemk2

当面は技術的なことしか書かない

第5回ゆるゆに チェスアプリを改造してみた #yry2

勉強会

ゆるゆに~ゆるいUNIX勉強会~ #5 Twitter Bootstrapを使って(第2期を期待しつつ)GJ部風チェスアプリを作ってみる。 on Zusaar

今日はゆるゆにへ行ってみた。

Twitter Bootstrapを使って(第2期を期待しつつ)GJ部風チェスアプリを作ってみる」というお題の下、
チェスアプリをTwitter BootstrapとjQueryを利用して作るという事になった。

いきなりチェスアプリを一から作るのは高い労力を要するので、
こちらを利用して、TwitterBootstrapを使って改造するという話になった。

因みに、オリジナルのアプリはC#で、それをJavaScriptに作り直したもの。

しかし、このアプリの完成度があまりにも高い(チェスの特殊ルールすらもパーフェクトに実現していた)ので、

「プレイヤーの手を履歴として残しておく機能」を追加する事になった。

で、プレイヤーの手の履歴を表示する機能を追加したものがこちらになります。
shigemk2/chess-like-gj · GitHub

ポイントは、
1. 出来るだけjQueryを利用するように変更
2. Emacs+jsl-modeで編集したので、エラーが多すぎるから大幅な修正
3. ファイル1ページで完結していたので、CSSファイル、JSファイルに分割
4. LESSを(も)使う
5. 自分のターンか相手のターンを分かりやすくした

です。

チェスアプリのオリジナルを作成した方に御礼申し上げます。
七誌の開発日記