残暑と言うよりまだまだ夏を感じるこの頃で、特に連休明けの大阪は暑かった(>_<)

一番気温の下がると思われる始発前の時間に、半袖Tシャツ一枚で梅田の四つ橋通り歩いてましたからねぇ。
ちなみに自分は寒がりです(*^^*)

そして今日、新潟に来てます。
寒いです。寒過ぎです(x_x;)
長袖のネルシャツ羽織ってますが、ヤバいです。
多分自分は北国では生活出来ません。

先日の土曜は少々仕事があったので、帰宅後に翌日の試合の為のマッチデー・プログラムを焦って作りながら（結局徹夜でした^^;）、銀髪にとブリーチとカラーリングをしていました。
若干いつもよりカラーリング剤を塗った後の放置時間が長かったかなぁなどと思いながら、マッチデー作りを中断してシャワーで流しに行き、ふと鏡を見ると・・・。

前髪と頭頂部を中心に異常に髪の長さが短くなっています。
「ぅわぁっ！」
どうやら限界に達していた毛先部分が溶けて流れてしまったようです・・・。
試合へはそのまま行きました。

そして今日、長さを整えてきました。
まるで高校球児のようなベリーショートになりました。１０年ぶり、いやもっと久しぶりかもしれません(^^;;

ガゼッタ・デッロ・スペラの携帯サイトをリニューアルした直後に、その苦労というか愚痴を連日書き綴った時がありましたが、そうそう、あれまだ続きを書くつもりだったんですよね。忘れてました。
つか、もう何を書こうとしてたかも忘れました(笑)

さて、そもそもホームページを作るってそんなに難しいことかって言うと、そんなことはないですよね。作ったことある方なら分かると思います。
今や自分のホームページを作ったことのある人多いですよね。作成ソフトやサービスつかったり、それこそブログなら簡単にそれなりのものを作れます。

文章とHTMLタグをメモ帳で書いて拡張子を.html(もしくは.htm)で保存して、フリーのFTPソフトかネットに繋ぐために契約したプロバイダーのアップロードツールを使って、プロバイダーで用意してくれた無料スペースにアップすれば、タダで即ホームページが公開出来るんです。楽勝でしょ？
簡単なHTMLタグを覚えて、FTPソフトかアップロードツールの使い方さえわかれば小学生でも出来ます。
携帯サイトに関しても、文字だけのサイトで多少色を付けるくらいならやり方は一緒です。１０年もすればサルでも作ってるかもしれません(笑)

でも、これに画像や動画を載せたり綺麗にデザインして見せたりしようと思うとしだすと色々覚えることも増えてきます。
パソコンならある程度規格が決まっているので、OSはWindowsでもMacでも、ブラウザはInternetExplorerでもSafariでもFirefoxでも、画面・解像度など表示能力は・・・
まあ、考えることはいろいろありますが(笑)、ひとつ作ればそれなりに統一したものが表示されます。
ところが、携帯（日本の）になると各社で変わり、それなりに似てはいるものの統一した規格がありません。その為にホームページ作成ソフトを使って簡単に作ることは出来ないんです。
携帯サイト作成ソフトは、キャリアや機種毎に違うページを別々に作ってはくれますが、持っている携帯を見ていちいち別のアドレスを案内する訳にいきませんし、端末振分けを自動でしてくれるスクリプトを作成ソフトが作ってはくれません。
これでは違う仕様の機種が出る度に違うページが増えていったり、新しいソフトに買い換える必要も出てくるかもしれません。スマートなやり方ではないし、そもそもあほらしい。
それがプロでも苦労する所以ですかね。

問題は大きく分けて、キャリアや機種、ブラウザによって違う（1）HTMLの規格、（2）画像の表示サイズ・容量、（3）絵文字の扱いです。

（1）HTMLの規格
HTMLと呼ばれるWEB用の言語は、表現出来ることが元々とても少なかったのですが、様々な要求に応えて仕様変更の度に次々に機能（タグ）を追加していきました。しかし、少々無秩序に出来ることを増やしすぎたようなんです。そこで、W3CっていうWEBの標準規格を決める国際団体が新しいXHTMLという厳格な規格を作り、今はそれが主流になりつつあります。

初期の携帯サイトは、HTMLを基準にしたcHTML(コンパクトHTML)をDoCoMoとSoftbankが採用。と言ってもDoCoMoとSoftbankのそれぞれにクセがある。auが独自のHDMLを採用していました。
ちなみに自分はcHTMLは分かってるつもりですが、HDMLはよく分かりません。覚えるつもりもなかったですが(笑) auはこの規格がよほど不評だったのか、いつからかキャリアのサーバーサイドでHTMLやcHTMLを勝手にHDMLに変換してくれるようになりました。

そして近年は、DoCoMoが独自規格のi-XHTMLに。auとSoftbankが国際規格のXHTML Basicを採用しつつそれぞれに若干の違いが・・・に移行して来ています。やっぱり、この規格の違いが難しくしている一番の元凶ですかねぇ。
┐(´ー｀)┌な感じです。

そんな訳で、こんなこと↓が起こります。
けーたいあそび・その1

携帯サイトのリニューアルから時間が経って、いろいろアタマが整理されてきたと思ったらまた愚痴(^^;

つづく。愚痴が？(^^:

近年の女子サッカーの分岐点として2004年アテネ五輪（正確にはその予選と思います。）があると思うのですが、スペランツァというチームに限って言えばそれは劇的な変化には繋がりませんでした。
それが昨年の北京五輪本大会でのなでしこジャパンの活躍で女子サッカーそのものが少し注目された後に、スペランツァとしてDiv.1復帰というトピックのあった昨季終盤から今年に掛けては、チームや取り巻く環境に関して劇的とまではいかずとも大きく変化した部分がいくつもあります。それをスペランツァのプチ・バブルと呼んでいます(笑)

ただその変化を過剰に期待してしまったところもあって、それが自分自身やスペランチスタの準備不足に繋がりました。
まだまだ気を抜かずに、頑張らねばなりませんねぇ。

WEBブラウザがIEだけやと思っているのか？自分が光で接続したらみんな同じ通信環境に変わると思っているのか？世の中すべてのパソコンやモニターが同じ性能やと思っているのか？
ブラウザや画面解像度によってレイアウトぐちゃぐちゃや、デカイ画像やFLASHがどーーーん（低速回線や古いパソコンならフリーズしたと思うわ）みたいなのとか、プラグインやJavascriptに依存しまくりのサイトを見ると腹が立ちます。何でそんな中途半端なもんしか作れへんのかと。
そんな中途半端なもんしか作れへんのやったら、多くの人に見てもらうことを想定したPRサイトとか情報サイトとかやめてくれ。でなければ、余計なことは考えずプロの作ったテンプレート使うか最低限のタグだけ使って作ってくれ。

本当はパソコンのWEBサイトはシンプルなのが一番と思ってるんですけどね。例えばこのくらい。
シンプル・サイト
(笑)
ま、ガッゼッタ・デッロ・スペラのPCサイトはどんなにしてもやっつけです。
・・・・・・ん？ちょっとまて。

やっつけってことはこれも・・・中途半端か？(^^;

試合が終わった後に片付けをして、荷物をまとめてとしていたので小一時間は経ったことと思います。一段落し腰掛けて一服。と、さっきもらったスポーツドリンクを飲んだら、これがスゴく冷たい！
その日はとても暑くて、しかも日陰に置いておいたわけでもないのに。

どこでも買えるスポーツドリンクですが、近くの自販機や来る途中にコンビニで買ったものではないですよね。氷結とか言う凍ったドリンクはコンビニなどでも売ってますが違います。
多分自宅で凍らせてわざわざ持ってきてくれたんですねぇ。ちょっとウルっときました。
市販のものですが、一手間掛かってるっていう感じが大げさかもしれませんが、感動させられました。ありがとうございます。
でもその方選手の親御さんなんでね、惚れないようにします(笑)

「高槻のええとこブログ」
http://takatsuki.osakazine.net/
▼スペランツァF.C.高槻・2009

久しぶりに、スペランツァの話題を投稿、掲載してもらいました。
昨年の終盤には試合告知なども掲載してもらい、入れ替え戦では応援バスツアーの案内や、試合の速報までして頂きました。
昨年の入れ替え戦の試合結果を、写真つきで速報したサイトとして最速やったと思います。

そんな高槻のええとこブログに、ご無沙汰ながら(^^; 写真などアップさせてもらっています。
パソコンのサイトですが、携帯用に変換してくれますので、是非ご覧ください(^-^)v

さてさて、着替えとタオルとビニール袋と、はい、準備万端。出発!

で、もう出発してから気付く。あ・・、傘忘れた(-_-;

今年、年明け早々に太鼓の手入れをしたんですよ。それにマレットを新調しました。
普段ほとんど手入れしないので(^^; この時とばかりに、金属部分を全部外してサビ取りをし、シェル(太鼓の枠)の汚れを落として内側の木製部分を防水塗料ぬって、もうこれで完璧！！
と思ったのですが、その防水塗料が垂れて固まり、シェルの縁がゴソゴソになってしまいました。テープ貼ってごまかしてたんですが(^^) それがあかんかったのか、多分そのせいでドラムヘッドが破けたのかと。しかもずっと予備のドラムヘッド使ってたんですよね。

で、そのゴソゴソ部分を綺麗に磨いて落として、ドラムヘッドも買いに行きました。
気分転換のリニューアル、というか厄払い？
ちなみに楽器をやる方ならご存知かと思うんですが、数十年前のバンドブームがあってからか楽器屋の数はたぶん全国的に多くなったんやと思います。でも、ドラム用品を扱ってる店って少ないんですよねぇ。
例えば東京の有名な楽器街の御茶ノ水でさえ、ドラムヘッドの在庫があるのは自分の知る限り下倉楽器くらい。大阪ではミナミの方へ行けば結構あるらしいんですが、ちょっと面倒。
梅田にも楽器店の数はそこそこあるんですが、確実にドラムヘッドを置いてるのが茶屋町のファッションビルの5Fにある石橋楽器くらい。ってか、そこしか知らない。
んでまあ、ちょうど梅田に他の用事もあったのでそこへ行ったわけですが、目当てのものが在庫切れ・・・(>_<)　これはショックでかい！
ずーっと使ってきたREMOのCSってシリーズはかなりポピュラーなものなんで、絶対あると思ったんですけどね・・。16インチっていう目当てのサイズがない。

そりゃまあ取り寄せてもらうことは可能なんですが、それもなあ・・。最近では通販でもよく流通してるのでその手もあるんですが、送料かかるし時間も掛かる。
しゃーない、他の店探すかと。そんで携帯でちょっと調べて見つけた打楽器専門店。場所は福島なんですが、ミナミ行くよりはまし。電話で問い合わせると「1枚だけ在庫ありますよ。」とのこと。
というわけで、少し足を延ばして行ってみました。

地図で見る限り分かりやすい場所。実際も環状線の高架下なので分かりやすいといえば分かりやすい。

でもほんまに無機質な高架下。しかも小さな倉庫風。

そんなもん、ちゃんと分かってよく見てかな絶対通り過ぎる(^^;

中も予想通り、一応店の体は成しているがやっぱり倉庫(笑)
梅田の石橋より若干高いけど品揃えは抜群のよう。
関西のドラマーのみなさん、よかったらどうですか？ 福島の「川端楽器商会」です。

あ、そうそう。マレットの方は・・ちょっと難儀しそうです(-_-;;

http://gd-spera.net

（パソコンからは専用サイトに飛び、携帯サイトの中身は見れません。）

携帯空間の魔術師！こと、ただのトーシローによる劇的リフォームは佳境を迎えています。
が、ここまで考えてやってきたことが本当にちゃんと実現出来ているかということは、一番の大問題！！
一応、主要３社の携帯でどー表示されるかをパソコンで見ることが出来るエミュレータ（シュミレータorコンバータ）ってのがあるので、テストはしてます。
でも、これ完全ではないんですよね。表示のされ方がやっぱりちょっと違ったりするんですよ。

携帯でもパソコンでもホームページっていうのは、HTMLっていう書き方・文法（プログラムというほどのものではありません）で書かれたファイルを、ブラウザってソフト（マイクロソフトのInternet Explorerなど）を使って見ると綺麗に表示されるわけです。ですから、HTMLファイルが基本です。ホームページのアドレス（URL）の最後に.htmlとか.htmとかあるアレ。
でも今回は、Perlって言語で書いたCGI、一部PHPも・・・以下眠くなる人が居ると困るので省略。
こういうファイルを読んでくれないエミュレータもあるわけで、パソコンでシュミレーションした結果が更に完全ではないのです。
管理人え～じは、auのWIN携帯ユーザーですから同じなら、まあ多分問題はありません。それでも機種によっては不具合があるかも？

今作成中のコンテンツもありますし、今後マイナーチェンジもしていきます。そもそも中身の方から言うと移行途中なんですよ。まだ完全ではないんです(^^ゞ
その度にちょこちょこと問題も出てくると思いますが、どーか携帯サイトもご贔屓にしてやってくださいm(__)m

そして、表示や動作に何か問題を見つけられましたら、お名前・住所・年齢・機種名など個人名を明記の上ご連絡ください。
スペランツァサポーター洗脳プログラムをもれなくお送りします(^皿^)

つづく

http://gd-spera.net
（パソコンからは専用サイトに飛び、携帯サイトの中身は見れません。）

こーして頭痛と寝不足と戦いながら出来上がっていくわけですが、これだけでは終わりません。
今回の更新で、ニュース＆トピックスを選手毎に簡単に絞込み出来るようにして、各選手の紹介ページにそのリンクを貼るってことをしたかったので、そのあたりに手をつけなければなりません。
まあこれをトーシローがひとりで一から作っていると、年金生活が始まる歳になりそうですから、他の方に頂いたスクリプトをベースに手を加えています。
それでも全て思うような形に変えていくのに、今度はユンケルのお世話になります。。
その他にも手をつけるところがちらほら。ちなみにスペランツァクイズを追加したのは・・・・・、気の迷いです(笑)　今思えば、もっと他に先にすることあったやろと(^^;)

そもそも、パソコンサイトではなく携帯サイトにここまでこだわっているのには訳があります。
今やホームページを作る技術や知識を持った人はとても多いですよね。使ったことないですけど、作成ソフトも多分良いものが出来てるんじゃないかと思います。チームの公式サイトにしても自前で出来るようになりました。内容はともかく女子サッカー関連のホームページは結構ありますから、それとの競合を避けたかったということがひとつ。

それから自分の知る限りサッカーに関わるアクティブな人は、パソコンでWEBサイトを見る時間が少ないんですよね。関係者やその家族、サポーターを含めても自分のパソコンを持っていない人は珍しくない。
でも、携帯サイトをよく見るかどうかは別として、自分の携帯を持っている人は多いですよね。
未来のなでしこ選手である学生、少女、それから関係者のご家族やチームを応援する方の中でも少し年配の方など、本当に見てほしい方へ対象が広がると思うからです。
それに携帯サイトを整えているチームはまだ少ないですから、そのあたりを(^皿^)

ま、そんなこんなで幅広い対象の方に少しでも楽しく見てもらおうと、一あほ素人が少ない脳みそと頭痛薬と栄養剤を駆使して出来上がったリニューアル携帯サイトは・・・・

『あら、なんということでしょ～☆　携帯空間の魔術師！匠による劇的リフォーム、ビフォー・アフター！！』になるわけです (^^ゞ

つづく。

http://gd-spera.net

（パソコンからは専用サイトに飛び、携帯サイトの中身は見れません。）

鈴木理紗と鈴木舞子の違いが分かるようになったら(笑)、それに合わせて表示を変えるってことでなんすが、これまた。。
DoCoMo FOMA と au WIN は共有出来る部分がありますが、SB(SoftBank)3Gは別とか、DoCoMoとSBが共有できる部分は、auでは無理などなど。
もちろんウィルコム、イーモバイルに旧PHS、その他端末全部ひっくるめて共通する部分が少ないわけではないので、それこそ文字だけの携帯サイトにしてしまえば苦労は無いわけです。
が、それを言ったら身もふたも無い(笑)

なわけで、この微妙に違う部分に関してそれぞれに数学的な条件式を当てはめていきますが、この分岐が多岐に渡っていきます。。。数学苦手なんで、正直アタマ痛い(>.<)
これをやらないと一つにまとめた意味が無いので、こつこつこつこつ、こつこつこつこつと。誰かバファリンくれ！

携帯電話はパソコンと比べて表示出来るデータ容量が限られています。
まあ、そーは言っても携帯の技術の進歩は凄まじくて、年々大きく進化しています。
手元の資料によれば、1999年にサービスを開始したiモード。当時の機種と今の最新機種の表示能力の差は、あの小さい画面で画像のサイズが横幅だけで最大10倍、表示出来る色の数に至っては白黒２階調（４色？）からカラー最大262144色に！更に通信速度は最大で500倍になったそうです(@o@;
ですから近年の携帯サイトにはその進化に対応することが求められているとも言えます。

ま、でもでもパケット代はタダではありません。見栄えを良くしようと思ってあまり画像を多用するとパケット代がかさみます。パケット定額にしていても表示されるまでに時間が掛かったり、そもそも表示されなかったりします。
そこで、表示が軽くて見た目に賑やかに見える絵文字を使うことはとても良い方法なのですが、その形式は各社で全然違うんです(+_+;) 前にauは、DoCoMoの絵文字を勝手に変換してくれると書きましたが、そのくらい。あとは全然違います。
これを自前で変換したり、色やレイアウトの問題を解決するのには、あとバファリンは１ダースは必要。多分死にます(笑)

つづく

http://gd-spera.net
（パソコンからは専用サイトに飛び、携帯サイトの中身は見れません。）

トーシローのぼやきはまだ続きます(笑)

環境に合わせて表示を変化させるということは、多少の技術があれば簡単、あ、いや、かなりな知識は必要。トーシローはこれでもかなり勉強しました。多分。

何かを判断してそれに合わせて実行すること、例えば、鈴木さんが見たら「鈴木さんこんにちは」、佐藤さんが見たら「佐藤さんこんにちは」と表示させる。ってなことはそんなに難しいことではありません。
でも、今本当に鈴木さんが見てるのか判断すること、鈴木さんは鈴木さんでも全国何万人といる鈴木さんの中のどの鈴木さんが見てるのか？を自動的に判断させるのはとても難しいんです。
そんなもん、自動でなくとも難しいですが(^^;

携帯サイトに話を戻すと、例えばDoCoMoの場合、大きく分けてFOMAとそれ以外（それ以前）とで見れることがかなり違うんですが、そのFOMAでアクセスした時とそれ以外では何が違うのか、auならWINとそれ以外、SoftBankは3Gとそれ以外いちいち全部調べることがなかなか手間なんですよ。
特にSoftBankは、J-PHONE→Vodafone→SoftBankと変わっていった名残がまだ残ってるんですね。WILLCOMにしても同様。
携帯キャリアの違いやバージョンの違いを判断出来るようになったら、あとは機種の判別なんですが、これは次々に新機種登場しますからちょっと大変というか、そこまでは無駄でしょう。

こーして、ある程度の鈴木さんの判断がつくようになるわけです。昭和以前生まれの鈴木さんと平成生まれの鈴木さんの判断が出来るくらいかな？
ちなみに断っておくと、多少でも気の利いた携帯サイト運営者なら、アクセスしてきた端末の判別はしているものです。そのサイトにアクセスしたからといってサイト運営者が勝手に個人情報を得ることは不可能です。ご心配なく！
まあ、携帯会社にスパイでも居れば別ですが(笑)

もしそんなことが出来るなら、スペランツァサポーター以外の方が見たときに、スペランツァが好きになるように洗脳するプログラムでも送り込みたいと思います(^皿^)v

つづく。

http://gd-spera.net
（パソコンからは専用サイトに飛び、携帯サイトの中身は見れません。）

そんなこんなで、全ての携帯に対応させるため。。。と言ってもウィルコム、イーモバ、旧PHSにDSとかPSP、PDAやL-mode（使ってる人居るんか？笑）、ディズニーフォンはSoftBankと同じですが、全ての携帯端末対応を個人でするのは不可能に近い(>_<)

ちなみに断っておくと、私え～じは10年ほど前から作成ソフトやサービスを使わずにタグベタ打ち、（よーするにインスタントや冷凍食品を使わずに料理を作るようなこと。）をしてますが、パソコンや携帯サイトの作成に関わる仕事をしたことはありません。学生時代に勉強したとか、専門学校や通信教育も経験はありません。しいて言うなら本を枕に催眠学習くらい。

そんなトーシローが、このあたりのことをクリアするために使った方法。
今までは、共通しない条件は基本的に使わずなるべくシンプルに、且つ最低限の種類のファイルを複数作って、環境毎に自動的に振り分けて表示させるってなこと。違う方式のページもありますけどね。
しかし今回は、それをひとつにまとめて、環境に合わせて表示を変えるという方法をとりました。
これによって更に多くの環境に対応させることが出来ます。
更新する際にいじるファイルが減るので、リニューアルテーマ3の「更新頻度を上げる。」ことにも繋がります。
更新頻度を上げるためには、こうやって更新を楽にして管理者の手間を減らすことが一番かと思いますが、これの為に逆にヒジョーーーーーーーーーーーーーに多くの手間が掛かることになりました。。。(-_-;;

つづく。

http://gd-spera.net
（パソコンからは専用サイトに飛び、携帯サイトの中身は見れません。）

リニューアルの主なテーマは３つ
1、見栄えを良くする。
2、操作性を上げる。
3、更新の頻度を上げる。

1、2に関してはみなさんがそれぞれお持ちの携帯の機能に大きく依存するところがあるので、非常に難しいことでもあります。
携帯会社や機種によって表示出来る色、画像のサイズ、画面サイズ、使える機能などなどが違います。更には、自分で文字の大きさや画像の表示設定、操作の設定を変えていると、管理者が意図したものになりません。
個人で設定したものはもうどーにもなりませんが、少しでも多くの方にええ感じで見てもらうにはそれぞれの機種やキャリア（携帯会社）に対応させるように考えなければなりません。

携帯サイトを作成サービスやソフトを使わずに作った経験のある方ならご存知かと思いますが、逆に言うなら作らない人には興味すらない(笑)。HTML（cHTML、HDML、XHTMLなど）方式とか使える画像についてとかすべてに対応するにはめちゃめちゃハードルが高いんです。
携帯会社によっては違う形式のものを勝手に変換してくれたりします。例えば au は、iモード仕様のものを専用絵文字も含めて変換します。今メールに関しては別会社の絵文字もだいたい変換して送ってくれますが、携帯サイトに関してはこーいうことしてくれるのはごく一部なんですよねぇ～。

こういった理由からでしょうか？携帯会社の公式サイトとかちゃんとした情報サイトって有料のものが多いですよね。開発コストがかさむからからなんでしょうか？
そんなサイトに会費払って登録しても中身は、ほんまにしょーもなっ(-_-#) っての結構ありますけど(笑)

つづく。