サイ本 10章 モジュールと名前空間 - しまてく
はじめに これは若手IT勉強会で発表する用にまとめたエントリです。 長いのでゆっくりしていってね！ 名前空間とは 異なるモジュール同士で名前の衝突を防ぐ目的で使われるまとまりのこと。 静的言語ではコンパイル時にエラーになるが、動的言語(JavaScript)では同名のシンボルは 後で宣言されたものが既にあるものを上書きしてしまうため要注意！ 他の言語との比較 C++の場合 //hoge.h namespace HOGE{ void fuga(){}; } //main.cpp include "hoge.h" void main(){ HOGE.fuga(); } Rubyの場合 module Hoge def fuga puts "fuga" end end class Piyo include Hoge def buz fuga end end bar = Piyo.new bar.b
submit ボタン disable 技の罠 - naoyaのはてなダイアリー
昨日のonsubmit で submit ボタンを disable にしてユーザビリティを良くするにはちょっとした罠があって、それに気付かずに使うとはまってしまうかもしれないので、それもちょっと書いておく、というか今日僕自身がはまったわけだが。 罠というのは、type="submit" な input 要素、つまりは submit ボタンを onsubmit ハンドラで disable するまでは良いのですが、このとき <input type="submit" name="foo" value="bar">としていて、foo=bar という値が渡ってくることを期待し、それを内部の処理に使っていると嫌な目に逢う、という話です。先のやり方では input 要素が disable になって GET なり POST なりされるので、押したボタンに対応するパラメータが渡ってこない、というわけです。一
instanceofとか===とかtypeofとかをまとめる - 素人がプログラミングを勉強していたブログ
JavaScriptは、typeof nullが"object"だったり、typeof new String("foo")が"object"だったり、"foo" instanceof Stringがfalseだったりする。 なので、それらをまとめて下のような関数にして、ビットマスクを使って目的の型かどうかを確認できるようにする。 var Type = { OBJECT: 0x01, ARRAY: 0x02, STRING: 0x04, FUNCTION: 0x08, NUMBER: 0x10, BOOLEAN: 0x20, UNDEFINED: 0x40, NULL: 0x80, getType: function getType(object) { var ret = 0x00; if (object instanceof Object) ret |= 0x01; if (object
selectボックスをシンプルなプルダウンに拡張するjQuery.selectable.js :: 5509
This domain may be for sale!
JavaScriptでつくるSchemeインタプリタの基礎の基礎
はじめに 現存するプログラミング言語の中で2番目に古いのがLispです。生まれは古くても、いまだに使われ続け、また、Rubyなどの新しい言語にも影響を与えています。そのLispの派生であり、シンプルさが売りなのがSchemeです。 ここではSchemeの簡単なインタプリタをJavaScriptで作ってみます。 対象読者 本稿はLispやSchemeは少し触ったことはあるけど、インタプリタは書いたことがないという方を読者対象としています。また、JavaScriptの文法や、簡単なデータ構造についての知識を前提とし、説明は省きます。 必要な環境 テキストエディタと、JavaScriptが動くWebブラウザがあれば十分です。他に特に用意するものはありません。 概要 作成するインタプリタについて インタプリタのコードはJavaScriptで書き、HTMLのフォームを使って、Schemeのプログラム
正規表現で、文字列は全て全角ひらがなか？のチェック（JavaScript編）: プログラマーの雑記帳
//全て全角ひらがなか？ //JavaScriptの正規表現で、渡された文字列が全て全角ひらがなかチェックします。 //JavaScript 正規表現 全角ひらがな var str = "あいうえおわいうえおん"; if (str.match(/^[\u3040-\u309F]+$/)) { alert("すべて全角ひらがなである"); } else { alert("全角ひらがなでない文字がある"); } //↓ //"すべて全角ひらがなである"
正規表現で、文字列は全て全角カタカナか？のチェック（JavaScript編）: プログラマーの雑記帳
//全て全角カタカナか？ //JavaScriptの正規表現で、渡された文字列が全て全角カタカナかチェックします。 //JavaScript 正規表現 全角カタカナ var str = "アイウエオワイウエオン"; if (str.match(/^[\u30A0-\u30FF]+$/)) { alert("すべて全角カタカナである"); } else { alert("全角カタカナでない文字がある"); } //↓ //"すべて全角カタカナである"
lengthが自動的に更新されるArrayみたいなオブジェクト - 素人がプログラミングを勉強していたブログ
NodeListとかjQueryオブジェクトみたいに配列っぽいものを作る時、普通はlengthは自分で管理しなければいけない。 例えば、 Array.push(arrayLike,123); みたいにすると、lengthをArray.pushがインクリメントしてくれるからいいけど、 arrayLike[arrayLike.length]=123; とすると、lengthがおかしくなってしまって、困る。 なので、下のようにすると良いのではないか。 var a = { 0 : "Hello", 1 : "world", get length() Math.max.apply(this, [ - 1].concat([parseInt(i) for (i in this) if (!isNaN(i))])) + 1, set length(v) { var length=this.length;
excanvas.js のハマリどころ, G_vmlCanvasManager.initElement の使い方 - latest log
追記: uupaa-excanvas.js をリリースしました。 excanvas.js は IE で canvas 要素のエミュレートを行う Google 謹製の JavaScript ライブラリです。 このライブラリは、最初のとっかかりが結構難しいです。 実体験を元に、ハマリポイントを列挙してみます。 動的に生成したcanvas要素は、すぐにドキュメントツリーに追加し、その場で初期化する必要がある。 以下が、動的にcanvas要素を生成し2Dコンテキストを取得する例です。が… var e = document.createElement("canvas"); document.body.appendChild(e); var ctx = e.getContext("2d"); 上記のコードでは、IEでは動作しません(Firefox,Safari,OperaはOK)。 動的に生成したca
JavaScript: createDocumentFromJSONString - mayokara note
(GM_)XMLHttpRequestなどで取ってきたJSON文字列をDOMツリーに変換する関数を書いたのでメモ。 var createDocumentFromJSONString = function(str){ var json = (new Function('return (' + str + ');'))(), jsonDoc = document.implementation.createDocument("", "json", null); if (json instanceof Array) { jsonDoc.documentElement.setAttribute("type", "array"); json = { jsonarray: json }; } else if (typeof(json) === "object") { if (json === null)
Plugins | jQuery Plugins
Can't find a Plugin you are looking for? Check out the jQuery Wiki page. Are you a plugin developer? Please move your plugin over to this site.
Plugins | jQuery Plugins
Can't find a Plugin you are looking for? Check out the jQuery Wiki page. Are you a plugin developer? Please move your plugin over to this site.
[javascript]<![CDATA[ ・・・ ]]>の記述
たま～～～に見かけるんだけど、javascriptの中に<![CDATA[ ・・・ ]]>って書いてあって、「これって何？」って気になってしまい、ちょこっとぐぐってみたら、初めてのJAVASCRIPTの原則「CDATAセクションを使う」に解答がありました。 DOCTYPEとしてXHTMLを指定する場合は、埋め込み型のJavaScriptブロッ クをCDATAセクションで囲み、さらにCDATAセクションをJavaScriptのコメント を使って「コメントアウト」します。 ・ ・ ・ //<![CDATA[ var dt = Date(); var msg ='<h3>Hello, World! Today is ' + dt + '</h3gt;'; document.writeln(msg); //]]> via:原則「CDATAセクションを使う」 と書いてありました。 つまり、XHTML
ウェブリブログ：サービスは終了しました。
「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 ※10秒後にBIGLOBEのおすすめページに遷移します
jQuery.dataの使い方 - KAYAC Engineers' Blog
最近気づいたんですが、jQuery.dataが結構便利だと思うので紹介してみたいと思います。 (function($) { var name_space = 'name_space'; $.fn[name_space] = function(options) { var elements = this; var settings = $.extend({ }, options); elements.each(function() { var t = this; $.data(t, name_space, {}); $(t).hover(function () { var obj = $.data(this, name_space); obj.status = 'over'; $.data(self, name_space, obj); }, function () { var obj =
Create new page · motemen/arrow-js Wiki
Attach files by dragging & dropping, selecting or pasting them. Loading Uploading your files… We don’t support that file type. Try again with a GIF, JPEG, JPG, MOV, MP4, PNG, SVG, WEBM or WEBP. Attaching documents requires write permission to this repository. Try again with a GIF, JPEG, JPG, MOV, MP4, PNG, SVG, WEBM or WEBP. We don’t support that file type. Try again with a GIF, JPEG, JPG, MOV, MP
Javascript オブジェクト判定あれこれ - 木曜不足
JSRuby でここらへんのことをやるのに、Javascript でのオブジェクト判定をあれこれ試したので、TIPS 的に書いてみる。 といっても、教えてもらったり、blog で読んだりしたことを試してまとめてみただけなのだが。実はもっと良い方法があると言うことであれば教えてもらえると嬉しい。 オブジェクト判定 typeof とか instanceof があるので、ここらへんを使えば済みそうなのだが、ちょっと問題が。 typeof "abc" // => "string" typeof new String("abc") // => "object" "abc" instanceof String // => false new String("abc") instanceof String // => true cho45 さんが書かれているように「 Javascript では全てがオブ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Registrant WHOIS contact information verification | Namecheap.com
gist: 8351 - はてブ- GitHub
具体例で説明するデザインパターン - てっく煮ブログ
