loopshoot.comラボ

loopshoot.com開発の記録

フォーメーション図を画像として作成できるようになりました (Google Chart API 使ってます) | TextFormations ver4.2

| 0 comments


サッカーフォーメーション図作成ツール TextFormations に新たな機能を追加しました。
TextFormations で作成できるフォーメーション図はHTMLのtableタグなどで作成された”文字情報”であるために、そのままブログに貼るとブログのつくりによっては形が崩れてしまうという大きな問題を抱えていました。
この問題の解決がユーザーの増加に直結すると思い、先日もリストなどの新しいデザインを追加したのですが、それでも”文字情報”である以上、根本の解決に至っていませんでした。
この問題に対する有効な解決策である”フォーメーション図の画像化”がついに成功しました。
画像化に使った技術はGoogle Chart API
このGoogleの提供するグラフ作成ツールでフォーメーション図を作りました。(散布図をつかってゴニャゴニャとつくりました。)
その画像化されたフォーメーション図をいくつか載せておきます。
今日開幕するリーガ・エスパニョーラのチームの昨シーズンのおさらい。
レアル・マドリード (リーガ 30節 vsセビージャ)
created by TextFormations :M :R
バルセロナ (リーガ 32節 vsレクレアティーボ)
created by TextFormations :M :R
※フォーメーション図の背景が濃い色だと文字が埋もれてしまう…
バレンシア (リーガ 34節 vsオサスナ)
created by TextFormations :M :R
できるだけ綺麗に作りたかったのですが、Google Chart API をある意味邪道な使い方をしている分、限界がありました…
画像の作り方ですが、今までどおり作ってもらうと画像も一緒に作成されるようにしました。
ですので今までどおりどうぞ。
それではどうぞ → レアル・マドリードのフォーメーションを作る
—-
画像化になかなか踏み切れなかったのは、画像化する技術がなかったことに加えて、画像を作ってもそれを管理し続ける自信がなかった事。レンタルサーバーで大量の画像を保存し、公開し続けるのは賢明とは思いません。
そんな悩みも画像化にGoogle Chart APIを使うことで解決しました。画像はGoogleのサーバーに作られます。


関連記事

  1. [祝]フォーメーション登録数が1000を超えました | TextFormations
  2. フォーメーション図に新しいデザインが加わりました | TextFormations ver4.1
  3. 日付で検索できるようになりました | TextFormations ver4.0
  4. Googleカスタム検索導入 TextFormations ver3.7その1
  5. TextFormations(ver2.3) | ユーザーズリンク追加