JavaScript

<a href=”javascript:void(0);”>リンク</a> aタグなどで画面遷移をしない手段としてなんとなく使っているコレ。 この方法を用いるのは、たとえhref=”&…

レガシーなのでCSSは純粋なCSSとして出力したい ExtractTextPluginを使います。 module: { loaders: [{ test: /\.scss$/, loader: ExtractTextPl…

JavascriptにはquerySelector(),querySelectorAll()というメソッドがあります。 これの使い道としては、こちらのサイトに 単発のクラス名の場合は getElementsByClass…

aipoはコンパイル時に複数のjavascriptをまとめたり変数の文字置き換えたり(hogehogeをaに置き換えたりする),改行消したりしてデータ量を削減している(yuicompressor利用) デバッグする時に分…

任意の場所にHTML要素を追加させるためには、任意の要素にidを振り、そのidを親idとすることで可能になります。 例は以下の通りです。 HTML文 <thead> <tr> <td>…

LINEのようにイケてるアプリは下から順に最新のメッセージが表示されてて上にスクロールしてくと古いメッセージを読み込んで繋げて無限にスクロールできるようになっている。これをJavascriptのAjax通信を用いて実現し…

ページャーの作成に取り掛かっているので、その記録をします。 まだ途中で、無駄な処理が多いですが、ご容赦下さい。 JavaのSelectData /** 現在のページの年 */ private ALDateTimeFiel…

&&と||は論理演算子として多くの言語で「AND」「OR」と同じように使われます。 以前javascriptのboolean値についてで述べたようにJavascriptのboolean型は少し特殊で、&a…

dojo.byIdは、document.getElementIdとほぼ同意です。 このように使えます。 function hoge(){ var hoge = dojo.byId(“hoge”) dojo.addClas…

iOS の Safari は ViewPort の相対単位（vh/vh/vmin/vmax）には他のブラウザと異なる挙動があり、100vh を指定するとアドレスバーの高さを含んだサイズを返してしまう問題があります。 以下…

JavaScriptのオブジェクトは、Javaのオブジェクトとは異なる。 どちらかというとJavaのHashMapクラスに近いのがJavaScriptのオブジェクトである。 オブジェクトの記述方法は以下のとおりである。 …

javascriptのbooleanは少し特殊で、オブジェクトは全てtrue、0や”(空文字)はfalseを返すようになっています。 //コメントは論理式に変数を入れた時に返るboolean値 var a =…

hoge = {a:1, b:2} example = hoge; example.c = 3; のようにすると、hogeの方にも c の要素が追加されるので注意が必要です。

連想配列のオブジェクト hoge から 要素 item を削除するには以下のようにします。 delete hoge.item;

私はJavaとJavaScriptの違いを今まではあまり理解しておりませんでしたが、ウェブアプリ開発でとても重要だと知ったため、メモとして残します。 Javaは様々な環境で動かすことが出来る、動作も速く使い勝手のいいプロ…