JavaScriptでカタカナの半角と全角を相互に変換

JavaScriptでカタカナの半角と全角を相互に変換する関数を書いてみました。
ポイントは半角カタカナの濁音、半濁音は2文字であること。そのため、こちらを先に変換します。
長音にも対応していますが「-」(半角ハイフン)には対応していません。 (さらに…)

jQueryでtextareaの値はvalで取得する

HTMLのtextareaは

<textarea>abc</textarea>

と書きます。
jQueryでは、このようにタグで挟む場合は.html()で値を取得できます。
しかしtextareaの場合は.val()で取得します。

実際に試してみたところ、.val()、.text()、.html()のいずれでもtextareaの値を取得することができました。
しかし、textareaの内容を書き換えてから取得すると、書き換えた後の値を取得できるのは.val()だけでした。

一方、値のセットについては、やはりいずれの場合でもセットすることができました。
しかし、.text()と.html()では、一度、セットした後、再度セットしようとすると正しく動作しませんでした。.val()ならば意図通り動作します。

jQueryでtextareaの値を取得したりセットしたりする場合は.val()を使うのが確実です。

なおChromeとFirefoxでは上述のような動作をしますが、IEでは.text()と.html()でも.val()と同じ動作をします。

JavaScriptのreplaceでIEだけ違う挙動をする例

JavaScriptのreplaceはマッチした文字列を置換パターンに含めることができます。
次の例は、英数字の文字列の数字部分を「x」と「y」で挟みます。 (さらに…)

JavaScriptで小数部分をゼロ埋めする方法

以前、JavaScriptで整数をゼロ埋めする方法を紹介しました。
例えば5桁でゼロ埋めするには「("00000"+a).slice(-5)」とします。

今回は小数の右側をゼロ埋めする方法について考えます。
5桁の場合、「123.45」ならば「123.45000」になります。
「123」ならば「123.00000」になります。
単に「00000」を足して5桁で切り落とせればいいのですが、小数点の有無で処理が変わります。
「.」がある場合とない場合で処理が変わるのが面倒です。 (さらに…)

VBAのFormat関数の日時部分をJavaScriptで再現

VBAにはFormat関数があり日時や数値を整形します。
これをJavaScriptで再現してみました。なお全部ではなく日時部分だけです。
「date_format(日付オブジェクト,フォーマット)」のようにして使います。
例えばフォーマットを「yyyymmdd」とすると「20160118」に変換します。 (さらに…)

JSFiddleで計算結果を出力する方法

JavaScriptの実験ができて共有したり公開したりできるツール「JSFiddle」ですが、仕様変更があったらしく、使い勝手が変わっています。
特にJavaScriptを実行して計算結果を出力する方法が分からず困っていましたが、ようやく分かりましたので、メモとして残しておきます。 (さらに…)

クレジットカード番号をチェックする

クレジットカードの番号には規則があり合致しないとエラーになります。
チェックの仕組みを「ルーンアルゴリズム」と言うそうです。
この手のチェックの仕組みは数列からチェックデジットを計算して先頭か末尾に付けるというパターンが多いと思いますが、この仕組みは数列全体が正しいか否かをチェックするようです。
これをJavaScriptで再現してみました。 (さらに…)

jQueryを使いクリックする代わりにEnterキーを押す

HTMLのformにあるsubmitボタンはEnterキーを押すとクリックしたことになるのですが、JavaScriptで制御している場合はEnterキーが効きません。
jQueryを使ってEnterキーを押すとボタンをクリックしたことになる仕組みを考えます。
次のようにテキストボックスとボタンが一つずつあるとします。 (さらに…)

JavaScriptで配列を見やすく表示する方法

配列は複雑になると構造が分かりにくくなります。
PHPにはprint_rという関数があり、配列を見やすく表示することができます。
JavaScriptにはそのような関数がないので「jQuery debug plugin - print_r style output | ProDevTips - Web Development Tutorials」で紹介されている方法を使っています。
この方法はテキストベースなので、単純にブラウザで表示すると横にダラダラと長くなってしまい、見やすくなりません。preタグなどを使い表示する必要があります。

そこでHTMLのUL、LIを使って表示する方法を考えました。 (さらに…)

JavaScriptで漢字を表す正規表現

正規表現を使って漢字を表す方法を毎回、忘れてしまい、その都度、調べています。
調べた結果をまとめてみました。今回はJavaScriptの場合です。 (さらに…)

古い記事

タグ

カテゴリー

最近の投稿

最近のコメント

固定ページ

アーカイブ

stabucky

写真

メタ情報