技術メモのかけら

内容はもとより調べたことすら忘れてしまうので個人的な技術メモを残しているブログです。Qiitaの記事にするほどでもない細かいネタを投稿します。

Javascript

Retinaディスプレイかどうかの判定方法

とりあえずメモ。以下で判定できるらしい。 var isRetina = window.devicePixelRatio > 1,

グローバル変数とグローバルプロパティ

まず、グローバル変数とは関数の外で定義した変数のこと。 var hoge = "huga"; ブラウザ環境ではグローバルオブジェクトのwindowに変数として登録される。 windowは省略できるので、この2行はどちらも同じ結果になる。 console.log(hoge); console.log(wind…

undefinedの判定方法

undefinedは次の場所に現れる。 初期化していない変数の値 未定義のプロパティの値 渡されなかった関数の仮引数の値 return文がない、またはreturn文に式がない場合の関数の戻り値 void演算子の結果 undefinedかを判定する方法について少し調べたので自分な…

Windowにtoolボタンを追加する

オプションにこんな感じに配列で渡すだけ。 tools:[{ iconCls:'icon-add', handler:function(){ alert('add'); } },{ iconCls:'icon-remove', handler:function(){ alert('remove'); } }]

シンプルなWindow

EasyUIで子Windowを表示する。 本気で使うときはあり合えないがスクリプト書かなくてもHTMLだけでも表示できる。 <div id="win" class="easyui-window" title="My Window" style="width:300px;height:100px;padding:5px;"> Some Content. </div> 複雑なWindowもhtmlだけで書ける。

セミコロンの自動挿入

javascriptには自動でセミコロンを補う余計なお世話な機能が存在する。 var a=1 var b=2 alert(a) alert(b) こんな感じにセミコロンなしで書いても、改行箇所にセミコロンを補ってくれるので問題なく動作する。 但し、下記のような副作用も存在する。 return…

式の戻り値は代入した値

今日、職場でこんなコードを発見。 funcName(param1="hoge"); 動作的には問題ないコードだし、 こんな引数の渡し方もあるのかと思い調べてみたが、 検索してもこの書き方の情報が出てこない。。。 とりあえず実験。 function foo(param1, param2, param3) { …

現在地の地図を表示する

//

クリックした場所の住所を表示する

// 住所:

住所を指定して地図を表示する

// geocorder.getCodeに住所を指定して検索する var geocoder = new google.maps.Geocoder(); geocoder.geocode({ 'address': '東京都板橋区' }, function(result, status) { if (status == google.maps.GeocoderStatus.OK) { var latlng = result[0].geomet…

マーカーに情報WIndowを仕込む

// Markerのclickイベントに情報windowを開くロジックを仕込む。 google.maps.event.addListener(marker, 'click', function() { info.open(map, marker); });

情報ウィンドウを表示する

// InfoWindowをnewする。contentにメッセージ内容、positionに開く場所を指定する。 var info = new google.maps.InfoWindow({ content: '東京スカイツリーです', position: map.getCenter() }); openの引数にmapオブジェクトを指定して開きます。 info.ope…

ドラッグ可能なマーカーを追加する

// マーカーのオプションにdraggable:trueを追加する <script type="text/javascript"> var map; $(function(){ var latlng = new google.maps.LatLng(35.710089,139.809948); var opts = { zoom: 15, mapTypeId: google.maps.MapTypeId.ROADMAP, center: latlng }; map = new google.maps.M…

クリックでマーカーする

// イベントリスナーにクリック時のイベントを追加し、マーカーを追加する処理を追加する。 <script type="text/javascript"> var map; $(function(){ var latlng = new google.maps.LatLng(35.710089,139.809948); var opts = { zoom: 15, mapTypeId: google.maps.MapTypeId.ROADMAP, cente…

地図を作成

// 仕事でGoogle Mapを使うことになったので超基本的な使い方を自習。 何はともあれGoogle Mapのjsファイルを読み込みます。 <script charset="UTF-8" type="text/javascript" src="http://maps.google.com/maps/api/js?v=3&sensor=false"></script> パラメータのAPI Keyは必須じゃないようなので今回は指定しない。センサーも使わないのでfalseに設定。 次に地図を表示させる場所…