タグ

関連タグで絞り込む (75)

タグの絞り込みを解除

javaScriptに関するmindのブックマーク (567)

  • 新JavaScript入門

    上がJavaScript総合ページになったので、 是非見てやってください。 3. ページを変える を書きました(2/19/06)。 ご多分に漏れず、Ajax始めました(2/8/06)。 わかりやすくゆっくりやっていこうと思います。 よろしかったら見てください。 JavaScriptの入門講座です。 ここはかなり記述が古くなりました。新しい機能などについて書かれている、 JavaSctipt, Neo-Generation Document Object Model も併読してください。上は言語としてのJavaScriptについて、下はHTML関係についてです。 細かい更新は更新情報をご覧ください。 Color について書きました(2/4/04)。 Font について書きました(1/28/04)。 日時 について書きました(1/9/04)。 TextBox(2) について書

    mind
    mind 2008/01/03
    ここはかなり記述が古くなりました。新しい機能などについて書かれている、 JavaSctipt, Neo-Generation Document Object Modelも併読してください。上は言語としてのJavaScriptについて、下はHTML関係についてです。 ―― //
  • JSON - Wikipedia

    JSON (JavaScript Object Notation, pronounced /ˈdʒeɪsən/ or /ˈdʒeɪˌsɒn/) is an open standard file format and data interchange format that uses human-readable text to store and transmit data objects consisting of name–value pairs and arrays (or other serializable values). It is a commonly used data format with diverse uses in electronic data interchange, including that of web applications with serve

    JSON - Wikipedia
  • Private Members in JavaScript

    Private Members in JavaScript Douglas Crockford www.crockford.com JavaScript is the world's most misunderstood programming language. Some believe that it lacks the property of information hiding because objects cannot have private instance variables and methods. But this is a misunderstanding. JavaScript objects can have private members. Here's how. Objects JavaScript is fundamentally about object

    mind
    mind 2008/01/01
    JavaScript objects can have private members.――lexical closureを利用して、javascriptでprivate property /priviledged methodを。 //
  • JavaScript, Neo-Generation/Array

    Array オブジェクトは Perl と同じように次のように生成することができます。 var ary = [ element0, element1, ...]; 例えば次のようです。 var ary = ["ほえ", "ほえ", "ハッピー"]; alert(ary.join("")); //ほえほえハッピー 二次元配列を次のようにきれいに書けます。 var ary = [[1, 2], [3, 4], [5, 6]]; alert(ary[2][1]); //6 JScript はいつの間にか動作が変わったようです(11/9/02)。 かつては C と同じように整形のための最後のカンマが認められていました。 var ary = [ "ペペロンチーノ", "お好み焼きどんぶり", "8段アイス", ]; こうすると配列の長さは3でしたが、 今では(JScript5.6)長さ4となりました

    mind
    mind 2007/12/31
    スタック,キュー ary.shift() ――便利じゃのう //
  • 第4回 JavaScriptでオブジェクト指向プログラミング

    (2)プロトタイプ・オブジェクトの変更はリアルタイムに認識 プロトタイプ・オブジェクト配下のメンバが(インスタンスにコピーされるわけではなく)暗黙的な参照を通じて、必要都度にアクセスされるという事実には、もう1つ大きなメリットがある。それは、インスタンスを生成した「後」に、基となるプロトタイプ・オブジェクトにメンバを追加した場合にも、これを認識できるという点である。 例えば、以下のような例を見てみよう。 var Animal = function() {}; Animal.prototype.name = "サチ"; var anim = new Animal(); Animal.prototype.sex = "メス"; // インスタンスの生成後にメンバを追加 window.alert(anim.sex); // 「メス」 もっとも、この性質は、先ほどの「暗黙的な参照」を理解していれば

    第4回 JavaScriptでオブジェクト指向プログラミング
    mind
    mind 2007/12/30
    このことから、JavaScriptにおいて、いったん形成されたプロトタイプ・チェーンはその後の変更にかかわらず保存される… ――プロトタイプチェーンは動的に生成されるが、変更消滅は…静的?? //
  • Closure On JavaScript Closures

    mind
    mind 2007/12/30
    Looking at our conceptual diagram above, it's easy to see how a JavaScript engine might implement a closure*. All a nested function has to do is carry a reference to its activation object, which will keep all the variables and arguments in the scope chain alive. ―― //
  • 関数とクロージャ - ファイヤープロジェクト

    Common Lispでの関数の詳細についていろいろと試してみた. 関数の基 (setf 関数名)という関数名 大域関数と局所関数 関数のパラメータ レキシカル変数と関数とクロージャ 動的スコープ 関数の基 関数は基的にdefunで定義する. (defun 関数名 パラメータリスト 体) 引数に1を加えて返す関数は以下のようになる. > (defun hoge (x) (+ x 1)) HOGE > (hoge 1) 2 関数の返り値は,体の最後の式の返り値,あるいは (return-from 関数名 値) で指定する値である.以下の関数はreturn-fromにより固定値5を返す.+式やformat式は無意味である. > (defun fuga (x) (+ x 1) (return-from fuga 5) (format t "fuga~%")) FUGA > (fuga

    mind
    mind 2007/12/30
    レストパラメータ&rest,オプショナルパラメータ&optional ――argument[]みたい。 //キーワードパラメータ&key ――hash/連想配列渡しみたい ――逆だって; //
  • 週記くらい - クロージャとは

    freehttp://d.hatena.ne.jp/smeghead/20071216/closure の続きというか今回はもうすこし真面目にあえて、コードレスで、自分の理解しているところのクロージャを説明してみるテストです。まず、誤解を恐れずに書いてしまうと、言語によってクロージャという機能が提供されている訳ではない。クロージャというのは、ある機能の副作用を用いたテクニックの名前である。クロージャと呼ばれているテクニックを使える言語は、以下の機能を提供しています。言い換えると、以下の機能の副作用によってクロージャというテクニックを使用できるようになります。 レキシカルスコープ(静的スコープ)関数がファーストクラスオブジェクト(第一級オブジェクト)であることレキシカルスコープオブジェクト(主に関数)が定義された時に、その場所から参照できる範囲を、オブジェクト(主に関数)の実行時にも参照でき

    mind
    mind 2007/12/30
    言語によってクロージャという機能が提供されている訳ではない。クロージャというのは、ある機能の副作用を用いたテクニックの名前である。 ――JとLって似てる。 //―― //
  • IBM Developer

    IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.

    IBM Developer
  • IBM Developer

    IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.

    IBM Developer
  • String - JavaScript | MDN

    This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨2015年7月⁩. * Some parts of this feature may have varying levels of support. Learn more See full compatibility Report feedback

    String - JavaScript | MDN
    mind
    mind 2007/12/29
    …文字列上で String オブジェクトのあらゆるメソッドを呼べる。JavaScript は String プリミティブを一時的 String オブジェクトに自動変換し、そのメソッドを呼び、一時的 String オブジェクトを捨て ――ゴミ集めがタイヘン… //
  • 『JavaScript講座 : 関数の定義』へのコメント

    ブックマークしました ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください Twitterで共有

    『JavaScript講座 : 関数の定義』へのコメント
    mind
    mind 2007/12/29
    ――うわ、String()で直したら、普通にソースとして比較できた♪ //
  • JavaScript講座 : 関数のパラメータ

    JavaScriptでは関数に渡すパラメータを指定することができます。関数に渡されるパラメータはカンマで区切って複数列記することができます。例えば以下のようにcalc(2,6)とすると関数側には数値の2と6の2つが渡されます。(サンプル01を実行する) function calc(a,b){ return a+b; } document.write(calc(2, 6)); 関数側では関数名の()内に変数名を書きます。上記サンプルだと変数aと変数bに渡された数値が入ります。受け取るデータは関数を呼び出す側で指定されたパラメータ順になります。この場合だと変数aには2が、変数bには6が入ることになります。 上記の例は最も多く利用されている記述パターンです。JavaScriptに限らずC言語やJavaなどもほぼ同様です。スクリプト言語ではない一般的なプログラミング言語の場合、関数に渡される/受け

    mind
    mind 2007/12/29
    プロパティリストの形式で渡す ――(こないだ)ev.data.x, ev.data.y ... などと受取ろうとしたけどダメだった。 イベントは通らない? //
  • JavaScript講座 : オブジェクトのメソッドとして関数を定義する

    JavaScriptでは関数はオブジェクトのメソッドとして定義することができます。これはメソッドも関数も同じであるということになります。単純にfunction test(){~}と関数を定義した場合、これはグローバルな領域に割り当てられるのではなく、特定のオブジェクトに割り当てられます。多く利用されているブラウザ上でのJavaScriptではwindowオブジェクトに、定義した関数が割り当てられます。このためfunction test(){~}と関数を定義した場合、test()として呼び出してもwindow.test()として呼び出しても同じことになります。 windowオブジェクトではなく、任意のオブジェクトにメソッドを追加するには、いくつか方法があります。最も簡単な方法が以下のようにオブジェクトの任意のメソッド名を指定して、実行内容を定義するものです。(サンプル01を実行する) myO

    mind
    mind 2007/12/29
    ―― ←→オブジェクトなんて附録(/λの第1引数)です、エライ人にはそれが…w //
  • JavaScript講座 : 関数の定義

    JavaScriptでは関数の定義とオブジェクトのメソッドの定義は同じになります(メソッドの定義については別項で説明しています)。どちらもfunction()を使って機能を定義します。関数の基的な書式は以下のようになります。 function 関数名(パラメータ){ 処理内容 } JavaScriptでは関数名は英文字で始まるのが基となっていますが、$や_などの記号も使うことができます。また、Firefoxなどでは日語の関数名を指定しても動作します。 関数名は省略することもでき、その場合は匿名関数/無名関数となります。これに関しては後述します(→)。 関数のパラメータは引数とも呼ばれ、JavaScriptではカンマで区切って複数指定することができます。パラメータも省略することができます。パラメータを省略した場合でもargumentsにより任意の数、任意の位置のパラメータ値を取得するこ

    mind
    mind 2007/12/29
    varを付けないとグローバル変数 ――varで静的lexical scope? //=で定義内容を変数などに代入 ――関数リテラル(/ソース)の比較…同じ#'でないと==にならない。 //eval()ると文字列として定義された関数を実行でき。―― //
  • getComputedStyle について調べてたら深みにハマったのでメモ - IT戦記

    getComputedStyle とは!? ある要素にどんなスタイルが当たっているかを計算してくれる。便利な関数。 使いかたはめっちゃ簡単! var style = getComputedStyle(element, ''); alert(style.fontSize); // 14px alert(style.color); // rgb(0, 0, 0) ちなみに第二引数は疑似要素の style を取りたい場合に使います。通常は空文字列でいい。 でも、 getComputedStyle はこのままでは IE, Safari では動かない。 Safari では window(グローバル領域) に getComputedStyle は定義されてなくて、 document.defaultView だけに getComputedStyle が定義されている。 ちなみに、 Firefox, Op

    getComputedStyle について調べてたら深みにハマったのでメモ - IT戦記
    mind
    mind 2007/12/29
    getComputedStyle で取れるオブジェクトはその時の値を示す静的なハッシュか、それとも元の要素の状態が変わると一緒に変化してくれる動的なオブジェクト…元の要素の状態が変わると、一緒に変化してくれる ――♪ //
  • クロスブラウザ実現のための基本関数群について

    NNでもIEでも動くDHTMLの事を、一般に 「クロスブラウザDHTML」 と呼んでいるようです。 そして、クロスブラウザ用スクリプトを書く上で、基的な情報の取得や設定を行なうための ワンライナ的( 要は数行の関数 )な著作権フリーのスクリプトがいくつかのサイトや書籍などで公開されています。当サイトではそういった基的な関数については、少し別の書き方をしたり追加している関数もありますが、萩原さんの JavaScript Tips集にある、ライブラリ集の関数を、基的にそのままの形で使わせて頂いています。 以下、簡単にこれらの関数について解説しますが、さらに詳しくお知りになりたいという方は、萩原さんのライブラリ集解説ページや同じサイト内の「Mozilla の憂」のコーナーにあるライブラリ集解説ページを直接ご覧下さい。 なお、Operaについては、日語版が出た Opera 6以上で動け

    mind
    mind 2007/12/29
    (なお、Opera 7になって、DOM Level 0と呼ばれるNNやIE特有の伝統的なDOMを、さらに広範にサポートしています。したがって、Opera 7以降に関しては、特にブラウザ判別しなくても大体動くことは動くのですが、 ―― //
  • JavaScript Tips collection - libraries

    DHTML用ライブラリ集 ここでは、CrossBrowser用スクリプトを作成する上で、 基的な情報の取得や設定を行うためのワンライナ的なスクリプト ( 要は数行の関数 )を紹介します ◆ ここで挙げている関数群は全て Windows98版 IE6, NN4, Mozilla で動作確認していますが、 その他のバージョンおよびプラットフォームでは確認していません # 但し、Opera(Win, Linux), Safari(Mac), Konqueror(Linux) の最新版でも # ほとんどの機能は動作するようにしてあるつもりです もし、動作上の問題あるいは記述ミスなどを発見された方は、 ご面倒でもご連絡下さると喜びますf(^^; // version of library LCB_version = 3.1; // _mac : true = macintosh, false =

    mind
    mind 2007/12/29
    W3C の仕様では現在のサイズを取得するのに getComputedStyle を使用することになっていますが、 このスクリプトでは offsetWidth/offsetHeight を使用しています ―― //
  • 「JavaScript@Keynavi.Net」 トップ

    KeyNaviの体であるJavaScriptコードを開発に利用できます。 ブラウザ判別、キーイベント、レイヤー処理など良く使われる機能が 関数化されており手軽に利用可能です。 一般にJavaScript特有の問題としてブラウザ間互換性が挙げられます。 ユーザが使用するブラウザはInternet Explorer以外にも Netscape, Opera, Mozillaなど様々です。 KeyNaviライブラリは各ブラウザ、各バージョン間の差異を吸収し 開発者に共通のインターフェースを提供します。 これにより現在使用されている殆ど全てのブラウザに対応したスクリプトを ラクに記述できます。 また 各機能が1つのファイルにカプセル化されているため 将来新しいブラウザが登場した場合でも個々のHTMLのUpdateは不要です。 ライブラリファイルのUpdateだけで対応可能なので ページの保守コスト

  • Microsoft Learn: Build skills that open doors in your career

    mind
    mind 2007/12/28
    スクロールする高さをピクセル単位で指定する。これはエレメントの表示されているコンテントの高さのことである。見えない部分も含めたコンテント全体の物理的な高さはoffsetHeightプロパティで調べる ―― //