2007-01-01から1年間の記事一覧
短い間のご愛読ありがとうございました。 fue-fue先生の次回作にご期待下さい。
はてなでも色々貼れるようになってるんだね。 まぁサイドバー作ってまで貼るつもりはないけど。試しに昨日から対応になったぷかレイを貼ってみた。 ↑ 交互にマウスを乗せると、たまに会話が繋がって面白い。
何が見えないのかというと、ソースを書いたときのscriptタグではさんでいるとこ。例えば <script type="text/javascript"> <!-- function nantoka(){ alert("ナントカ"); } // --> </script> これをトップページや日付のページだとちゃんと見えるのだけど、Permalinkからでは空っぽになってしまう現象…
XHTMLだとFirefoxじゃ動かないことを知った…。 HTMLだといけるんだけど、なんでだこれ。例えば <html> <head> <title>innerHTML</title> <script type="text/javascript"> <!-- function inner(){ test.innerHTML = "インナー"; } // --> </script> </head> <body onLoad="inner()"> </body></html>
ニコニコ動画(RC)‐キーワード検索 : 初音ミクあえて藤田咲さん(初音ミクの中の人)の出演したアニメのアテレコをさせてみるとか。VOCALOID2 HATSUNE MIKU出版社/メーカー: クリプトン・フューチャー・メディア発売日: 2007/08/31メディア: CD-ROM購入: 30人 …
という企画を思いついた。叔母役は原田知世さん。 真琴は誰がいいかな。時をかける少女 [DVD]出版社/メーカー: PI,ASM/角川書店発売日: 2000/12/22メディア: DVD購入: 2人 クリック: 95回この商品を含むブログ (188件) を見る
id属性で指定したdivボックスのスタイルシートのプロパティにアクセスするには、例えば位置座標を変えたいって時には document.getElementById("id名").style.left = X座標; document.getElementById("id名").style.top = Y座標;という具合に「getElementByI…
例えばマウスオーバーさせたときにJavaScriptで画像を入れ替える場合は <img src="sample1.jpg" onMouseOver="this.src='sample2.jpg'">とかすればいいわけだけど、「sample2.jpg」はマウスオーバーした時に読み込まれるから、パッと画像が切り替わらないかもしれないね。という時にやっておきたいのが画像の先読みという…
画像のサイズを変えるには document.images["画像の名前"].width = 画像の幅; document.images["画像の名前"].height = 画像の高さ;という指定をしてやる。例えば、画像をクリックするたびに10ピクセルづつ大きくなるような、使用用途がなさそうなものを作る…
って確かまだやってなかったかな。 一応検索かけて出なかったので、まだだったと思います。 キーイベントって onKeydown : キーが押された onKeypress : キーが押されたまま onKeyup : キーが離された とかあたり。例えばbodyに <body onKeydown="alert('何かキーを押したね')">としてやれば、キーボードの</body>…
2冊目になると、1冊目で覚えたものは書くこともないなぁと思っていたのですが、ブラウザを判別するというものがあり、これは前になかったのでメモしておこうかと思います。というのも、1冊目のマウスイベントの時とかはIEで動いたけど、Firefoxでは動かなか…
リンクテキストにマウスを重ねたときにテキストカラーを変えるのはCSSでよくやるもので、このサイトでも「濃い目のレッド→ピンク」に変わるようにしています。これはCSSで a { color: #c03; } a:hover { color: #f06; }というように :hover を後に付けて指定…
はてなダイアリー市民というのになったみたいです ヽ(´ー｀)ノ なんかメール来てました。 プロフィールページの一番下「はてなダイアリー登録情報」のところに割り込まれていました。
始めました。 ブックマーク たんたんとん http://b.hatena.ne.jp/fue-fue/ はてな界隈で見つけた、JavaScript関連の記事をブクマしていこうかなと。 CSSをちまちまいじりまして、この日記とデザインも合わせたりしました。
昨日で1冊終わって、2冊目に突入といきたいところです。 2冊目といっても1ヶ月前に1冊目と同時に買っていたものです。 一応紹介すると速効!図解プログラミング JavaScript作者: 古籏一浩出版社/メーカー: 毎日コミュニケーションズ発売日: 2003/09メディア: …
ちょうど1ヶ月なんと1ヶ月もかかってしまいましたね。たぶん普通に読むだけなら数日で終わったのだろうけど、こうやってひとつひとつ理解しながらブログに書き込んでいくとすごく時間がかかるものです。 でもおかげで浅く広くJavaScriptが理解できたのではな…
ゲーム作りつづきのつづき。ということで、前々回、前回のをまとめる。 まずはtop.html <html> <head> <title>もぐらたたき</title> </head> <body> <iframe src="data.html" width="600" height="400" scrolling="no"></iframe> </body> </html>これは前々回のと同じ。 そしてdata.html <html> <head> <title>データ部分</title> <script type="text/javascript"> var i; //もぐらをたたいた回数 va…</head></html>
ゲーム作りつづき。 ランダムに座標を作り、そこに「もぐら」画像を表示させる(関数move) function move() { if(j=="10") { owari(); } else { mogura.style.left = Math.floor(Math.random()*590); mogura.style.top = Math.floor(Math.random()*390); j++;…
前回のクッキーのあれが僕の中では未解決なんだけど、先にいくとしよう。6章が終わって、いよいよ7章に入りました。 いよいよというのは、この章が最終章だからです。 最後は簡単なゲームを作るということで、じっくりいきたいですね。本では「ねずみたたき…
ひとりごとを言ったりしてみます。 まぁ僕の場合、ひとりごとはアニメの話ばかりなのですが。電脳コイルというアニメがNHK教育で土曜の夕方6:30からやっていて、これは毎週見てます。 とは言っても、先週と先々週は夏休みだったようで、今日久々にやってまし…
6-6は「マルチメディアを使った処理」という項目で、それほどJavaScriptの雰囲気でもなかったし、IEあたりでのみ実装されているような「Filter」の話だったりしたので読み飛ばし。で、6-7のクッキーの項。 相手のコンピュータにファイルの情報を保存したりす…
JavaScriptでウィンドウを操作するというよくあること。 名前もそのまま「window」オブジェクト。 ウィンドウの位置を右にxピクセル、下にyピクセル動かす window.moveBy(x,y)本ではこの後、ボタンを押してウィンドウを隠し(画面からハミ出させ)、2秒後に戻…
それではラップタイムを表示できるというストップウォッチをやってみる。 とりあえずコード。 <html> <head> <script type="text/javascript"> i=0; //表示される秒数 cou=0; //何回目のラップか(スプリットを押した回数) split = new Array("0"); //ラップのときの秒数(スプリットを押した時の秒数) fun</head></html>…
JavaScriptで時間を操るものはけっこうあるように思う。 僕ももいよいよというわけだ。 このタイマーを設定するメソッドは2つあるようで。 setTimeoutメソッド タイマー名 = setTimeout(実行する命令, タイマーの周期)こいつは設定した時間がきた時に、1度だ…
この配列ってのもよく聞くね。 変数ってのは箱をイメージした感じだったけど、配列というのは、その箱がたくさん並んでいるイメージらしい。 ここで配列を使うための「Array」オブジェクトが登場する。 配列名 = new Array(配列0に代入するデータ, 配列1に代…
つづきというか、前回は自分でやってただけなので。この本ではonmousemoveイベントを使って、HTML上に仮想のウィンドウをドラックして移動できるものを作ってしまおうという。これはハイレベル。 この仮想ウィンドウには幅や高さがあるのがネックで、つまり…
JavaScriptでマウスイベントとかいうと、やっぱりあのマウスストーカーが思い浮かぶ。 そう、あのちょこまかうるさいヤツだ。 この本の例としては <div id="box1"></div>というかんじでdivボックスを作って、「onmousemove」イベント発生時にマウスの座標を box1.style.left = eve…
6章になりました。この章は応用編です。 だいぶこの本も後半に入ってきたということです。JavaScriptではフォームの処理がよく行われます。 例えばボタンを押したときに起こるイベントは <button onclick="beam()">ビーム</button>みたく関数beamを呼び出す。あと、テキストボックスの値を利用…
お盆休みから帰ってきました。さっそく再開です。いきなり「正規表現」という難しい言葉が出てくる。 意味は「ある文字列(表現・式)を定まった形式で表現する」とあるけど、よく理解できないので、やりながら考えていこう。この正規表現を使ったもので代表的…
というかお盆休みに入ります。16日あたりまで。アニメギガの押井守スペシャルはまだ8時間くらい残ってます。気は休まりません。
