ゆるゆに~ゆるい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. 自分のターンか相手のターンを分かりやすくした
です。
チェスアプリのオリジナルを作成した方に御礼申し上げます。
七誌の開発日記