« TextFormationsバージョンアップ(ver0.6) | メイン | TextFormationsバージョンアップ(ver0.7) »

TextMatchReportバージョンアップ(ver.0.3)

簡易マッチレポート作成ツールTextMatchReportをバージョンアップさせました。

TextFormationsの方ばかりいじっていて、使いにくいままでしたので、
一気に改修しました。

改修点は大きく4つ
1.表示をすっきり
     全体をひとつのテーブルにまとめ、枠の太さなどを統一しました。
     また、出力時に一行で返すようにしているので、
     改行が変換されるブログでも適切に表示されるようにしてます。

   こんな感じ

W杯 2006 予選F組
日本 1 1-1 4 ブラジル
0-3
得点者
玉田
時間
'34
'45
'53
'59
'81
得点者

ロナウド
ジュニーニョ・ベルナンプカーノ
ジウベルト
ロナウド
create by loopshoot.com --TextMatchReport--


2.表示場所にデータを入力できるように
     もともとTextFormationsのソースをそのまま持ってきているので、
     表示場所と入力場所が分かれていました。 
     TextMatchReportは普通の表なので、わかりやすく場所を同じにしました。

3.得点をプルダウンからの選択式に
     簡単な改修ですが、これだけでも操作性は増します。

4.JavaScriptによる入力補助
     Ajaxとはいえませんが、JavaScriptを導入して、入力を補助しています。
     前半と後半の得点をプルダウンから選択すると、
     トータルの得点が計算されます。(ただの足し算ですけどね)
     また、テキストエリアの初期表示がクリックによって消えるのもJavaScriptによるものです。

マッチレポート下部は僕は得点経過と得点者を表示するのに使っていますが、使いようによっては、シュート数やカードの数、選手交代なども綺麗に表現できるのではないでしょうか。

今後は、色のカスタマイズ機能、日時の自動入力、天気やグランドコンディションの選択式入力の導入などを考えています。
それと延長戦に対応していないので、これも早めに。



それではどうぞ → TextMatchReport

★本日の一品★
リファレンスは一冊持っておくと便利です。このシリーズは小さいのにわかりやすいですよね。
4774129240改訂第4版 JavaScript ポケットリファレンス
古籏 一浩
技術評論社 2006-10-18

by G-Tools
ブックマークに追加する
関連エントリー(more)

トラックバック

このエントリーのトラックバックURL:
http://loopshoot.com/cgi/mt/mt-tb.cgi/1121

コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)

このブログについて
サッカー好きなSEによる、自作Webアプリケーションの紹介とその開発日記です。
サッカーをもっともっと楽しむために、ブログを書いたり、Webアプリケーションを作ったりしてます。

簡単なプロフィール
loopshoot.comでは引き続きサッカー観戦記を中心にブログ更新中です。

目指せ「サッカーブログ地位向上」
RSSリーダーで購読する

ブックマークする

Feed loopshoot.comラボ

Feed loopshoot.com