Masonry
What is Masonry? Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet. Install Download CDN Package managers Getting started HTML CSS Initialize with jQuery Initialize with Vanilla JavaScript Initialize in HTML Next MIT Lice
newを封印して、JavaScriptでオブジェクト指向する(1)
以下はプロトタイプ的継承だけで一通りの機能を実現できる、という一つの例です。もちろん他にも書き方はありますし、newを使うのがよくないと主張しているわけではないです。 (誤解を生みそうな文体が混じっているようなので追記: 2011/5/14) 春ですし、少し初心者向けの記事を書きます。タイトル通り、JavaScriptのオブジェクト指向について。ちょっと長くなるので目次です。 クラス（に相当するオブジェクト）を作る オブジェクトからオブジェクトを作る（インスタンス化） 単一継承 多重継承 privateは諦めましょう 親のメソッドを呼ぶ コンストラクタ instanceofに対応する ダックタイピングのススメ JavaScript標準のオブジェクト指向といえばnewやらprototypeやらを書く必要がありますが、これらは書くのが面倒臭い上に気をつけないといけない点がたくさんあります。Ja
JavaScript currying
./with Imagination A JavaScript, CSS, XHTML web log focusing on usability and accessibility by Dustin Diaz Sunday, February 25th, 2007 Currying in JavaScript, in my own opinion, leads to clever programming. It is also one of the places in JavaScript where functional programming wins over object oriented practices. Sometime last year Dan Webb wrote a post on callbacks and partial application which
λ Calculus - まずは遅延評価から : 404 Blog Not Found
2008年02月04日07:00 カテゴリLightweight Languages λ Calculus - まずは遅延評価から うーん、まずY Combinatorというのはおじさんたちが悪かったかな。ギター習いたてでいきなりFの音を出すようなもんだから。 Haskell のリストと遅延評価が少し分かった - IT戦記 Y コンビネータって何？ - IT戦記 まずは、遅延評価についてきちんとおさらいしておこう。 慌てるな、ループは急に止まらない まずは、以下の式を考えてみる。 (function(a, b, c){ return a ? b : c; })(true, 1, 1+1); 実行してみると、1となるはずだ。しかしここで重要なのはこのことじゃない。後ろの1+1が実行されるかだ。このことはどうやって確認したらよいだろうか。以下のようにしてみればいいはずだ。 var ELSE =
JavaScript クロージャとレキシカルスコープ - Backstage of theater.js
自分なりのまとめです。 【他、参考となるサイト】 http://d.hatena.ne.jp/keyword/%a5%af%a5%ed%a1%bc%a5%b8%a5%e3 http://www.atmarkit.co.jp/fdotnet/ajaxjs/ajaxjs03/ajaxjs03_03.html http://www.atmarkit.co.jp/fdotnet/ajaxjs/ajaxjs03/ajaxjs03_04.html 内部関数 関数内で更に関数を定義することができます。 function test(test_str){ function sub(sub_str){ alert(sub_str); } sub("TEST:" + test_str); } test("!!!"); //「TEST:!!!」と表示される。 //←ここでsub("!!!");とはできない。 関数
クロージャと高階関数
Javascriptには関数式と呼ばれるものがあります。関数式は数値や文字列のようにプログラムにリテラルとして書かれた関数です。
指向性メモ クロージャとOOPとJavaScriptの謎仕様
ページ情報 制作日 2005-07-24T03:14:49+09:00 最終更新日 2005-10-28T11:35:21+09:00 ページ内目次 Navigation Comments Trackbacks Post a comment JavaScriptはクロージャでガリガリ書いていく言語だという説もあるが、OOP原理主義としてはプロトタイプベースでもいいからOOPで書きたいのである。というか、クロージャは中途半端で気持ち悪い。 さて、事の発端は『JavaScript とクロージャ』という記事である。この記事によると、なにやらイベントにクロージャを渡すと幸せになれるという事らしい。ふむふむ、たしかにシンプルでいい感じである。 ……が、しかしだ。オブジェクト指向なアレに対して、クロージャには決定的な弱点が有るはずなのだ。そう、メソッド（クロージャ）間での（メンバ）変数の共有である。
JavaScript第5版読書会#1参加者の参加報告の一覧 (Kanasansoft Web Lab.)
新規投稿も落ち着いてきたようなので、一覧にまとめます。 (2007/11/25:追記しました。) (2007/11/26:追記しました。) (2007/11/27:追記しました。)
arguments.callee - JavaScript | MDN
callee は arguments オブジェクトのプロパティです。これは、現在実行中の関数を、その関数本体の内部で参照するために使用することができます。これは、名前のない関数式（「無名関数」とも呼ばれる）の中など、関数名が不明な場合に便利です。 警告: ECMAScript 第 5 版では、 arguments.callee() を厳格モードで使用することを禁止しています。関数式に名前を付けるか、関数が自分自身を呼び出すような関数宣言を行うことで、 arguments.callee() の使用を避けることができます。
div要素などをスクロールに追随させるjavascript【その２】｜WALK SLOW, AGAINST THE FLOW.｜BLOG
div要素などをスクロールに追随させるjavascriptの続きです。 クラス化と、間違いや、効率的でないところの修正もしています。 サンプル（スクリプト以外は前回と同じ） とりあえず隠蔽する これでグローバル変数は２つになる。 でも、この場合、ScrollChaserのプロパティにはアクセスできない。 function ScrollChaser(id,int) { var el; var initTop; var interval = int; // function setting() { el = document.getElementById(id); el.style.position = 'absolute'; initTop = el.offsetTop; // try { window.addEventListener('scroll', scrollEvent, fal
thisの件
(01/07)配列のコピーの件 いまさら (12/20)chromeで英語のページで、フォントが汚くて読むのがつらい (11/19)Chromeのデフォルトフォント (12/06)epsはWordで見られる件 (04/03)tmuxにした件 (03/07)tarで指定したディレクトリを除外する (05/02)バイナリセーフとマルチバイト対応はやっぱり違うのね？ (01/18)香り屋さんのVim 7.3-20110109でエラーが出たので (01/05)片方向からだけアクセスできるようにする件 (11/17)香り屋さんのVim 7.3-20101111でエラーが出たので (10/14)バイナリセーフではない関数 (10/01)CSSで大文字に！ (08/31)同じDOMをjQueryで選択したら違うオブジェクトなになるのだ。 (08/31)私はだあれ？の巻 (08/17)Zの次はAAな件 (
ここ2週間で知ったJavascriptとHTML/CSSのTipsメモ書き - 新みのる日記
知ってる人に取っちゃ当たり前なんだけど、 今回初めてしったノウハウをメモしとく 1. bodyにonloadを追加したい場合はwindowにattachEvent/addEventListenerすべし <body onload="func()";> みたいなこととをしたい場合。 (document.getElementsByTagName('body')[0]).attachEvent('onload', func, false); としたい気持ちはわかりますが、 正しくは、こう書かないと動きません。 window.attachEvent('onload', func, false); 理由はdocument.getElementsByTagName('body')[0])を実行した時点では、 まだbodyタグの描画が終わっておらず'undefined'になってしまうから。 なので、bo
applyの利用してイベントのthisをbind(指定)させる方法(attachEventでthisを指定させる方法) - 新みのる日記
ちょっとはまったので、まとめとく。 きっかけ 元々の発端は、イベント関連の処理をしていて、FirefoxではaddEventListenerしたとき、 つまりobj.addEventListener(func, 'click', false);という処理を書くと 呼び出し先(func)のthisにobjが入ってくるわけだが、 IEでは、attachEvent先のthisがnullになるという仕様(?)になっている。*1 obj.attachEvent(func, 'onclick'); function func(){ alert(this); // null /* thisを使った処理をかく。 * 例えばotherObj === this は常にnulなためfalseになる */ } これだと、呼び出し先で、呼び出さし元のオブジェクトがわからないためDOM操作などができなくなり。困った困
this - JavaScript | MDN
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月. Learn more See full compatibility Report feedback this キーワードは、関数本体などのコードを実行するコンテキストを指します。最も一般的な用途はオブジェクトメソッドで、この場合、this はメソッドが関連付けられているオブジェクトを指し、これにより、同じメソッドをさまざまなオブジェクトで再利用することができます。 JavaScript で this の値は、関数がどのように定義されているかではなく、どのように呼び出されるか(実行時のバインド方法)によって決まります。通
Mozilla CTOが語る「Netscape」から「Firefox」への軌跡--Super Techies - builder by ZDNet Japan
勝つためのクラウド活用術 New Value on Azure ビジネスを次のステージへ！ 大事なのは”仕事の段取り” 幅広い業務を任されているからこそできる ひとり情シス流の業務改善術 DNSを守り、DNSで守る 高度・巧妙化し危険度を増すサイバーリスク いま考えるべきモダンセキュリティのあり方 サービスを止めない！ サイバーエージェントに聞く高可用性の実現 そこにピュア・ストレージが選ばれた理由 注目急上昇中のDaaS最新情報 コロナ禍を背景に利用者と機能を拡大中 Azure Virtual Desktop最新情報 年間5,000件の問い合わせに対応 疑問を解消したいユーザーも答える情シスも みんな幸せになるヘルプデスクの最適解 クラウド導入が進まない本当の課題 ITベンダーだからこそ知っている クラウドに二の足を踏む企業のボトルネック ハイブリッドクラウド時代の救世主 企業ITを素早
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Morse.js Demo
youmos - 新しいWebビジネスや技術アイデアを活性化するWebマガジン
outofhanwell.com
IBM Developer
はてなブログ | 無料ブログを作成しよう
