Cleave.jsは、inputタグにクレジットカードや電話番号、日付などのフォーマットを適用できるJavaScriptライブラリです。 例えば、クレジットカード番号の入力欄として指定すると4桁区切りでスペースが入るよう…
inputタグにクレジットカード番号や電話番号などのフォーマットを適用できるJavaScriptライブラリ「Cleave.js」

Cleave.jsは、inputタグにクレジットカードや電話番号、日付などのフォーマットを適用できるJavaScriptライブラリです。 例えば、クレジットカード番号の入力欄として指定すると4桁区切りでスペースが入るよう…
JavaScriptでURLの情報を取得する方法をご紹介いたします。 URLの情報を取得するにはlocationを使いますが、locationで情報を取得することで、URL内のクエリやハッシュなどを使って条件分岐すること…
ScrollyVideo.jsは、スクロールと動画を連動させられるJavaScriptライブラリです。スクロール量に応じて動画が進んだり戻ったりします。 挙動については、ScrollyVideo.jsのサイトでご確認いた…
サイトへのアクセスが初回の時だけ何らかの処理を行う方法をご紹介いたします。 例えば、ローディング画面を初回アクセス時のみ表示させたいとか、初回訪問者への注意文を表示させたいなど、様々な活用方法があると思います。 初回アク…
slickで実装されたスライダーで、ボタンをクリックしたらスライダーを一時停止できるようにする方法をご紹介いたします。一時停止処理はかなり簡単に実装できちゃいます。 slickでスライダーの一時停止処理を実装する方法 ま…
maxlength pluginは、フォームのinputやtextareaのmaxlengthを読み取って、残りの入力可能な文字数を表示できるjQueryのプラグインです。 文字数のカウントはリアルタイムで更新されていき…
jQuery Cookie Consent Pluginは、Cookie使用への同意ボタンをポップアップ表示できるjQueryプラグインです。 jQueryに依存しますが、簡単にポップアップを表示することが可能です。 j…
Infinite Scrollは次のページのコンテンツを読み込んで、無限スクロールを実現するJavaScriptプラグインです。デモページも用意されています。 Infinite Scrollを使って、WordPressの…
PCだと右クリックやドラッグ&ドロップ、スマホでは長押しによる画像の保存を禁止する方法をご紹介いたします。 稀に、対策として実装してほしいと頼まれることがあるので備忘録として残しておきます。 CSSによる画像保存…
Flying Scriptsは、JavaScriptの実行タイミングを遅らせることでページの表示速度を向上させるWordPressプラグインです。 JavaScriptの実行タイミングに関する属性ではasyncとdefe…