Javascriptの話題が続いてます。 Changeset 7835 - prototype: Namespace all custom event names to avoid conflicts with native DOM events. 上記Changesetで、Native DOM Eventとの名前衝突を避けるために、コロンで区切るネームスペースが導入された & Native DOM Eventの呼び出しが削除された?ため、Native DOM Eventが呼び出せない。[Javascript] クロージャを利用したイベントリスナの登録のように、クロージャー + 無名関数でイベントリスナを登録すると、スコープの外部から、現在選択中のボックスを取得するとなると、各ノードを走査して調べる事になりますが、これは美しくない。 Prior to this change, Protot
JavaScriptの演習がてら、Greasemonkeyをいじったんですが、createEventとinitMouseEventを使ったらめちゃくちゃ簡単になることが分かって凄く嬉しくなった。createEventはDOM2にあるけどinitMouseEventはGeckoのDOMメソッドぽい。でもまぁ、Greasemonkeyをいじるぶんにはそれで十二分。 document.createEvent – MDC event.initMouseEvent – MDC 以下、自分用のちょっとしたメモ。 document.createEvent 「document.createEvent」は、指定されたタイプのイベントを生成するメソッド。 var evt = document.createEvent("MouseEvents"); 生成したイベントは「element.dispatchEvent
Despite the many JavaScript libraries that are available today, I cannot find one that makes it easy to add keyboard shortcuts(or accelerators) to your javascript app. This is because keyboard shortcuts where only used in JavaScript games - no serious web application used keyboard shortcuts to navigate around its interface. But Google apps like Google Reader and Gmail changed that. So, I have crea
はじめに iPhone 3G DevWikiという開発情報サイトに基本的な情報がまとまっています。まず最初にこちらに目を通してください。 http://wiki.sohaya.com/ 本エントリでは、新規にiPhone対応のWebアプリケーションを作るというより、既存のWebアプリケーションをいかにしてiPhoneに対応させるかを中心にして話を進めます。 どう対応するか 既存のWebアプリケーションをiPhone対応させるには、大きく分けて二つの方法があります。 既存のHTML生成コードを利用する スクラッチでiPhone専用のHTML生成コードを書く (1)の方法では、JSPなどのHTML生成コードをそのまま利用しますが、iPhone Safariからリクエストされた場合にのみ、追加でiPhone専用のCSSをロードします。不必要なヘッダやナビゲーションは、CSSで適宜display:
よく見かけるので、メモ。 function unique(array) { var storage = {}; var uniqueArray = []; var i,value; for ( i=0; i<array.length; i++) { value = array[i]; if (!(value in storage)) { storage[value] = true; uniqueArray.push(value); } } return uniqueArray; } JavascriptのArrayオブジェクトに、配列の重複を取り除くメソッドはないので、作るしかないらしい。 jQuery.unique などが、名前から期待できそうな感じだが、これはDOM要素の配列の重複を除去してくれるものであって、配列に対しては使えない。
更新履歴 2010-01-21 本エントリの内容も含めた最新の情報は下記エントリをご参照ください。 jQuery の位置・サイズ関連メソッドまとめ - Cyokodog::Diary 前回のつづきです。 前回同様 width の記述は省略してますが、height を width に置き換えれば幅も取得できます。 attr() メソッドでサイズを取得する際の注意点 attr('offsetHeight') や attr('clientHeight') でサイズを取得する際、対象要素が非表示状態だと 0 が取得されてしまいます。 要素を表示させる際、位置決め等のために表示処理前に対象要素を採寸することがあるかと思いますが、そのような場合注意が必要です。 対象要素が非表示だった場合、一時的に表示状態し、採寸後に非表示にするようなプラグインを定義しておくと便利です。(以下参照) $j.fn.mea
Javascriptの多次元配列・連想配列もソートできる。 <script language="JavaScript" type="text/javascript"> var list = [ {no:3, type:50, name:'ナマエ(no:3/type:50)'}, {no:5, type:70, name:'ナマエ(no:5/type:70)'}, {no:4, type:60, name:'ナマエ(no:4/type:60)'}, {no:6, type:50, name:'ナマエ(no:6/type:50)'}, {no:2, type:70, name:'ナマエ(no:2/type:70)'}, {no:1, type:60, name:'ナマエ(no:1/type:60)'} ]; // type でソート list.sort(function(a, b) {retu
なかなかどうして、怠惰な若輩者につき不明な点が多々あるため先人の知恵をお借りしたく候。というわけでいろいろ知恵や知識などいただきます。・・・消化不良でしたorz setTimeoutの中の小難しいお話 自分だけじゃ到底調べられないし分かる術もない。Cなんて知るか。だのにこうしてなんとなくでも知ることができるのはありがたいことです。 http://labs.gmo.jp/blog/ku/2007/09/firefoxsettimeout.html Firefoxだけで少し古い記事だけど今でも同じようなものかな。他に私がわかるような資料もないのでこちらをベースに考えさせてもらいます。大きな変更はないだろうし。 タイマースレッド URL先読んだだけではイメージできなかった。整理のため箇条で要約。 Firefoxにはタイマー処理だけを管理している専用のスレッドがある(TimerThread) タイ
Facebook からブログ記事へのアクセスが増え続けています。当サイトでは、検索エンジンに次いで重要な読者流入元になっています。たぶん、各記事に設置してある「いいね!」ボタンや、Facebook Page がとても有効に働いてくれているんだと思います。 でも、Facebook のソーシャルプラグインって読み込みが遅いんだよな、と困っているブロガーさんも多いのでは。 でもご安心を。コードにたった一文追加するだけで、「いいね!」ボタンの読込を高速化する魔法の呪文がありますので、そのお悩みが解消できるかもしれません。 【方法】Facebook ソーシャルプラグインのページからコードを取得して設置した場合、たいていは下記の Javascript 読み込みコードをヘッダーなどに設置してあると思います。 <div id=”fb-root”></div> <script>(function(d, s,
こんにちは 参考サイトのをそのまま使うのであれば <script type="text/javascript"><!-- //18:42 2006/05/10 +0900 //Copyright:http://www.rc-net.jp/search/ window.onload=function() { Realdate(); } timerID = 0; var dayarray=new Array("日","月","火","水","木","金","土"); function Realdate() { var realdate = new Date(); var fyear = realdate.getFullYear(); var month = realdate.getMonth()+1; month = month<10?"0"+month:month; var days = r
「JavaScriptテクニックバイブル」献本いただいたのでありがたく読んでるけど内容盛りだくさんでなかなか読み終わらない! URL 2012-08-31 00:44:04 via Instagram JavaScriptテクニックバイブル ~効率的な開発に役立つ150の技 作者: JSサポーターズ出版社/メーカー: 技術評論社発売日: 2012/08/31メディア: 単行本(ソフトカバー)購入: 38人 クリック: 1,796回この商品を含むブログ (12件) を見る縁あって少しだけレビューをお手伝いさせていただきまして、献本いただきました。わざわざ謝辞にまで載せていただきましてありがとうございます。 全11章、400ページ超にわたる見事な作品。 とりあえず各章読んだ感想をざくっと書かせていただきました。 Chapter01: 開発を取り巻く環境を改善する まず最初に環境をしっかり整える
Drag provider – the good stuff Dragdealer is a drag-based JavaScript component that embraces endless front-end solutions. Elegantly crafted for JavaScript-aware coders. 2D drag and tap, mouse and touch (mobile tested), 12kB unminified. No dependency. Take a look through all the demos below to understand how it works. Links / download code.google.com/p/dragdealer/ blog.ovidiu.ch/dragdealer-js HTML
Webブラウザは、スプレッドシートやワープロのような複雑なJavaScriptアプリケーションや、地図のような複雑なグラフィックの表示など、さまざまな動作を高速で実行することが求められるようになりました。 グーグルはこうした複雑になってきたWebブラウザとその上で走るJavaScriptの実行速度を計測するための新しいベンチマークツール「Octane」を公開しました。ソースコードはオープンソースとなっています。 Octaneは複数の目的別ベンチマークを集めた統合ベンチマークのようなものです。これまでのV8ベンチマークに加えて、ClosureやjQueryのような一般的なJavaScriptライブラリをいかに高速に実行できるかを計る「CodeLoad」や、ゲームを高速に実行できるかを計るためにゲームボーイエミュレータを基にした「GB Emulator」、2次元の物理エンジンや3次元の物理エン
こんにちは。普段からiPhoneを愛用している橋本です。 最近、「せっかくiPhone持ってるんだし、iPhone向けのアプリ作ってみようかしら?」と思い立ったのですが、iPhoneのネイティブアプリを作るには、"Objective-C"と、"cocoa Touch"というiPhone/ipodTouch向けのフレームワークを理解する必要があり、また、自分で開発したアプリを実機に入れて動かしてみるには、そこそこの費用と各種手続きが必要だったり(iPhoneエミュレータ上で動かす分には問題ないのですが…)と、何かと大変です。 「何かもっと手軽にiPhone特有の機能を活かしたアプリを作る方法はないかなぁ。。」と考え、思い立ったのがWebアプリ。Webアプリなら、今までの知識+αでアプリを作成することが出来るのではないかと。そこで、今回から数回に渡ってiPhoneとjavascriptを使って
ガベージコレクションの機能を備えるJavaScriptのような言語で開発されたアプリケーションでは、基本的にメモリリークは生じないはずですが、それでも回収されないメモリ領域がどんどん増えていくというメモリリーク的な状況は起こりえます。 leak-finder-for-javascript - Tool for finding memory leaks in JavaScript programs. - Google Project Hosting メモリリークは最終的にはそのソフトウェアの動作を遅くしたり不安定にしますが、短期的には問題なく動作しているように見え、単純なテストでは症状が表れにくいため、発見は難しいものです。 グーグルはこうしたJavaScriptのメモリリークを検出してくれるツール「Leak Finder」を公開したことを、ブログ「Leak Finder: a new to
JavaScript チュートリアル 初級編 JavaScript の基礎 JavaScript の第一歩 JavaScript の構成要素 JavaScript オブジェクト入門 JavaScript ガイド 入門編 文法とデータ型 制御フローとエラー処理 ループとイテレーター 関数 式と演算子 数と日付 テキスト処理 正規表現 インデックス付きコレクション キー付きコレクション オブジェクトを利用する Using classes プロミスの使用 JavaScript 型付き配列 イテレーターとジェネレーター メタプログラミング JavaScript モジュール 中級編 クライアントサイド JavaScript フレームワーク クライアントサイド Web API Language overview JavaScript のデータ構造 等値比較と同一性 プロパティの列挙可能性と所有権 クロ
2012年08月13日06:00 カテゴリLightweight LanguagesTips javascript - hanzenkaku.js で半角全角処理 まあ車輪の再発明もいいところなのですが、車軸に合う車輪が見つからなかったということで。 dankogai/js-hanzenkaku DEMO まずは実際にお試しを。 全角: 半角: 全methodは以下のとおり。textarea内でいろいろと書き換えてみてください。 /* Functinal */ p( HanZenKaku.h2z('コガイダン') ); p( HanZenKaku.z2h('コガイダン') ); p( HanZenKaku.hw2fw('dankogai') ); p( HanZenKaku.fw2hw('dankogai') ); p( HanZenKaku.fs2hs('a space') ); p
PCのブラウザを利用して位置情報を取得してみよう。IPアドレスやWi-Fiの電波強度を利用した方法やGoogle MapsやJSONPの外部サービスとの連携方法も説明する 今回は、PCのブラウザを利用して位置情報を取得するための具体的な実装方法について、ソースコードを中心に説明していきます。前半ではIPアドレスを利用した方法について、後半ではWi-Fiの電波強度を利用した方法についてそれぞれ解説します。また、Google MapsやJSONP(JSON with padding)を利用した、外部サービスとの連携についても触れます。なお、少しずつソースコードを追加する形で説明していきますので、先頭から順に読み進めてください。 IPアドレスを利用した位置情報の取得 前回「位置情報を取得する仕組み」で触れたように、利用者のPCに割り当てられたIPアドレスから現在位置を推定できます。この方法の特徴
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く