A Day In The Life

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

javascript

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…