jQuery でテキストボックスの値を設定/取得/追記/削除を行う方法

jQuery でテキストボックスの値を設定/取得/追記/削除を行う方法

2015/10/08 基本

jQuery でのテキストボックスに対する操作をまとめました。 テキストボックスの value 値に対する操作は、jQuery の中でも基本的な処理になります。ベースとなるテ...

JavaScript で英数字や記号を全角から半角へ変換する方法

JavaScript で英数字や記号を全角から半角へ変換する方法

2015/10/07 JavaScript

ブラウザ上で半角入力の制御は CSS の ime-mode プロパティが存在します。しかしこれは Internet Exporer 独自のものなので、Chrome ブラウザなど対応...

正規表現を用いて JavaScript で数値チェックを行う方法

正規表現を用いて JavaScript で数値チェックを行う方法

2015/10/07 JavaScript

JavaScript の数値チェックに isNaN 関数を利用する人がいますが、あまりオススメできない方法です。むしろ正しい仕様を理解していないのであれば、バグの温床になる危険な関...

jQuery UI Datepicker の便利機能を一気にまとめて定義!使いやすいカレンダーはこれだ!

jQuery UI Datepicker の便利機能を一気にまとめて定義!使いやすいカレンダーはこれだ!

2015/10/01 jQuery UI

jQuery UI のカレンダーによる日付入力補助機能を実現する Datepicker プラグインは、初期状態のままでは利便性が低いため、オプション設定により使い勝手を良くする方法...

アイコンをクリックして jQuery UI の Datepicker のカレンダーを呼び出す方法

アイコンをクリックして jQuery UI の Datepicker のカレンダーを呼び出す方法

2015/10/01 jQuery UI

jQuery UI の Datepicker には、様々なオプション項目が用意されています。上手く利用することで、カレンダー入力の利便性を向上させることができます。 これまで...

jQuery UI を用いてオリジナルのダイアログを実装する方法!独自のボタンや選択肢も簡単に追加できる!

jQuery UI を用いてオリジナルのダイアログを実装する方法!独自のボタンや選択肢も簡単に追加できる!

2015/09/30 jQuery UI

JavaScript には、ダイアログボックスを表示する alert 関数や confirm 関数が標準で用意されています。しかし、メッセージを表示して「OK」「キャンセル」の選択...

WordPress でスクロールにより画像を遅延読み込みするプラグイン Lazy Load

WordPress でスクロールにより画像を遅延読み込みするプラグイン Lazy Load

2015/09/29 WordPress

画像ファイルは容量が大きいため、Web ページのデータ転送量に直接影響を与えます。もし、画面のスクロールに応じて、表示に必要な画像だけを後追いで読み込めば、次のようなメリットがあり...

jQuery UI の Datepicker で年月をプルダウンから選択する方法

jQuery UI の Datepicker で年月をプルダウンから選択する方法

2015/09/18 jQuery UI

jQuery UI の Datepicker は、カレンダーを表示するためのプラグインです。基本となる実装方法、ならびに日本語対応の手順については、次のページを参照ください。 ...

jQuery UI の Datepicker でカレンダーを月曜始まりにする方法

jQuery UI の Datepicker でカレンダーを月曜始まりにする方法

2015/09/14 jQuery UI

jQuery UI の Datepicker は、カレンダーを表示するためのプラグインです。基本となる実装方法、ならびに日本語対応の手順については、次のページを参照ください。 ...

jQuery UI の Datepicker で土曜日/日曜日の背景色を変える方法【CSS対応】

jQuery UI の Datepicker で土曜日/日曜日の背景色を変える方法【CSS対応】

2015/09/12 jQuery UI

Datepicker で表示されるカレンダーは背景色が全て同じであるため、土曜や日曜が直感的に分からないデメリットがあります。設定によってはカレンダーを月曜始まりにすることもできる...

jQuery UI の Datepicker で複数の月のカレンダーを表示する方法

jQuery UI の Datepicker で複数の月のカレンダーを表示する方法

2015/09/11 jQuery UI

jQuery UI の Datepicker は、カレンダーを表示するためのプラグインです。ベースとなる実装方法、ならびに日本語対応の手順については、次のページを参照ください。 ...

jQuery UI でカレンダーを表示する Datepicker の使い方!テキストボックスの日付入力が簡単になる?!

jQuery UI でカレンダーを表示する Datepicker の使い方!テキストボックスの日付入力が簡単になる?!

2015/09/10 jQuery UI

テキストボックスの日付入力をカレンダーから選択できるようにしたい!そんな要望を叶えてくれるのが JavaScript の拡張ライブラリ jQuery UI の Datepicker...

WordPress の noindex nofollow の制御をページ単位にカスタムフィールドを利用して設定する方法

WordPress の noindex nofollow の制御をページ単位にカスタムフィールドを利用して設定する方法

2015/09/08 WordPress

WordPress の個別投稿ページや固定ページにおいて、SEO の面で状況により検索エンジンのロボットに対象のページをインデックスして欲しくない場合や、リンクを辿って欲しくない場...

jQuery でコナミコマンドを実装する方法

jQuery でコナミコマンドを実装する方法

2015/09/07 応用

コマンド「上上下下左右左右BA」を入力すると何かが起こる。 ファミコン世代にはお馴染みの「コナミコマンド」を、JavaScript で実装するのが今回の目的です。プラグインは...

Input タグ Text ボックスの size 属性はブラウザにより解釈が異なるので注意

Input タグ Text ボックスの size 属性はブラウザにより解釈が異なるので注意

2015/07/20 HTML・CSS

HTML の Input タグで利用できる size 属性は、Input のコントロールに表示する文字数を定義する属性として用意されています。しかし日本語の場合、半角文字と全角文字...

jQuery UI を利用したテーブル行のドラッグ&ドロップによる入れ替え方法

jQuery UI を利用したテーブル行のドラッグ&ドロップによる入れ替え方法

2015/04/07 jQuery UI

jQuery UI の Sortable を利用すれば、たった1行でテーブルの行をドラッグ&ドロップで入れ替えられるようになります。 なおここで紹介する方法は、前提として j...

jQuery でセレクトボックスのプルダウン項目(option 要素)を追加/削除する方法

jQuery でセレクトボックスのプルダウン項目(option 要素)を追加/削除する方法

2014/10/23 基本

フォームオブジェクトの中でも、セレクトボックスの操作は少し特殊です。記述方法を覚えてしまえば問題ないのですが、同じようなミスをして調べる機会が多いのもセレクトボックスの特徴ではない...

jQuery でセレクトボックスを操作!value 値の取得や選択項目の指定、プルダウンテキストの取得方法

jQuery でセレクトボックスを操作!value 値の取得や選択項目の指定、プルダウンテキストの取得方法

2014/10/23 基本

select ボックスに対する jQuery の操作をまとめてみました。 JavaScript では value 値が取得・設定に特化することが多いですが、jQuery を使...

jQuery UI の Tabs を使って簡単にタブ切り替えを実装する方法

jQuery UI の Tabs を使って簡単にタブ切り替えを実装する方法

2014/10/18 jQuery UI

HTML 上のタブ切り替え画面の実装は、JavaScript でもさほど難しいものではありません。それでも jQuery UI で提供されている Tabs を利用すれば、もっと簡単...

非同期処理中の Now Loading を jQuery で表示させる方法

非同期処理中の Now Loading を jQuery で表示させる方法

2014/10/17 応用

画面遷移することなく、同じ画面内でサーバーとやりとりする処理を「非同期処理」と言います。 通常の同期処理では、処理が終われば次の画面が表示されます。一方、非同期処理の場合、ど...

このブログの運営者

NJ

元システムエンジニアから、個人事業主として独立。Web サイト運営、動画制作など活動の場を広げています。このブログでは、困ってたどり着いた人に、分かりやすく答えを提供できるように心掛けています。

更新情報は、Twitter や Facebook ページを参照ください。フォローお待ちしています。