スタンダード・デザインラボ

　jQueryを使って、スムーススクロールなページナビゲーションを作ってみました。 　マウスホイールって、手が痛くなりますよね。そういうわけでよく右のスクロールバーをクリックしてページ閲覧をすることがあるのですが、画面がパンパン変わるのでこれもまた見づらい… 　そういうわけで、パンパン変わらず、するする動くjQueryです。...

　jQueryというのは、私たちのようにプログラムがよく分からない人向けの「ライブラリ」というモノです。 　Javascriptと言うものは、HTMLやCSSのように、最初に描画したら後は何もしない…と言うものではなく描画が終わった後も何かを動作させる「動的なプログラム」のコトです。 　例えば、当サイトにあるアドセンスも、高度なJavaスクリプトが利用されています。 　このJavaスクリプトを、初心者向けに「解りやすくした」構...

　補足編、第2回目です。　スクリプトが使えるようになってくると、たくさんのデータを扱いたくなってきます。　例えば、「ランダム」で表示させる画像を100枚作って、「1/100」の確率でどれかを表示したいとか。24時間、一時間おきに24枚の画像を時間帯別に表示したいとか。　そんな時、変数に連番を付けれれば、データ管理が楽になるかも知れません。この機能がJavaスクリプトには用意されていて、これを「配列」と言います。...

　補足編です。なんだかよく分からない方は、「Javaスクリプト入門」からご覧下さい。　第8回までやって、一応スクリプトは書けるようになりました。しかし、今まで使っていたものの中に、実は「DOM」というJavaスクリプトの純粋な仕様とはちょっと違う構文を用いていました。これは、HTMLの内容を参照する為のもので、「getElement…innerHTML」「getElement…style」と言うヤツがそれです。　これは、HTMLの内容を参照する為、HTML...

　第8回、一応今回でひとまず最終回、最後にスタイルシートをJavaスクリプトから直接操作する方法を紹介します。　第一回で勉強した「innerHTML」で、「<style>～</style>」を出力させれば、同じようなことは出来ますが、何となく今回紹介するものの方がスムースな感じがします。...

　第7回はタイマー処理です。　「イベントハンドラ」の一種で、「指定した一定時間が経ったら、処理を実行する」というものです。　例えば、一定時間ごとに画像やテキストを切り替えるなど、アニメーション、時計などに利用できます。...

　第6回は、年月日、時間の取得方法の解説です。　現在時刻をJavaスクリプトで取得するので、これまたIF文などと組み合わせると、日付や記念日、時間帯などで分岐させ、ブログを訪問するごとに違う処理にするといったことが出来るようになります。...

　第5回は、乱数の取得です。　実際は、第4回までの講座で、工夫次第ですでに様々なことが出来るようになっています。　今回からはそれに「色」を付けるような、おまけ的な講座になります。　乱数を取得できれば、HTMLだけでは実現できなかった「ブログを訪れる度に何かを変化させる」と言うことが出来るようになります。　乱数とは、ページを開く度に、サイコロを振るような動作を実現できるJavaスクリプトです。...

　IF文は、「もしa=1だったらこちらを処理」とか、「もしb>10だったらこちらを処理」だとか、主に「数値が同じか、違うか、大きいか、小さいか」等を判断します。　「論理値が真か偽か」というものを判断するのが「if」なんですが、今はまだそれは覚えなくても大丈夫。　IFでは、その内容を判別して、処理を振り分けることが出来ます。...

　第三回は「変数」です。　「変数」と言う言葉を聞くと、ちょっとHTMLやCSSがいじれても、「やっぱりJavaスクリプトは…（汗）」とついつい敬遠してしまいます。　「変数」って言われると、数学っぽくて非常にイヤな呼び名ですが、「格納庫」とか「入れ物」と考えると、全然難しくないことが分かります。　変数は、数字や文字列なんかを入れることが出来る「箱」です。...