JavaScript アニメーションのデザインパターン
JavaScript でアニメーションを作る アニメーションとは何？ ビューを少しずつ回転、拡大縮小、移動、変色などを行い、連続的な動きを作る こんな感じ <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; setInterval(function() { el.style.opacity -= 0.01; }, 10); </script> なんで、あんな感じの書き方になるの？ setInterval の意味が分からない こんな感じで書けないの？ <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; w
jQueryAutoHeight.js - 複数のカラムの高さを最大値にそろえるjQueryプラグイン | かたつむりくんのWWW
Movable Type, Craft CMS, Drupal, HTML, CSS, JavaScript, jQuery etc. jQueryAutoHeight.js とは jQueryAutoHeight.js とは、複数のボックスの高さを自動的にそろえるシンプルな jQueryプラグインです。高さのそろえ方は、次の２通りです。 セレクタで指定したすべての要素を、その中の最大値にそろえる セレクタで指定した要素を、オプションで渡した数ごとに、その中の最大値にそろえる（1行ごとにそろえられる） サンプル 複数のボックスの高さを最大値にそろえるjQueryプラグイン ダウンロード Releases · tinybeans/jQueryAutoHeight ※jQuery 1.9 以降で利用する場合は v0.04 以降をお使いください。 使い方 ファイルの読み込み ダウンロードしたファ
配列のソートと無名関数 - マンガで分かる JavaScriptプログラミング講座
麗：うーん 大変だわ 先生：どうしたんだ？ 麗：生徒会で 各部活の予算を 決めているんですが 予算順に整理する のが大変で 遊：ふふふ 甘いわね麗！ あんたはまだ プログラム脳に なりきれていないわ！ こんな時こそ プログラムよ！ 麗：むっ あなたは どうすれば 整理できるのか 分かるの？ 遊：簡単よ 先生にプログラムを 書かせればいいのよ！ 先生：おいっ 先生：とはいえ プログラムで楽をしよう という考え方は正しい そういえば まだ『ソート』は 詳しく説明して いなかったな 遊：『ソート』って 何なの？ 先生：配列を並び替える処理だ 配列の『ソート』関数を使えば 値を並べ替えてくれる var yosan = [20000, 10000, 12000, 15000]; yosan.sort(); // 小さい順 alert(yosan); yosan.reverse(); // 向きを逆に
わずか565バイトテトリスのプログラミング解説
「往年の名作「スーパーマリオブラザーズ」、あの濃い内容でわずか40キロバイト」に載っていたわずか565バイトのテトリス。文字数にして551文字。79文字*7行のプログラミングで、テトリスが動きます。 以下のソースコードをメモ帳に貼り付けて、htmlで保存すればテトリスが動きます。 <body onKeyDown=K=event.keyCode><script>X=[Z=[B=A=12]];h=e=K=t=P=0;function Y() {C=[d=K-38];c=0;for(i=4;i--*K;K-13?c+=!Z[h+p+d]:c-=!Z[h+(C[i]=p*A-Math.round(p/ A)*145)])p=B[i];!t|c+4?c-4?0:h+=d:B=C;for(f=K=i=0;i<4;f+=Z[A+p])X[p=h+B[i++]]=1 if(e=!e){if(f|B){fo
いやなブログ: SpiderMonkey で JavaScript のインタラクティブシェル
SpiderMonkey で JavaScript のインタラクティブシェル JavaScript のコードをインタラクティブに動かせるツール (Ruby における irb のようなもの) が欲しいと以前から思っていたのですが、今日になってようやく SpiderMonkey のインタラクティブシェルをインストールしました。 Debian GNU/Linux なら sudo apt-get install spidermonkey-bin を実行するだけでインストールできます。インストール後、 js コマンドを実行するとインタラクティブシェルが立ち上がります。 式を入力すると値が表示されます。 readline ライブラリがリンクされているので、コマンドライン編集は bash と同様にできます。 js> a = [1,2,3] 1,2,3 js> a.push(4) // 末尾に 4 を追加
インクリメントの話 - exp777.hatenablog.com
i = 0; i = i++ + ++i; これで i の中身はどうなるの？っていう話。 C言語(gcc)だと 3 で、JavaやJavaScriptだと 2 になった。 Cはアセンブリを見るとこうなってる。 movl $0, -12(%ebp) leal -12(%ebp), %eax incl (%eax) movl -12(%ebp), %edx leal -12(%ebp), %eax addl %edx, (%eax) leal -12(%ebp), %eax incl (%eax) 要するにこういうことをやってるみたい。 i = 0; i += 1; i = i + i; i += 1; 代入式の前後でインクリメントされてるっぽい。なんで代入が終わってからインクリメントしてるんだよ。他のコンパイラだと結果が変わる可能性もありそうだ。 一方、JavaやJavaScriptは内部で
Nao Haida's weblog: クロージャ
11/17/2007 クロージャ JavaScript のクロージャを勉強してみる。 クロージャとは以下のようなことだ。内部関数が、外部関数が終了した後でも、常に外部関数で宣言された変数とパラメータにアクセスできること。 http://d.hatena.ne.jp/brazil/20051028/1130468761クロージャを使わないときとクロージャを使うときを比較して考えてみる。 まずクロージャを使わないパターン。// 引数同士を加算する関数 function adder(a, num) { return a + num; } var a = adder; var b = 3; a(b, 2); ///// 5 a(b, 5); ///// 8 被加算数は同じなのに、毎回被加算数を書く必要があるのが少し冗長に感じる。 クロージャを使って、もう少し綺麗に書ける。// 足し算をする関数を返
Flashなしでもここまで作れる！：ITpro
Webプログラミングは，プロはもちろんアマチュアのプログラマの間でも，もはや欠かせない開発ジャンルの一つです。しかし，書籍や雑誌の解説記事のほとんどが，データベースがどうとか，サーバーサイドがどうとか，どうしてもディープな方向に進んでしまう傾向にあります。もちろん，それはそれで大切なことなんですが，いったい何割の人が，その技術を“自分の”ホームページに使っているでしょう。 最近話題の「リッチ・コンテンツ」にしても同様です。例えばFlash。たしかにActionScriptというスクリプト言語を使えば，動く，鳴る，つながると，いいこと尽くめです。でも，いかんせん「Macromedia Flash MX 2004を買ってきてね」とあっては，皆がみな使えるわけではありません。 Part1でも解説があったようにblog（ブログ）の認知度が上がり，利用率も増えて，プロバイダからの提供体制も整ってきて
[JavaScript] 猿でもわかるクロージャ超入門 まとめ - DQNEO起業日記
クロージャとは クロージャは、言葉で説明するのが大変難しい概念です。 あなたは、自転車の乗り方を、口だけで説明できるでしょうか？ あなたは、螺旋(らせん)の形を、言葉だけで説明できるでしょうか？ ずばり、できないでしょう。 しかし、自転車に乗ることはできますし、針金で螺旋の形を作ることはできるでしょう。 「クロージャ」もこれと同じです。 だから、Wikipediaのこんな解説を見ても落ち込まないでください。 クロージャ (クロージャー、Closure) は、プログラミング言語において引数以外の変数を実行時の環境ではなく、自身が定義された環境（静的スコープ）において解決する関数のことである。 理解できないですよね？ 私もそうでした。 クロージャを既に知っている人にしか、この文章は理解できないでしょう。 クロージャを作るのは難しくない しかし、説明するのは難しくても、作るのは意外と簡単。それが
![[JavaScript] 猿でもわかるクロージャ超入門 まとめ - DQNEO起業日記](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f7de7c0278993661a11fbc3637f96292ba773aa/height=288;version=1;width=512/http%3A%2F%2Fdqn.sakusakutto.jp%2Fimages%2Fkali.jpg)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://webdesignmatome.com/webdesign/parallax_jp
連載：なぜPHPアプリにセキュリティホールが多いのか?｜gihyo.jp
jsmario.com.ar
.js外部ファイル編 [6] perlで.jsを出力する1 [Javascript] All About![.js外部ファイル編 [6] perlで.jsを出力する1 [Javascript] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)