オプショナルチェーン演算子( ?. )で条件分岐をすっきりさせる
typeof を連続で書かずにオプショナルチェーン演算子( ?. )で条件分岐をすっきりさせましょうというお話です。
JavaScript などに関すること
typeof を連続で書かずにオプショナルチェーン演算子( ?. )で条件分岐をすっきりさせましょうというお話です。
JavaScript で指定された日付が現在から指定された月数以内の未来または過去の日付かどうかを判断する関数です。
ESLint で「Do not access Object.prototype method 'hasOwnProperty' from target object」というエラーが出る場合の対処法です。
JavaScript の正規表現で全角スペースを扱う時は ESLint のエラーを回避するために Unicode にするといいというお話です。
JavaScript でするするスクロール(スムーススクロール)を実装したのでご紹介します。
ウェブページのリロードや戻る・進むでJavaScriptが動作しない現象に対する効果的な対処法を紹介します。提供されるコードスニペットを利用して、ブラウザの動作停止の闇から抜け出しましょう。
JavaScript の Fetch API でクロスドメインのリクエストに Cookie の情報を含めることで、Craft CMS の CSRF Protection を有効にしたまま安全にクロスサイトリクエストを送る方法についてご紹介します。
JavaScript でチェックボックスを読み取り専用にする方法です。
React プロジェクトを作るコマンドでエラーが出たので yarn 自体のアップデートで対処しました。
flexibleSearch.js v2.2.3 をリリースしました。
ドロップダウンリストの中の特定の option 要素を非表示にする場合には注意が必要です。
flexibleSearch.js v2.2.1 をリリースしました。
本日、高速なJavaScript検索を実現する jQuery プラグイン「[flexibleSearch.js](https://github.com/tinybeans/jq-plugin-flexibleSearch)」の v2.2.0 をリリースしました。 今回のリリースでは、検索結果をソートできるようになったり、独自の検索ロジックで通常検索結果をさらにフィルターしたりと、一段と使いやすくな...
JavaScript の正規表現で、「否定的先読み」というパターンを使って img タグ以外のタグを全て削除する方法です。
jQueryAutoHeight.js をレスポンシブデザインで利用するときのTipsを紹介します。
JavaScript で値が空文字のcookieを取得したとき、Chrome や Safari、Firefox では空文字("")が返ってきますが、Internet Explorer (テストしたのは IE8)では undefined が返ってきます。 例えば、次のような setCookie 関数で "testcookie" という名前で空文字をセットします。 setCookie("testcoo...
HTML の <head> 内の <title> の中身を jQuery で以下のように変更しようとすると、IE8 でエラーになります(IE9, IE10 は大丈夫)。 jQuery("title").text("タイトルを変更"); このようなときは、jQuery を使わずに、 document.title = "タイトルを変更"; とすれば大丈夫です。...
当ブログで3年くらい前から公開している「jQueryAutoHeight.js - 複数のカラムの高さを最大値にそろえるjQueryプラグイン」を、jQuery 1.9 以降(1.x系)に対応させました。 動作や機能に変更はありません。 jQuery では、だいぶ前から非推奨だった「jQuery.browser」が、1.9 からとうとう使えなくなりました。 jQueryAutoHeight.js ...
すごく基本的な内容ですが、たった今自分が必要だったので。 例えば、次のような5つの項目があったとします。 expensedtlname_1,expensedtlcount_1,expensedtlunitmoney_1,expensedtlmoney_1,expensedtlremarks_1 これらは枝番が _1 となっていますが、これを 1 〜 10 まで一気に作りたいという場面に出くわしまし...
すごい久しぶりの更新になってしまいました。 さて、jQueryには画像をスタイリッシュに表示するLightbox系のプラグインがたくさんありますね。そのプラグインを、画像へリンクしているa要素に適用させたいとします。いちいちclassやrelを振るのは面倒ですものね。 そんなとき、セレクタで指定するのと、filterで指定するの、パフォーマンス的にどっちがいいのかな、と思って試してみました、という...