サラリーマンIT技術者の調査レポート

日々の業務で気付いた当たり障りのない技術的なあれこれを綴ります。

JavaScript

JavaScriptのthisで勘違いしていたパターン

JavaScriptのthisで勘違いしていたパターンの備忘録

jsFiddleのTidyUpでインデントが崩れる問題と対応方法

jsFiddleのTidyUpでインデントが崩れることがあります。インデントが崩れる条件と、その対応方法を調査しました。

jQuery Validation PluginとBootstrap3.1のform-control-feedbackを使ったサンプル

jQuery Validation Pluginの入力チェック結果を、Bootstrap3.1で追加されたform-control-feedbackで表示するサンプルを作成してみました。 実行結果とサンプル jsFiddleでサンプルコードを公開しています。 こちらでどうぞ。 jQuery-Validation-Plugin Boots…

constructorとprototype

JavaScriptのconstructorとprototypeについての備忘録です。 サンプルコードはChrome(Chromium)のJavaScriptコンソールで実行したものです。 コンストラクタ JavaScriptのコンストラクタは単なる関数です。 ただ、new演算子を付けて呼び出されることを想定し…

jQuery Validation Pluginのメッセージを日本語化する

jQuery Validation Pluginが出力する標準のエラーメッセージが This field is required. のように英語なので、日本語化してみます。 対応方法 と思ったら、HTMLファイルに <script src="localization/messages_ja.js"></script> と書くだけでした。 これだけで このフィールドは必須です。 のようになります。 以…

Bootstrapの入力フォームでjQuery Validation Pluginを連携させるサンプル

Twitter Bootstrap の入力フォームで jQuery Validation Plugin を簡単に使う方法がわかったので、サンプルコードを載せておきます。 実行結果 実行イメージはこちらで確認できます。 jQuery-Validation-Plugin Bootstrap 連携サンプル 実行結果 サンプルコ…

まっさらな状態からWindowsでYeomanを動かすまでの手順

Yeoman初心者がWindows7(64bit)でYeoman - Modern workflows for modern webappsを動かすまでの手順を記録しておきます(2013/12/11時点)。 Yeomanについてほぼ何もわかってない状態で書いてますので、間違いなどありましたらお知らせください。 事前にインス…

node.jsをWindowsにインストールする手順

JavaScript開発でGrunt(Grunt: The JavaScript Task Runner)を使用するかどうかを検証するために、まずは環境を準備しようと思ったのですが Gruntを使うためにはnpmが必要 npmを使うためにはnode.jsが必要 ということで、期せずしてnode.js(node.js)をWindow…