loopshoot.com

諸事情により、自作アプリケーションのひとつ
TextMatchReport | サッカーマッチレポート作成ツール
のURLが変更になりました。

旧URL

8月下旬のヨーロッパのリーグ再開に向けて、アプリーケーションを再編しています。
このBlog自体も開発用とサッカー観戦記用に分割する予定であります。

これからも、よろしくお願いいたします。

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

CSS要素をtableタグ内に書かずに、styleタグを使用して設定していたのですが、
どうもうまく表示されていないようなので、やっぱり内部で設定するようにしました。

出力HTMLを減らすために外部に出していたのですが、gooブログなんかでは、この外部設定部分が取り除かれてしまうので、どうしようもない。

いくらか重くなっても内部で設定したほうが確実のようです。
いままで、うまく表示されなかった方々、きっとうまくいくと思うので是非試してみてください。

最近は使ってくれるブログも多くなってきていて、ほんとうれしいです。
色や幅のカスタマイズも使ってもらえてるみたいですし。

TextMatchReportもそのうちTextFormatonsのようにmore infoを出すつもりです。
今はその詳細を検討中。

とは言いつつ、他のアプリ作ったり。。。

このGWは時間が取れたので、開発がだいぶ進みました。乞うご期待です。

今度は表の幅のカスタマイズ。

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

しゃちべるブログの管理人様からのリクエストを採用させていただきました。

しゃちべるブログさんのような3カラム構成では、TextMatchReportのデフォルトの幅300ptでは広すぎて入らない現象が起きていたので、幅を選択できるようにしました。

ver0.5のときに追加したカスタマイズウインドウの右端のタブで設定が可能です。

200pt,300pt,400ptが選べますが、自分で値を入力することも可能です。

場所はここです↓

やっぱり自分でいろいろカスタマイズできることは重要ですね。

200pt,300ptのマッチレポートを載せておこうと思います。

それではどうぞ　→　TextMatchReport

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

今回追加したのは、色のカスタマイズ機能。

TextFormationsと同じように、色をクリックするとプレビューにすぐに反映できるようにしたかったのですが、
使い勝手を考えると、プレビューと色のパレットを同一画面内に収める必要がありました。
TextMatchReportの場合、プレビュー＝データ入力エリアとしているので、パレットを置くスペースがあまり無く、困っていました。

で、解決策はパレットをタブのウインドウで配置することです。
こんな感じ↓

小さく収めることが出来ました。

昔、TextFormationsの色カスタマイズを考えたときも、スペースの問題にぶつかったのですが、その時にはこんな解決策は思いもつきませんでした。

日頃の勉強の成果(？)が現れてうれしいです。

色のカスタマイズが出来るようになったので今までの殺風景な表だけでなく、
こんなものも作れるようになりました。いくつかサンプルを載せておきます。

それではどうぞ　→　blog用マッチレポート作成ツールTextMatchReport

#色カスタマイズは実現できたのですが、それに伴い、HTMLの量が多くなりました。
#設定項目を多くするためなので仕方ないです。。。

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

と言っても、新しく機能を追加したわけではなく、デザインと内部のソースの変更です。

Webアプリを作り始めたばかりの頃に作ったものなので、デザイン的によろしくないところがたくさんありました。今回はその部分を一気に直しました。

出力するHTMLにも余計な部分が多かったので、減らしたところ２５％もサイズ削減できました。

内部的な話ですが、ヘッターやフッターを共通化したので、更新がだいぶやりやすくなりそうです。

TextFormationsのユーザーが増えてきているので、このTextMatchReportを使ってくれる人もちらほら。
しかし、こっちはまだまだ機能が足りなので、早くバージョンアップさせていきたいです。

それではどうぞ　→　blog用マッチレポート作成ツールTextMatchReport

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

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

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

　　　こんな感じ

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

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

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

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

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

それではどうぞ　→　TextMatchReport

★本日の一品★
リファレンスは一冊持っておくと便利です。このシリーズは小さいのにわかりやすいですよね。

改訂第4版 JavaScript ポケットリファレンス 古籏 一浩 技術評論社 2006-10-18 by G-Tools