A Day In The Life

とあるプログラマの備忘録

javascript

緯度経度を世界メッシュコード(標準地域メッシュの世界拡張仕様)に変換するライブラリを公開しました。

日本限定の標準地域メッシュを世界に拡張した世界メッシュという規格がある 普段、データ分析業務などで総務省が策定した標準地域メッシュ(JISX0410)を利用しています。この規格は日本でしか利用できないのですが漠然と定義を拡張して全世界で使えたりしない…

最近なにやってったっけ

最近の個人活動 忘れないようにメモ Webサービス開発 Web Tools Texを出力するサービスとか地域標準メッシュやQuadkey、Geohashの可視化サービスなど。世の中インフレだけど年収が上がる気配が1mmもないので収入増を狙って作ってみた。しばらくはこのサービ…

React と Redux を使った Electron 環境を作ってみました

最近、デスクトップアプリ開発界隈で流行ってる Electron の環境を React と Redux を組み合わせて作成してみました。Redux は Swift にも移植されたたりしているので前から気になってました。せっかくなんでオリジナル Redux 触ってみようと思った次第です…

JavascriptでAOP!?

こんなこと考えるすごい人もいるのですね。 JavascriptでAOPやろうなんて考えもしませんでした。 JavaScriptでアスペクト指向 JavaScriptでAOP 今のところ使う場面はなさそうですがイベント処理系で使うかもしれません。 それにしてもJavascriptはなんでもで…

Javascriptでプライベート関数

Javascriptの関数は基本すべてグローバル関数です。 場合によってはプライベート関数が必要なときもあるかと思います。 そんなときは以前紹介した名前空間とクロージャを使って実現できます。 var jp = {}; jp.dip = {}; jp.dip.emery = {}; jp.dip.emery.Co…

グローバル関数地獄からの脱出

今自分の中で一番熱い話題はJavascriptのグローバル変数・関数をいかに減らすかです。 JavascriptにはNamespaceという概念はありませんが↓のようにするとNamespaceっぽくできます。 var jp = {}; jp.dip = {}; jp.dip.emery = {}; jp.dip.emery.doSomething …

シンプルなポップアップ画面を作ってみた。その2

前回、シンプルなポップアップ画面を作ると言っておきながらあまりシンプルじゃなかったなぁと反省しています。 で、修正してみました(Firefox2.0.0.6とIE6で動作確認済みです)。 では親画面のJSPからみていきましょう。 : 省略 : <script type="text/javascript"> var windows = new Object…

トラックバックに関するあれこれ

非常に参考になるサイトを見つけました。 くっつきトラックバック Trackback Auto Discoveryは実践で使えそうです。

シンプルなポップアップ画面を作ってみた。

シンプルな検索ポップアップ画面を作ってみました。 今まではwindow.open使ってポップアップさせてwindow.opener使って親画面の値をセットしてましたが違う方法で実装してみました。 現場で使えるかどうかはかなり微妙ですw 画面イメージはこんな感じです。…

連想配列

JavaScriptで連想配列を使うことができます。 連想配列はJAVAのMAPのようなものです。 まずは宣言 var array = {"604":"京都市中京区","605":"京都市下京区"}; またはこんな宣言もありです。 var array = new Object(); 使い方は //配列の要素を追加する arr…

DropDownの連携

ドロップダウンを明細の上下に配置して上と下を連動させるサンプルです。 <select name="page" onchange="page[1].selectedIndex = this.selectedIndex"> <option value="0">L0</option> <option value="1">L1</option> <option value="2">L2</option> <option value="3">L3</option> </select>

Javascriptを使って階層メニューを制御する

階層メニュー用のサンプルを作成しました。 まずクリックしたときに開く/閉じるの制御をするJavaScriptのサンプル function changeDisplay(id){ if(document.getElementById(id).style.display=='none'){ document.getElementById(id).style.display=''; } e…