Monthly Archives: 2月 2012

[JavaScript]変数の引数を可変個にする方法

2012年2月4日 (カテゴリ: JavaScript:)

JavaScriptで可変引数に対応するには、arguments[i]を使用します。 プログラム <script> function sum() { var retval = 0; for (var i = 0, len = arguments.length; i < len; ++i) { retval += arguments[i]; } return retval; }     alert( sum(1, 2, 3) ); // 6…


続きを読む

[メモ]SICPの目次

2012年2月3日 (カテゴリ: 未分類:)

SICP = Structure and Interpretation of Computer Programs 邦訳版のタイトルは、「計算機プログラムの構造と解釈(SICP)」 書籍は下記のサイトでCCライセンスで、全公開されている。 http://mitpress.mit.edu/sicp/full-text/book/book.html Creative Commons Attribution-ShareAlike 3.0 Unported License. SICP(Structure and Interpretation of Computer Programs)の目次 1 Buil…


続きを読む

[jQuery]新しいノードを追加するときに、タグの属性も同時に指定する方法

2012年2月3日 (カテゴリ: JavaScript:)

jQueryでは、$( “<a />” )という表記で新しいDOMノードを作ることが出来ます。 上記の例では、アンカータグを生成します。 この際、第二引数にハッシュを指定することで、属性(attribute)も同時に指定可能です。 例: var newLink = $( "<a />", { href: "http://www.yahoo.co.jp/", title: "yahoo", }); newLink.text( "yahooホー…


続きを読む

[jQuery]指定したノードが存在するときのみ処理を行う

2012年2月3日 (カテゴリ: JavaScript:)

jQueryでは、$( “#btnShow” )といった形式で、特定のDOMノードを指定可能です。 このとき指定したノードが存在するときのみ処理を行う方法です。 プログラム <input id="btnShow" type="button" value="表示" /> <div id="someDiv"/>message area</div>   <script> $( function() { $&…


続きを読む

[jQuery] jQueryのプロパティ「$.expr」を使用して、独自のセレクタを実装する

2012年2月3日 (カテゴリ: JavaScript:)

jQueryでは、:first、:lastや:animatedなどのセレクタでDOMのノードを指定することが出来ます。 では、jQueryに標準で用意されていないセレクタが欲しくなった場合はどうすればよいでしょうか? このような場合は、$.expr[‘:’]に対して、関数を定義することでセレクタを追加することが可能です。 下記の例では、幅が100pxを超える要素のみを抽出するセレクタ”over100pixels”を定義しています。 <script> $.extend($.expr[’:’], { ov…


続きを読む

[JavaScript]Shift+Enterでformをsubmitさせる方法

2012年2月3日 (カテゴリ: 未分類:)

$(’#form’).keydown(function(e) { if( e.keyCode === 13 && e.shiftKey ) { // When "Shift + Enter" // code } else { e.preventDefault(); } });$(‘#form’).keydown(function(e) { if( e.keyCode === 13 && e.shiftKe…


続きを読む

[JavaScript]ハッシュのキー存在チェック関数

2012年2月3日 (カテゴリ: JavaScript:)

JavaScriptで、ハッシュ(連想配列)に指定したキーが存在するかどうかのチェック関数です。 通常の関数として使用する場合と、Arrayクラス自体に関数を追加するパターンを用意したので、お好みの方を使用してください。 プログラム //————————————————————- // ハッシュのキー存在チェック(通常の関数として実装する場合) //————————————————————- function array_key_exi…


続きを読む

[JavaScript]URLのパラメータをハッシュとして取得する

2012年2月3日 (カテゴリ: 未分類:)

URLのパラメータをハッシュとして取得する関数です。 URLのパラメータというのは、”http://example.com/?key1=value1&key2=value2″というURLがあった場合、”key1=value1&key2=value2″に相当する部分です。 上記例の場合に、関数をコールすると以下の2要素を持つハッシュがリターンされます。 params[ “key1” ] = “value1”; params[ “key2” ] = &#822…


続きを読む

ゲーミフィケーションでよく使われるバッジをcssだけで作成する

2012年2月2日 (カテゴリ: 未分類:, )

ゲーミフィケーションを考える際、作業を行った報酬としてバッジを提供することが有ります。 例えばfoursquareやロケタッチなどの大きなサービスでは、全てのバッジを個別の画像で作成してますが、個人で作るような小さなWebサービスでは、なかなか個別の画像を用意することは出来ません。 そこで、今回はcssだけを使用して見栄えのするバッジを作ってみます。 また、デザインの分野に不慣れな人でも簡単に作ることが出来るよう、今回は作成の過程も紹介します。 今回は例として、”よくできました”の文字を装飾していくことにします。 まずは装飾無し。普通の文字です。 ソース <a&g…


続きを読む

[jQuery]iframeを動的に追加して,googlemapを表示させる

2012年2月2日 (カテゴリ: JavaScript:)

htmlの中でjQueryを使用して動的にiframeをappendするサンプルです。 例では、入力された住所を元にgooglemapを表示しています。 ソース: <input type="text" id="txtAddress" value="東京都千代田区丸の内一丁目" size="30" /> <input type="button" id="btnTest" value="iframe追加"/> <div style…


続きを読む

[WebAPI]ヤマト運輸の営業所情報を取得するAPIを作成しました

2012年2月1日 (カテゴリ: 未分類:, )

先月、ヤマト運輸の伝票状態を取得するAPIを作成したのですが、 伝票検索に続いて、営業所の検索APIも作成しました。 WebAPI API仕様は、伝票情報取得APIの時と同じような感じです。 実際に見た方が速いと思うので、以下に各フォーマットの例を示します.(058100の部分には営業所コードが入ります) xml/json/yaml http://nanoappli.com/tracking/api/center/058100.xml http://nanoappli.com/tracking/api/center/058100.json http://nanoappli.com/tracki…


続きを読む