JavaScriptのデバッグ方法 – JSを嫌いにならないためのTips | POSTD
この記事のオリジナルは voxxed に投稿されたものです。 JavaScript関連の問題を抱えるチームをサポートする仕事を通じて、いくつか共通の問題点があることに気づきました。もしあなたもJavaScriptに対するイライラを感じているのであれば、この記事は何らかの助けになるかもしれません。おことわり：私がお教えするヒントはすでにご存知のものもあるとは思いますが、うまくいけば、多少なりとも有用な情報があるかもしれません。特にエンタープライズアプリケーションやCMSソリューションを構築する際に有効なヒントです。チームの誰もが話したがらないCMSのコードについてお話しします。いずれも必要に応じて採用できるものです。 debuggerステートメント 大半のブラウザでサポートされているにもかかわらず、JavaScriptを書く際に最も活用しきれていない機能の1つです。debuggerステートメ
10年間JavaScriptをコピペしていた僕がJavaScript本格入門して知った驚愕のJavaScript言語仕様覚書 | niwatako$
JavaScriptをなめていた私が勉強しなおした結果、色々驚愕の事実が発覚したお話。JavaScriptをご存じの方には当然の内容かもしれません。 むかしむかし 私にとってJavaScriptといえば、高校生時代(10 […]
オブジェクトのプロパティの存在確認方法メモ - 超自己満足プログラミング
１．単純に obj.property で確認すると・・・ var obj = {}; if (obj.hoge) alert('not exist'); obj.hoge = false; if (obj.hoge) alert('exist false'); obj.hoge = null; if (obj.hoge) alert('exist null'); obj.hoge = undefined; if (obj.hoge) alert('exist undefined'); obj.hoge = ""; if (obj.hoge) alert('exist ""'); obj.hoge = 0; if (obj.hoge) alert('exist 0'); obj.hoge = NaN; if (obj.hoge) alert('exist NaN'); 1番上のif以外は、h
jQueryやJavaScriptでブラウザのHTMLボタンを扱う際の技 | Try Lifelog
ボタンを作成する button要素を使うと、input要素と同等の機能を持つボタンが作成できる。type=”button” で汎用ボタンになる。 画像ボタンにする imgタグを使うと画像ボタンが作れる。 <button type="button"><img src="b_play.png"></button> をブラウザで開くと以下になる。 画像の背景を透明にする button { background-color:transparent;border-style:none;} ボタンの背景色を透明に、枠線をなしにすると、 のようなボタンが作成できる。 ツールチップを設定する <button type="button" title="tooltip content"><img src="b_play.png"></button> ボタンに限らず、title属性を設定することで、ツールチップ
オブジェクトがnullやundefindでないか評価する。 - うなの日記
ifで評価すれば一発で判定できます。 if ( !target ) { ... } // 以下のようにはしなくてもいい。 // if ( target == null || target == undefined ) { ... } 値ごとのifでの評価結果は次の表の通り。空文字列や0はfalse扱いなので注意。 値 ifで評価した結果 Object true undefined false null false 0 false 1 true -1 true ""(空文字列) false "a" true 配列 true ハッシュ true 確認してみます。 var stdout = document.getElementById("stdout"); // オブジェクト / null, undefind は false stdout.innerHTML += "null is " + (
第3回 位置情報を取得してみよう（後編） | gihyo.jp
連載第3回目の今回は、JavaScriptを利用した位置情報の取得方法を解説します。 Geolocation APIを利用する Geolocation APIとは、JavaScriptで位置情報を取得するAPIのことで、現在W3Cで仕様を策定中ではありますが、Firefox 3.5やGoogle Chrome 5、Safari 5など、いくつかのモダンなブラウザではすでに利用できます。 ただし、プラグインや設定などによって利用できるかどうかは変わってくるため、コードの中で利用可否の判定を行う場合は、ブラウザ名とバージョンで判定するのではなく、geolocationオブジェクトが利用可能かどうかで判定するのが一般的です。 位置情報を取り扱うgeolocationオブジェクトは、window.navigatorから取得することができます。window.navigator.geolocation
Geolocation API－HTML5のAPI、および、関連仕様
■Geolocation APIとは Geolocation APIは、ユーザーの位置情報を扱うためのAPIです。 Geolocation APIの登場以前にも携帯端末などで位置情報を扱うことは出来ましたが、 各携帯キャリア独自の規格であったためキャリアごとの仕様に合わせて開発する必要がありました。 Geolocation APIは、ウェブの標準化団体であるW3Cが仕様策定を進める規格であり、JavaScriptで位置情報を取得できるように標準化されています。 すでに、Firefox・Google Chrome・Safariなどの一般的なブラウザでサポートされており、 スマートフォンのようなGPS対応の携帯端末向けのウェブサイトだけではなく、 一般的なブラウザで閲覧するいわゆるPCサイトでもユーザーの位置情報を利用したコンテンツを提供することが可能になっています。 ■どんなしくみ？ Geo
jQuery Mobile Tips【Ajax無効化設定とブラウザの戻るバグ対策】 | WebNAUT by Beeworks
※この記事は2013年6月26日に執筆された記事です。現在は仕様が異なる可能性があります。 モバイル用WEBアプリケーションやスマートフォンサイト制作用のフレームワーク「jQuery Mobile」 手軽にリッチなコンテンツを構築できる事で人気のフレームワークですが、ページ遷移の仕様についていくつか注意点があります。 今回はその問題点や改善方法をご紹介します。 目次 jQuery Mobileの特徴 Ajaxによるページ遷移の問題点 一般的なAjax無効化の設定 ブラウザ「戻る」操作によるページ遷移の不具合と対処方法 ダイアログの併用について jQuery Mobileの特徴 スマートフォン向けのフレームワークは数多く存在していますが、jQuery Mobileの大きな特徴としては以下が挙げられます。 クロスプラットフォーム対応（iOS、Android、Windows Phone、Blac
スタイル操作：高さと幅｜jQuery APIリファレンス｜Ajax｜PHP & JavaScript Room
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="ja" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-eq
JavaScript による日付・時刻・時間の計算・演算のまとめ - hoge256ブログ
JavaScript でいろいろな日付の計算関係をまとめてみました。前回の日付関係のまとめエントリの JavaScript版です。 日付の単位について 基本的なことですが、一応まとめておきます。 1秒は1000ミリ秒 1分は60秒 1時間は60分 よって 1時間=60分=3600秒=3600000ミリ秒 1日=24時間=1440分=86400秒=86400000ミリ秒 現在時刻の取得 まずは、最もよく使う処理です。 //今日の日時を表示 var date = new Date(); document.write(date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate() + " " + date.getHours() + ":" + date.getMinutes() + ":" + date.get
位置情報を連続して取得する - Waste Of Time
現在位置を取得する方法として getCurrentPosition() メソッドを紹介しましたが、これは一度だけ位置情報を取得するだけです。しかし、連続して位置情報を取得するメソッドも用意されています。 連続して位置情報を取得する watchId = window.navigator.geolocation.watchPosition( successCallback, errorCallback, options ) 基本的な使い方は、 getCurrentPosition() と同じです。使い方の詳細は、「現在位置を取得する」で確認してください。 ＞＞ 現在位置を取得する このメソッドが呼び出されると、非同期に位置情報取得処理が繰り返し行われ、常に位置情報を監視した状態になります。このメソッドが呼び出されるとすぐに、その監視識別IDを返します。これは、 clearWatch() メソッ
jQuery MobileでマークアップHTMLを動的に作成するときに使うメソッドまとめ
普通jQuery Mobileを利用するときは、枠はhtmlで書きます。 例：JQueryのlistviewの使い方 <ul data-role="listview"> <li><a href="acura.html">Acura</a></li> <li><a href="audi.html">Audi</a></li> <li><a href="bmw.html">BMW</a></li> </ul> なかなか必要に迫られないかもしれないけど、上記のコードをjavascriptで動的に作成したいときは以下のようにします。 ——————————————————————– 本ブログは移転しました。記事の全文はこちら↓↓↓ http://www.infoscoop.org/blogjp/2013/02/12/jquery-mobileでマークアップhtmlを動的に作成するときに使う/ ———
jQueryのセレクタ解説 - jQuery入門 - [SMART]
jQueryには任意の範囲、要素を指定するためのセレクタと呼ばれる機能が用意されています。 たとえば、BODY要素内にあるすべての画像にアクセスしたい場合は下記のようにセレクタを指定します。 $("img") 例えば、IMG要素のボーダーを3ピクセルの赤に設定するには次のようにします。 $("img").css("border","3px solid red"); セレクタで対象を指定し、cssというメソッドでボーダー属性の値を設定しています。 セレクタは要素名以外にも、ID名やCLASS名を指定することができます。 たとえば、BODY要素内にあるすべての画像にアクセスしたい場合は下記のようにセレクタを指定します。 $("img.photo") IMG要素で、かつID名が photo01 の要素を指定するには、次のようにシャープの後にID名を指定します。 $("img#photo01")
![jQueryのセレクタ解説 - jQuery入門 - [SMART]](https://cdn-ak-scissors.b.st-hatena.com/image/square/efeb6493234f33406d242c048873a805fca99c63/height=288;version=1;width=512/https%3A%2F%2Frfs.jp%2Fwp-content%2Fthemes%2Fsmart%2Fogpimage.png)
JavaScriptにおける数値と文字列の相互変換
JavaScriptにおける（変な）数値と文字列の相互変換の方法のまとめ。 使い古されたものばかりなので、かなり既出。 基本の方法だけ使ったほうが、安全かつ美しいコードが書けるのでトリビア扱いで。 数値→整数編 ビット演算は符号付き32bit整数として扱われることを利用したテクニック。 一歩間違うと小数の誤差やらオーバーフローにはまってしまう、諸刃の刃。 //基本 Math.floor(n); //-1とAND n&-1; -1&n; //0とOR n|0; 0|n; //0とXOR n^0; 0^n; //0回シフト n>>0; n<<0; //2回補数を取る（＝もとに戻るので整数化の効果のみ残る） ~~n; 文字列→数値編 算術演算を行い、演算子の前後の項が数値であるという仮定から数値化するテクニック。 //基本 Number(str); parseFloat(str); //0を引く
[jQuery][HTML5]タグに独自属性を追加した場合の扱い方 | 大発見 | 大発見
jQueryでいろんな処理を行うにあたって、HTMLにデータを埋め込んで使いたいことがあります。 そのようなデータは画面上に表示したくないために、タグ属性にデータをセットしたいけど、適切な属性がない場合、独自属性を追加することがあります。 独自属性といっても適当に名前をつけるのは間違いです。アクセシビリティが低下してしまいます。 独自属性の書き方 アクセシビリティについては今度書こうと思います。 HTML5では独自属性の命名規則が決まっており、DOM操作方法としてもちゃんと決まっているようです。 独自データ属性 – グローバル属性 – HTML5 タグリファレンス – HTML5.JP 独自データ属性の詳しい仕様 例えば、「data-user-name」や「data-url」といった「data-」をつけた名前をつけることができます。(もう少し細かい制約がありますが) ただ命名規則だけでな
jQuery.ajax(settings) - jQuery API 1.4.4 日本語リファレンス - StackTrace
解説 HTTPリクエストを使用してデータを取得します。 このメソッドは、ajax の最も低レベルな実装です。 より使いやすく具体化された実装には、jQuery.get(url, [data], [handler], [dataType])、jQuery.post(url, [data], [handler], [dataType])などがあります。 但し、このメソッドほど多くの機能は提供しませんので（例えば、エラーコールバック関数などは指定できません）、場合によって使い分けてください。 （もちろん、ajaxError(handler) 等のグローバルAjaxイベントを使えば、共通処理におけるハンドリングは可能です。） このメソッドは XMLHttpRequest を返します。ほとんど使用することはありませんが、必要であれば、手動でリクエストを中止したりすることができます。 引数 optio
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
"ui-icon-alt"を使う2つの方法｜jQuery Mobile
hp-kyoto
jQuery⇔DOMオブジェクト変換 | nasec blog
HugeDomains.com
