茶トラ猫エンジニア

フリーランスとして働く、先が見えないエンジニアのメモ帳

JavaScript

JavaScriptで特定の範囲の整数の乱数を取得する

前回、Python で乱数を取得して前ゼロ(ゼロパディング)する方法を紹介しました。 www.saratoga.jp 今回は、Chrome 拡張の Postman の「Pre-request Script」で同じくランダムな値を生成したかったのでやり方を紹介します。 Postman と Newman を利用した自動…

jQueryValidationEngineで項目に表示するエラーを1つに限定する

フロントエンドの技術の発展はめまぐるしいですが、何だかんだで JQuery を使う機会はまだまだ多いです。 今回は、jQueryValidationEngine というバリデーション用のプラグインを初めて使いました。 jQuery-Validation-Engine このプラグイン、入力項目の cl…

iOS11.3でAjax通信ができなくなった時の対処法

iPhone(iOS11.3)から、画像とテキストエリアが 1 つずつある画面で投稿をしたら、jQuery の $.ajax() でいうところの error にハンドリングされるようになりました。 表示しているアラートメッセージを「通信エラーが発生しました」にしていたので、タイムア…

JavaScriptでiPhoneの機種別の判定方法

iPhone の機種判定を実装しようと思って UserAgent(UA)で判別しようと思ったのですが、Android と違って iPhone は iOS のバージョンまでは UA に含まれますが機種名は含まれないことに気付きました。 一般的には、JavaScript(JS)側で画面サイズを使って判定…

画像ファイル選択時にAjaxで複数画像をアップロードする

form 内でテキストボックスやセレクトボックスなどの項目と一緒に、画像ファイルをアップロードするケースは少なくないと思います。 ただ、テキストデータに画像の情報を反映させた状態で、サーバへデータを送りたい場合もあります。 例えば、ブログ記事など…

Backbone.jsの動作環境をセットアップする

サーバサイドのプログラムやサーバインフラをメインに担当していた私としては、JavaScript はちょっとしたエレメントの操作や、Ajax を使った非同期プログラムでしか活用する場はありませんでした。 Backbone.js や AngularJS、Knockout.js などの、JS フレ…

ExtJSで日付カレンダー機能を使う

お問い合わせフォームなどで、商品の発送日やサービス開始日など日付を入力する機会は多いです。 その際、20110501 のように数字の 8 桁や 2011-05-01 のようにハイフン区切りで日付を入力する場面があります。 しかし、これでは一般ユーザーにはわかりにく…

C#のRegisterStartupScriptでJavaScript出力

ASP.NET における JavaScript は、aspx ファイル内に埋め込むよりも C# や VB.NET のコードから出力する方が好ましいという記述を見つけた。 JavaScript も外部ファイル化してしまえば気にすることもないのだろうけど、動的に C# などのコードから値を埋め込…

jQueryのValidationプラグインでエラーチェック

趣味で作っているサイトにも管理画面は用意しているのですが、自分用なので入力フォームにエラーチェックは入れていませんでした。 今回、クライアント側で簡単にできるならということで、jQuery の Validation プラグインを使ってみました。 jQuery のバリ…