Javascriptの記事一覧

レイアウト・シフトをデバッグする方法

レイアウト・シフトをデバッグする方法です。事の発端は「PageSpeed Insights」で、「Cumulative Layout Shift (CLS)」に不良が確認されたから。「Google Search Con...

highlight.jsを使ってソースコードをきれいに表示させる方法です。「highlight.js」を採用しようと思った理由は、シンタックスハイライト機能として定評があり、継続的に新バージョンが提供されていることがあ...

jQueryで「placeholder」に値を設定・書き換え・削除する方法です。「placeholder」とは、フォームなどの入力欄にあらかじめ記入されている薄い灰色のテキストのこと。主に記入例としてのテキストが記載さ...

Swiper.jsでテキストをスライドする方法です。 Swiper（Swiper.js）は、簡単にスライダーが作れるJavaScriptのプラグインです。トップページにスライドショーを実装しているサイトはたくさんあります...

JavascriptでGETパラメータを取得する方法です。 JavascriptでURLからGETパラメータを取得するには「URL.searchParams」を利用します。文字通り、検索クエリを保持するプロパティです。 ...

window.showModalDialogをwindow.openへ移行したときにやったことです。いずれも新しいウィンドウを開くという仕組みは同じですが、Google ChromeではshowModalDialogが...

jQueryでselectタグにて選択された値とテキストの取得方法です。 jQueryでセレクトボックスで選択した値は .val() テキストは .text() で取得できますが、ちょっとだけ注意が必要です。テキストは...

WordPressでCSSやJSのキャッシュを強制的に更新する方法です。 CSSやJSファイルを更新した後にお客様へ確認を依頼すると「変更されてないけど？」みたいな回答が来ることがあります。これは使っているブラウザにキャ...

WordPressのビジュアルエディターでJavaScriptを使う方法です。ホームページの運用でビジュアルエディターを使ってニュース記事を書いているお客様があります。トップページにニュースの一覧が出て、タイトルをクリ...

Bootstrap4でDate/Time Pickerでカレンダー入力する方法です。昨今の画面仕様における日付や時間の入力には、必ずといってもいいほど「Date/Time Picker」が配置されていますね。それはもち...