JavaScript

プログラミング

JavaScript

Javascriptで指定された文字列を全置換する方法

2018/12/12    

Javascriptで指定された文字列を置換する方法ですが、一番簡単なのはreplaceを呼ぶことなのですが、このreplaceは一致する最初の文字しか置換してくれません。 そこで今回は簡単に全置換し ...

プログラミング

JavaScript

Javascriptで疑似的にKeyUpイベントを発火させる方法

2018/12/10    

JavascriptでKeyUpイベントを発火させるのは意外に簡単そうで、なかなかうまくできませんでした。 でもわかれば1行でできるので、今回はそれをメモとして残しておきます。 Javascriptで ...

ソースコード

JavaScript

JavascriptでNumLock、CapsLock、ScrollLockキーのON/OFFを取得する方法

2018/12/5    

システム開発をしているとログイン画面でパスワードを正しく入力しているのにログインできないという問合せがよく来ます。 その中でも割と多いのが「大文字、小文字の違い、NumLockキーがOFFになっていて ...

プログラミング

JavaScript

jQueryでTableの高さを小数点の単位まで取得する方法

2018/11/30    ,

jQueryのバージョン2まではTableの高さなどの値を普通の方法では整数値になり取得できません。 (jQueryのバージョン3以降では対応できているようです。) そこで今回はjQueryのバージョ ...

プログラミング

JavaScript

jQueryはJavascriptでの直接DOMの操作より100倍遅いことが判明

2018/11/30    , ,

よくjQueryは直接JavascriptでDOMを操作するより遅いと言われるので本当なのかどうか検証してみました。 検証した結果ではかなりの処理時間の差があり、やはりjQueryの方が100倍ほど遅 ...

プログラミング

JavaScript

Javascriptの処理実行時間を取得する方法

2018/11/29    

Javascriptで開発を行っている歳に「処理の実行時間」を計測したい場合がよくあります。 そんな時のために「処理の実行時間」を計測するクラスを作成しておき、いつでも使えるようにしておくと便利です。 ...

プログラミング

JavaScript

Javascriptで指定された生年月日から年齢を計算する方法

2018/11/28    

Javascriptで指定された生年月日から年齢を計算します。 指定された生年月日から年齢を計算する方法 Javascriptには年齢を自動計算するメソッドなどは準備されていないので、自分で実装する必 ...

ソースコード

JavaScript

JavaScriptでゼロパディングして桁をそろえる方法

処理上、先頭に0を付加して桁数をあわせることを「ゼロパディング」といいます。 先頭に「0」をつないで「slice()」で最後からとれば簡単に実現できます。 JavaScriptでゼロパディングして桁を ...

プログラミング

HTML

htmlでホームページに楽譜を表示するためのJavascript abcjs

htmlでホームページに楽譜を表示するためのJavascript「abcjs」というのがあるようです。 現在使い方研究中。 面白いかも。 でもIE8でご覧の型は上手く表示されません。 以下はサンプル表 ...

プログラミング

JavaScript

POSTをしても新しい画面が開かない方法

formをPOSTすると新しい画面が開いてしまう showModalDialogで開いた画面でformをPOSTをするとそのままでは新しい画面が開いてしまいます。 それをここでは新しい画面を開かずにP ...

Android

Web技術者のためのHTML5+JavaScriptで作るAndroidアプリ

2013/4/10    , , , ,

これまで「どんなアプリを作ろうか?」「どんなアプリなら楽しんでもらえるか?」ばかりを 考えていましたが、良く考えると「妙案がひらめいても作れない」ということに気が付きました。 そこで「Web技術者のた ...

プログラミング

JavaScript

HTMLで動的にコントロールの表示/非表示を切り替える

動的にコントロールの表示/非表示を切り替える HTMLとJavascriptを使って表示されているテキストボックス(INPUTタグ)の表示/非表示を切り替えます。 テキストボックス(INPUTタグ)の ...

ソースコード

JavaScript

jQuery Mobileの基本ページ

jQuery Mobileの読み込み 今回はjQuery Mobileに関するものはCDNを使用して読み込みます。 (インターネット環境に接続しないで実行する場合は本家サイトからダウンロードして下さい ...

ソースコード

JavaScript

HTML-AタグのhrefをJavascriptで動的に有効/無効を切り替える。

Aタグのhrefの有効無効を切り替える 画面の選択状態によってAタグのhrefを動的に有効/無効を切り替える必要があったので作って見ました。 HTMLのソース 以下は作成したHTMLのソースです。 [ ...

プログラミング

JavaScript

Monacaプラットフォームでenchant.jsを動かしてみる

Monacaプラットフォームでenchant.jsを動かしてみます。 スマートフォンアプリを作って見ようと調べていると「HTML+Javascript」で開発できる環境「Monacaプラットフォーム」 ...

プログラミング

JavaScript

Spriteを伸縮させる

2012/7/18    , , ,

enchant.jsのSpriteを伸縮しながら移動します。 Spriteを伸縮させる まずは表示用のHTML。

enchant.js ...

JavaScript

Spriteを回転させる

2012/7/13    , , ,

enchant.jsのSpriteを回転させます。 ドロイド君が10体のペアで画面を回転しながら斜めに移動し続けます。 まずは表示用のHTML。 [crayon-5ce0f9df9ece5478589 ...

プログラミング

JavaScript

enchant.jsで複数のSpriteを動かしてみる

2012/7/12    , ,

enchant.jsのSpriteを複数操作します。 enchant.jsで複数のSpriteを動かす ドロイド君が10体のペアで画面を斜めに移動し続けます。 まずは表示用のHTML。 [crayon ...

Copyright© ソフトウェア開発日記 , 2019 All Rights Reserved.