js[HTML+js]プルダウン・ドロップダウンメニュー(リスト)に判定機能を付け加える
前回、シンプルなパターンのセレクトボックス機能を紹介しました。 今回、これに「選択肢のチェックを行い、場合によっては元に戻す」という機能を追加したいと思います。意外とネットで調べると周りくどい処理が多かったので、極力シン...
js
jsjs[HTML]プルダウン(ドロップダウン)リストを作成してjsで変更後の値を取得するまで
人によって呼び方が違うコントロールの代表格、「選択肢が下ににゅっと出て選べるやつ」を実装します。プルダウンメニュー(リスト)、ドロップダウンメニュー(リスト)、もしくはセレクトボックス…どれが正解なんでしょうね！ 今回はシンプルなも...
jsTypeScriptを最小構成で実行する
TypeScriptを導入してみたいものの、小規模案件だから面倒なのは嫌だ！という開発は結構あるんじゃないかなと思います。そこで最小構成でTypeScriptを開発・コンパイルする環境を作って見ました。npm環境は構築済み、エディタはvs...
js[java script] class構文でのthisの取り扱いについて。thisが変わってしまう原因は？
jsでクラスを使っているときに出会った現象。他の言語のクラスとは考え方が違ってだいぶ遠回りしましたが、なんとか理解。メモとして残しておきます。 uncaught referenceerrorが出ていて、調べてみるとクラス内変数が思っ...
js[JavaScript]ライブラリを自作する際のコツ
随時更新予定です。 別ライブラリと変数・関数名が重複しても問題ない様にする まず大前提ですが、以下を土台にします。 (function(){ //処理を記述。 }).call(this); 上記function...
js[JavaScript]Swiper.jsを使って画像のカルーセルを実装する
トップや実績紹介、会社案内等で使われている事が多い、画像のカルーセル。ドラッグやスワイプ、もしくは自動で切り替わる画像の集合体。今回実装する機会があったのでメモとして残しておきます。ちなみにJqueryでの実装です。 読み込み ...
js[JavaScript]JSで文字列に日本語が含まれているかチェックする
お問い合わせフォーム等を作成する時、日本語(ひらがな・カタカナ・漢字)のどれかが含まれているかどうかをチェックすることで、スパムであったりbotであったり不正な攻撃であったりをある程度防ぐことができます。そしてPHP側での実装ももちろん必...
express[node + express]Firebase Authenticationを導入してBearerトークン認証を実装するまで
Firebase Authenticationとは、「Googleに認証」などの外部サイトのログイン情報で良い感じに認証できる機能を、簡単に実装できるサービスです。 今回はこれのサーバ側、つまり「クライアント側から渡されたトークンを...
expressnode.js + express リロード時に304を返さない様にする方法。
APIのデバッグ中、同じページをリロードしてみると正常終了した際の結果が200ではなく304で帰ってくる様になりました。これだとクライアント側がステータスで処理分岐している時に不具合があるので、200で統一する様にしましょう。 設定...
express[node.js]requireに絶対パスを設定したいマン
デフォルトだと相対パスしか指定できないんですね。実装ルールでなんとかなる気もしますが、いずれ破錠しそうなので素直に最初から絶対パスで設定できる様にしたいと思います。 モジュールのインストール 以下のモジュールを導入します。 ...