ホームページやテニスのこと．．．等。思いついたことや自分が思い出すためのメモなどを書く予定！

お久しぶりです。新しいことを現在始めております。おかげで更新がおろそかに・・・。

えっと、「ネコる。」っていいます。
簡単に言うと、イベントなんかを行う団体です。
http://www.necor.net

まだまだ、立ち上げたばかりで、何をするか決めてませんが、今から面白いことを始める予定です。
是非是非ご期待下さい！

ちょっと更新さぼってました。
別に忙しかったわけでもないのですが、PHPプログラムを作り始めてですね。それをずっとしておりました。
なにせ、人が作ったPHPを眺めることはあったのですが、一から作るのは初めての体験です。
うーん・・・難しい。

作ろうとしているのは、テニスサークルのスケジュール管理システムです。
参加者数まで管理できるようにしたいと思っております。
いつになるかは分かりませんが、そのうち完成させますよ☆

先日知り合いから、ホームページのデザインが崩れる（回り込みが上手くいっていない）。という話しを聞いたので、本日はfloatとclearについてです。
この2つのプロパティについては、しばしば下記のような表現がされています。

floatは要素を回り込ませる。
clearは回り込みを解除させる。

ザックリ言うとそんな感じなのですが、厳密に言うと違っているのです。詳しい説明については、以下のページを参考にして下さい。

• CSS2リファレンス－フロート
• CSS2仕様書－浮動体の位置決め (float特性)
• てんぽ: floatは「回り込み」ではない

上記サイトによると、「floatとは、通常の流れ（normal flow）から取り除き、右または左に寄せる。」となっています。なにやら、難しい表現ですが、こんな書き方しかないので、仕方ないですね(^^ゞ
厳密なデザインをする上では、上記のサイトに掲載されているルールを正確に理解しておかないと、色々とやっかいな問題が起こってきます。 ただし、今回はその辺をはしょって、簡単な説明をしておきますね。

続きを読む

今日はアルファTCと言うサークルに友達と一緒にお邪魔してテニスをしてきました！

何やら、人数が多くてにぎわってました(￣▽￣)

どうもストロークにしろボレーにしろ、ペースが落ちると下手に合わせようとしてミスが増えてしまうんだよなぁー(^_^;)
ナダルの真似をしようかと思い、ちょっと真似してみたら…腕が痛い。やっぱり筋トレしないとあんな打ち方できないっすね。

さて、今から、腹筋頑張ろう！

昨日2010 Winbledon Championshipsが終わりました。
選手の皆さん、審判、ボールボーイの方々2週間お疲れ様でした。

2010Wimbledon Championships Website
http://www.wimbledon.org

続きを読む

本日は、Contact Form 7というプラグインを使ってこのブログ（WordPress）にメールフォームをつけてみました。Contact Form 7はAjaxを利用して簡単にメールフォームが設置できるWordPressのプラグインです。

Contact Form 7（日本語特設ページ）
http://contactform7.com/ja/

続きを読む

昨日のウィンブルドン、準々決勝でRoger Federer（ロジャー・フェデラー）とTomas Berdych（トマス・ベルディッチ）が対戦し、ベルディッチが勝利しました。
テニス365の記事で知ったのですが、フェデラーは芝のコートで決勝に進出できなかったのは2002年以来らしいですね。そもそもそれがすごすぎる・・・。

テニス365：フェデラーが準々決勝で敗退◇ウィンブルドン
http://news.tennis365.net/news/today/201007/47255.html

それはそうと、今日は久しぶりにお友達に誘われてテニスをしに行ってきました。
・
・
・

でも、テニスは楽しい♪

本日の課題は、バックのストロークっすね！（ボレーはしばらく見ないふりをしときます(^^ゞ）
バックに良いサーブがくると、どうしてもクロスに返せない。デュースサイドの場合は右ききですので逆クロスですけど、どうしても振り遅れ気味になりサイドアウトしてしまうんです。逆にアドバンテージサイドの場合は、クロスに行くのですが、センターよりに行くのでボレーの餌食に。。。
途中からデュースサイドで、逆クロスに打つのを諦めて全てストレートねらってました(^^;)
もちろん、最初は決まったけど途中からは読まれてきれいにボレー決められてました。
そして、最後のゲームは、アドバンテージサイドだったのだけど、お腹がすいて、水が無くて・・・もうやけくそな感じで全て回り込んでみたら意外と上手くいったんだなぁ(￣皿￣)v

誰か、バックの打ち方を教えて下さい。m(__)m

続きを読む

本日はjQueryでイベントカレンダーを作成しました。
これは熊本県テニス協会のホームページで年間の試合情報を掲載するのに使用しました。
実物は下記ホームページよりご確認下さい。トップページにあります。
http://www.kta-tennis.info

今日はとりあえず作っただけで、デザインはまだまだ変えていかなくてはいけませんが・・・(^^ゞ

今回はRewishさんのプラグイン「ｊQuery calendar」を利用させていただきました。
http://rewish.org/javascript/jquery_calendar

非常にシンプルに作られていたため、意外と簡単に設置できました。Rewishさんには感謝です。
作成者が日本人なので解説が日本語で大変助かります。英語の解説は・・・頑張って読むけど半分くらいはカンでやってますから・・・。

設置方法などは、私の解説より上記ホームページをご覧頂いた方が完璧に書かれておりますので、今回は割愛します。

さて、前回jQueryとは何かという話しをしましたが、本日は実際にjQueryを使ってみます。何事も実践しないと身につかないですからね。

まず、旧来の方法でアコーディオンっぽいメニューを作ってみました。
サンプル

サンプルでは、3つページを別々に制作し、リンクでページを遷移してメニューを開閉させています。
これでは、ページを遷移する際に読み込む時間がかかりますし、遷移後にページの先頭に画面が移動するなどの問題もあります。そして何より、制作する立場になった時、ページ量がかなり増えてちょっと何かを書き換えるのにも処理が煩雑になってしまいます。

次にjQueryを使用したアコーディオンメニューを作ってみました。
サンプル

今度は、何かなめらかな動きになりましたよね。
こんなflashライクな動きが簡単につけられるのです。いやぁ、もう少し早く勉強すれば良かった(^^ゞ

続きを読む

WEBデザイナーにとっては当たり前のように使用するjQueryですが、なかなか重い腰が上がらず後回しにしていましたが、ついに使ってみようかなぁ・・・なんて思って、ちょっと調べてみました。

まず、「jQuerytとはなんぞや？」と・・・思ったわけです。
いや、何となくは分かっているのですよ。一応WEBデザインも勉強してるし・・・・使ったことあるし・・・・。
でも、改めて何かと問われるとなんと答えて良いのやら (^^ゞ
ということで、ウィキペディアからの引用です。

jQueryは、JavaScriptとHTMLの相互作用を強化する軽量なJavaScriptライブラリ。John Resig が2006年1月に開催された BarCamp NYC でリリースした。
MIT License と GNU General Public License のデュアルライセンスであり、フリーかつオープンソースである。

MIT LicenseやGNU General Public Licenseについては今回は触れませんが、つまりは、HTMLとJavaScriptの連携を助けるJavaScriptをたくさん集めた物で、そのようなライセンスの範囲内であれば無料で使えるということです。（こんな説明で良いのか？）

いやいや、なんてすばらしい物でしょう！
昔は、自分がしようとしていることに近いことが出来るJavaScriptのソースをインターネットで探して、自分なりにちょっと改造して・・・なんてしてしていたのですが(^^ゞ

ってことで、次回は下記のサイトを参考にしながら実際にjQueryを使ってみようと思います。
次回がいつになるかは分かりませんが・・・(^^ゞ

【jQuery日本語リファレンス】
http://semooh.jp/jquery/

【JavaScript + Ajax 実践サンプル集】
http://jsajax.com/