モジュールと名前空間 - Playground of ours
GoogleのClosure Toolsを触っていて、JSの名前空間がよくわかっていなかった。 教科書：JavaScript 第5版 モジュールと名前空間 当初のJSはHTML中に小さな単純なスクリプトを書く程度 現在は複雑になってきている →外部モジュール、ライブラリが登場 JSの言語仕様では、モジュールの作成・管理という機能は提供されていないので 名前の衝突が起こらないように名前空間を使用して、モジュールを記述する必要がある。 ※名前の衝突 二つのモジュールが同じ名前でグローバルプロパティを定義し、名前が衝突すると 一方のモジュールが他方のモジュールのプロパティを上書きしてしまい、モジュールがうまく動かなくなる。 再利用可能なオープンソースのJSモジュールコレクション JSAN-JavaScript Archive Network モジュールと名前空間の生成 任意のスクリプトから利用で
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 なりされるので、押したボタンに対応するパラメータが渡ってこない、というわけです。一
NicEdit 譌･譛ｬ隱樒沿縺ｫ縺､縺�縺ｦ
譌･譛ｬ隱樒沿讎りｦ� NicEdit 縺ｯ縲。rian Kirchoff 豌上′ MIT 繝ｩ繧､繧ｻ繝ｳ繧ｹ縺ｧ蜈ｬ髢九＠縺ｦ縺�繧玖ｻｽ蠢ｫ縺ｪ WYSIWYG HTML 繧ｨ繝�繧｣繧ｿ縺ｧ縺吶�ゅ％縺ｮ譌･譛ｬ隱樒沿縺ｯ縲｀IT 繝ｩ繧､繧ｻ繝ｳ繧ｹ縺ｫ蝓ｺ縺･縺阪�∵�ｪ蠑丈ｼ夂､ｾCMONOS 縺御ｽ懈�舌＠辟｡蜆溘〒驟榊ｸ�縺吶ｋ繧ゅ�ｮ縺ｧ縺吶�よ�ｪ蠑丈ｼ夂､ｾCMONOS 縺ｨ Brian Kirchoff 豌� 縺ｮ髢薙↓迚ｹ蛻･縺ｪ謠先声髢｢菫ゅ↑縺ｩ縺ｯ荳�蛻�縺ｪ縺上�∝�ｬ蠑上↓隱阪ａ繧峨ｌ縺滓律譛ｬ隱樒沿縺ｧ縺ｯ縺ゅｊ縺ｾ縺帙ｓ縲� NicEdit 蜈ｬ蠑上し繧､繝�http://nicedit.com/ 闡嶺ｽ懈ｨｩBrian Kirchoff 豌� 繝ｩ繧､繧ｻ繝ｳ繧ｹMIT 繝ｩ繧､繧ｻ繝ｳ繧ｹ 繝懊ち繝ｳ繧｢繧､繧ｳ繝ｳfamfamfam 譌･譛ｬ
クリップボードにコピー - 素人がプログラミングを勉強していたブログ
Chromeのcopyは, たしか, 隠しinput[type=text]作ってcopyさせたいものをvalueにいれて, selectionStart/Endをいじって, focusあてて, document.execCommand('copy')すればJSだけでできる. http://twitter.com/Constellation/status/7188365498 これを参考にcopy関数を作ってみた。Internet Explorer、Safari、Google Chromeで動く。FirefoxとOperaで上手くいく方法は発見できず。 おまけでFirebugの入ってるFirefoxでも動くようにしてみた。 function copy(text) { var input, success; if ("console" in window && "notifyFirebug"
Firefox 3.6でファイルをドラッグ＆ドロップする方法 | エンタープライズ | マイコミジャーナル
Firefox web browser - Faster, more secure & customizable hacks.mozilla.orgにおいてfile drag and drop in Firefox 3.6のタイトルのもと、Firefox 3.6でファイルのドラッグ＆ドロップと複数ファイルの選択を処理する方法が紹介されている。ドラッグ＆ドロップ対象のデータを扱うDataTransferはFiorefox 3.0 (Gecko 1.9)で、ドラッグ＆ドロップのイベントはFirefox 3.5 (Gecko 1.9.1)で、非同期のファイル読み込みはFirefox 3.6 (Gecko 1.9.2)で実装されている。これらを組み合わせて処理する方法が簡単に説明されている。なお、複数ファイルを選択する方法は同じくhacks.mozilla.orgにおいてサンプルコードが紹介されて
Webのバグを燃やしまくるFirebugと、そのアドオン7選
■【3】JavaScriptをハイライティング「FireRainbow」 FireRainbowは、JavaScriptをハイライティングするアドオンです。Firebugの中で表示するJavaScriptが見やすくなります（図13）。
第1回 JSDeferredによる簡単非同期処理 | gihyo.jp
どうもはじめまして、株式会社はてなのid:cho45です。これから数回に渡り、拙作のJavaScriptのライブラリであるJSDeferredの紹介と、それに関係するJavaScriptにおける非同期の技術に関して解説させていただきます。 JavaSciptにおける非同期処理 非同期処理とは まずは確認程度に、非同期処理がどういうものかを解説しておきます。先に乱暴にまとめてしまうと、以下の事柄が大切なところです。 非同期とは「あとで」という意味 同期処理はコードの見た目順に実行される／非同期ではそうならない JavaScript の非同期処理は絶対に同期処理にすることができない JavaScriptにおける非同期処理をいくつか例に出すと、以下のようなものが挙げられます。 リスト1 // XMLHttpRequest の例 var req = new XMLHttpRequest(); re
JavaScriptのビット演算の仕組みを理解する - 風と宇宙とプログラム
はじめに JavaScriptの数値表現はIEEE754の64ビットの倍精度型浮動小数ですが、ビット演算はどのように定義されているのでしょうか。今回はそのビット演算について解説します。この仕様は10年以上前から変わらないのですが、改めてその部分が書籍などでどのように解説してあるかを見ると、and, or などのビット演算が教科書的に書かれているだけで、任意の数値に対してどう定義されるかについてはほとんど説明されていません。 JavaScript以外の言語では？ JavaScriptについて説明する前に、他の言語ではどうなっているでしょうか。ここでは、ちょっと手を抜いて実際に実行した結果のみを示します。バージョンによっては結果が違うかも知れません。 まずは、一番単純な 0 との orを調べてみました。つまり x | 0 の結果です。 x C (gcc) Java Ruby Perl -123
P-07AでもJavaScriptが再開され、あらたな制限がみつかった - ockeghem's blog
i-mode2.0は前途多難 - ockeghem(徳丸浩)の日記にて報告したように、ドコモのiモードブラウザ2.0のJavaScript機能が5/28に停止されていたが、本日ケータイアップデートが準備されたので、深夜3時まで待たずに即座にアップデートを実行した。そして、JavaScriptが復活していることを確認した。 iモードブラウザ2.0のJavaScript « mpw.jp管理人のBlogで報告されているように、alert関数や、setRequestHeaderメソッドが無効化されていることを確認した。関数自体は削除されていないのだが、実行しても何もおこらない状態になっている。alertを無効化した理由は理解に苦しむが、setRequestHeaderを無効化したのは、携帯JavaScriptとXSSの組み合わせによる「かんたんログイン」なりすましの可能性で指摘したような危険性を
グーグルのJavaScriptツール集大成「Google Closure Tools」
2009年11月5日，Googleは自社サービス製品であるGmail，Google Maps，Google Docsなどの開発に使用しているJavaScriptアプリ開発ツール群「Google Closure Tools」を一般公開しました。 "Closure"は一般的に，閉鎖や閉店といった意味で使われます。ツールの命名としては少しネガティブなニュアンスを感じますが，Google Closure Toolsの場合は，終結といった意味で，開発プロジェクトにおける最終ステップの仕上げ用ツール。すなわち“栓”という意味で中身があふれ出さないようにキッチリ閉めておくものといった意味合いから命名されているようです。 Ultimate（究極）に近い意味でGoogleの自信の表れと受け取った方がいいかもしれません。Googleで新規公開になったプロジェクトとしては珍しく，ベータ版の表記もありません（Go
Operaだけ何故か極端に高速な正規表現パターン - 風と宇宙とプログラム
とても単純な正規表現だけれど、照合するのに非常に時間のかかるパターンがあります。下記はその一例。 var s = "abcdefghijklmnopqrstuvwxyz".match(/a(.+)+c/); 照合することは一目瞭然です。しかし、+ は最長一致型の照合なので２重のバックトラックが発生して、上の文字列の場合、一番最後になって照合が確認されることになります。たぶん、直感的には入力文字列の長さに応じて指数オーダで時間がかかるのだと思います。 実際にブラウザ上で確認すると、ChromeとIEは数秒程度かかりました。Firefoxは「警告：応答のないスクリプト」のポップアップが表示されてしまいました。 ところが、Operaは一瞬です。Date関数で処理時間を測定してもゼロです。Safariも結構高速で、数ミリ秒程度です。 通常、正規表現の実行は、オートマトンを実行する中間コードにコンパ
はてなブックマーク Firefox 拡張 実装の舞台裏
はてなブックマーク Firefox 拡張 実装の舞台裏 nanto_vi, 2009-11-08 自己紹介 nanto_vi (TOYAMA Nao) Days on the Moon (ブログ), Twitter 株式会社はてな アルバイト 概略 コーディング規約 スクリプトのモジュール化 データベースと O/R マッパ サイドバーとカスタムツリービュー ブックマーク追加ダイアログと XBL FUEL のメモリリーク おすすめタグと本文抽出ライブラリ コーディング規約 変数宣言には let を使う メソッドとなる関数式には名前を付ける インデントはスペース 4 つ (はてなの慣習) function FooBar() { ... } extend(FooBar.prototype, { method: function FB_method() { let x = ... ... }, g
i モードブラウザ 2.0 のアップデートにより閲覧できないサイトが発生 | スラド セキュリティ
ストーリー by reo 2009年11月10日 11時30分 隠してることと知らないことは、外からは見分けがつかない 部門より 鈴の音情報局 blog の記事で話題にあがっているが、2009 年夏の i モードブラウザ 2.0 搭載機種に、10 月 27 日以降に開始された JavaScript の再有効化アップデートを当てた端末は、i モードブラウザ・フルブラウザ共に、80 番ポート (http) 以外のウェルノウンポート (ポート番号 0 ～ 1023) への接続ができなくなっているようだ (= ポート 80, 1024 ～ 65535 にはアクセスできる) 。 事前の告知もなく、i モードブラウザ 2.0 の仕様にも記述がないことからユーザーの一部で混乱が起きている。ドコモに問い合わせをしたが、何番ポートはアクセスできなくなったかなどについては教えられないという回答をされたという声
グーグル、JavaScriptプログラミングツールをリリース
Googleは米国時間11月5日、「Closure Tools」と呼ばれるプロジェクトをリリースし、同社のウェブサイトおよびウェブアプリケーション作成レベルに達することを望む開発者をサポートしていく方針を明らかにした。 Googleは、ウェブ中心のビジョンの一環で、JavaScriptを用いたウェブベースのプログラム記述を強く推進している。確かにGoogleは、「Gmail」や「Google Docs」などのサービスを通じて、JavaScriptを最大限に活用しており、より高速にJavaScriptプログラムを実行できるようにする目的もあって、「Chrome」ブラウザの開発に努めてきた。 しかしながら、JavaScriptプログラムは時に異なるブラウザ上では異なった動作をするなどの理由から、高機能なJavaScriptの記述、デバッグ、最適化は困難なものともなってきた。Googleがオープ
JavaScriptで循環配列を文字列化したらどうなるか？ - 風と宇宙とプログラム
JavaScriptのオブジェクトは文字列化しても単に "[object Object]"と表示されるだけなのに、配列は文字列化すると "1,2,3,4" のようになる。便利なようであまり便利でもない。 var ary = [1,[2,[3,4]],5] var s = ary.toString(); // s は "1,2,3,4,5" 各要素も再帰的に文字列化してくれるが、構造が見えない。 では、配列が循環したらどうなるのか？ var ary = [1,2,3,4]; ary[2] = ary; var s = ary.toString(); 3番目の要素を自分自身で置き換えたので、循環構造になるので普通に文字列化してしまうと、 [1,2,[1,2,[1,2[......... のように無限長文字列になってしまう。 実際にブラウザで確認してみた。 Firefox, Safari, IE
FAQ形式によるJavaScriptの本質がわかる超入門 - 風と宇宙とプログラム
はじめに JavaScriptは簡単な言語のようでいて、実は奥が深く、初心者にとってなかなかその本質がわかりにくい言語です。ここでは、JavaScriptの言語的エッセンスを理解できるようなものをFAQ形式で書いてみました。ご意見や誤り等を指摘してもらえたら嬉しいです。 なお、JavaScriptの標準化であるECMAScriptは、今年末にEdition 5 がリリースされる予定です。このFAQは、現在のバージョンであるEdition 3をベースにしています。 ECMAScriptって何ですか？ ECMAはEuropean Computer Manufacturer Association(欧州電子計算機工業会)の略で、標準化団体です。NetscapeのJavaScriptとMicrosoftのJScriptをベースに、純粋なプログラム言語部分を抽出したものをECMAで標準化したスクリプ
マイクロソフトも配布を開始したjQuery、今後のバージョンでは大幅な性能向上とモバイル対応へ
JavaScriptのフレームワークには、prototype.js、Dojo toolkit、Mootools､アドビが開発したSPRY、ヤフーのYahoo User Interface Libraryなどさまざまなものがありますが、もっとも普及しているのは、モジラに所属するJohn Resig氏が開発するjQueryでしょう。 jQueryは2006年1月に最初のバージョンをリリースして以来、サイズが小さく記述がシンプル、といった特徴などから急速に普及し、多くのWebサイトやJavaScriptアプリケーションで利用されてきました。 jQueryはマイクロソフトが正式にサポートするJavaScriptフレームワークでもあります。ASP.NET AJAXがjQueryをサポートし、Visual StudioでもjQueryを標準のフレームワークとしてサポートしています。 そして、マイクロソ
プレビュー公開が始まったGoogle Wave「超」入門（1/4）－＠IT
株式会社鳥人間 郷田まり子 2009/10/1 ついにプレビュー公開が始まった、リアルタイム＆（ポーリングによる）擬似プッシュ型のコミュニケーションとコラボレーションのプラットフォーム「Google Wave」の特集です。その概要と「Gadget」「Embed」「Robot」という3つの拡張APIを使ったWaveの作り方を徹底解説します ついにプレビュー公開が始まった「Google Wave」とは 9月30日に、Google Apps アカウント所持者を対象にしたプレビュー公開が始まったGoogle Wave（以下、Wave）は、グーグルが世界に提案した、1つのコミュニケーション＆コラボレーションプラットフォームです。 Waveを拡張することで、従来では実装が面倒であったプッシュ型の通信による複数ユーザー間での情報の同期を行うようなWebアプリケーションを開発できます。Waveについての詳
Googleのトップページを開くと毎秒100回JavaScriptが実行されるよ - 射撃しつつ前転 改
FirefoxがCPUを常に15%ぐらい食うのが気になっていたので調べてみたら、Googleのトップページを開くとものすごい勢いでJavaScriptが実行されることがわかった。具体的には、var k=t.value;k!=h&&X(0);h=k というコードが毎秒100回実行されている。このせいで、自分の使っているPCだと、Googleのトップページを開くだけでCPU使用率が2%ぐらい上がっているようだ。Firefox特有の問題というよりは、ウェブページ側の作り方に依るものみたいだ。たぶん他のブラウザでも問題は変わらないだろう。 Googleのトップページの場合、コードを調べてみた限りでは、原因はどうも検索候補の自動補完用のコードみたいだ。現在の入力文字列が過去の記録と違ったら補完の提示をやり直す、みたいなことをやっているように見える。 HTMLではテキストボックス内のテキストが変更され
AutoPagerizeで継ぎ足された部分に自分のスクリプトを適用する方法あれこれ - os0x.blog
以前からある手法から順番に見ていきます。 ページの高さの監視 setIntervalでページの高さを監視して、増えていたらAutoPagerizeが動いたとみなして処理を行う var THRESHOLD = 300; var _height = window.innerHeight; setInterval(function(){ if (window.innerHeight - _height > THRESHOLD) { // 処理 } _height = window.innerHeight; }, 300); メリット AutoPagerizeだけでなく、はてなダイアリー・ブックマーク、Twitterなどでのサイト側でのページの継ぎ足しにも対応できる デメリット THRESHOLDをいくつにするかなど、一概に決められない。タイマーをたくさん回すと重くなる。Floatしている要素を継
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
