今日の演習

職業訓練の授業中こそこそやりました。『実践Ajax』でprototype.js+Script.aculo.usのUIエフェクトを紹介していたんで作ってみました。これです。

昨日「jQuery可愛いよ」ばかり書いてて、prototype.js様の罰が当たるかと思ってやりました。やっぱりすごいprototype.js。エフェクトサンプルの部分は僕みたいなやつでも1時間もかからず組めました。まぁいつも通りJSON部分で試行錯誤。家帰ってきて今までかかったわけですが。でも、おかげでCatDogViewerとちがい写真にちゃんとリンク張れました。CatDogViewerの方もそこらへんちゃんとしたいんだけど、やりかたがまだ分からない。HTMLの勉強もっとしよう。

こんな演習、勉強というより遊び(それも小学生レベル)だから、スキルアップにつながるかは疑問だし、僕が本当にウェブ構築スキルを身につけてやりたいこととは全く関係ないのだけど、今の僕の能力だとこの程度のことが出来るだけでもすごくうれしいし楽しいです。それと、いわゆる「ウェブ制作会社」とかだとスクリプトでこういう「見た目」に効くスキルが求められるのかなとも思ってる。僕絵心全くないんだけどね。

以上。って閉めようと思ったらChromeでは全く動かないことが判明。じゃあ公開やめろよ。いやだ。

二歩目

デザインを変更すると言っといて先に4つめの投稿です。すみません。投稿数4つ以上ないとページ遷移の仕組みが作れないんです(作れるけど確認できない)。

で、二歩目はこれ。今度はPHPのscriptです。昔懐かしBBS!すぐわかる人も多いと思いますが『基礎からのMySQL』の演習です。
一応htmlspecialcharsの引数にはここを参考に”ENT_QUOTES”と”UTF-8″を入れたんだけどセキュリティ大丈夫かな。
まあ、演習通りにデータ一括削除用ページも作ってあるんで、いざとなれば全部消してしまおう。

javascriptに較べる(あくまで較べると、だけどね)とPHP習得により苦労してるんだけど、やっぱりセキュリティ部分が難しい。例えばmagic_quotes_gpcの設定についてとか本によって書いてることが全然違うしね。

spammerの皆さんもこんなサイトに関わるほど暇ではないということで、アップさせてもらうことにしました。データは保持されませんが、よかったら是非書き込んでみてください。

初めの一歩

最初のエントリです。もちろん、この文がこのブログへの最初のエントリということでもありますが、題で指しているのはこのスクリプト(IE、FireFoxで見てください。Chromeだと崩れます)のことです。

この文を書く三日前に生まれて初めてサーバを借りてスクリプトをアップしました。なので僕が僕自身の責任で公開した初めてのドキュメントということで、このスクリプトが僕の最初の一歩ということにしたいと思います。

ただの「マッスアップw」です。それも入門書に載っていたコードを組み合わせただけ。JSON部分は完全には意味もわかってません。とりあえず、Flickr、LightBox、Prototype.js、jQueryの作者の皆さんに心より感謝します。僕ごときがお名前を挙げるのも恐れ多いのでしませんが、あなた方は僕にとって神です。

で、何でよりにもよって恥知らずにもあんなしょぼいスクリプトを最初の一歩にしたのか?ということ。それは僕がHTML書きを志した理由があれに詰まっているから。その理由とは?ってもったいぶっているわけではありませんが、その理由を世の中に表明していくことに残りの人生を賭けて行きたいと今考えているからです。当然ですが今の僕のレベルでは何を表明しても興味を持ってもらう価値がない。もっと勉強します。

もし良かったらこのスクリプトを触ってみてください。その上でもしお暇でしたらご感想をください。とりあえず「Chromeでも動くようにする」「alertを出さなくて良いようにする(出さないとobject内容が引き渡せない)」の二点を直すよう頑張って行きます。生温かく見守ってもらえるとうれしいです。