2020年4月25日
VIDEOタグのに対するHTML、javascriptでのいろんな指定について
インターネット環境が安定するにつれてサイトの演出もリッチなものになってきました。2017年頃からでしょうか、トップページに背景いっぱいに動画を流すようなサイトが流行り始めた気がします。 そんな動...
2020年4月2日
小数点以下を残しながら切り捨てたり切り上げたりするjavascript
不思議と他の言語と並行して需要が高まりつつあるjavascriptですが、基本的な処理である四捨五入、切り捨て、切り上げについて、ちょいちょい使うので覚書として。 計算系の処理はMathオブジェ...
2019年7月24日
IEだけ「’)’ がありません。」と出てしまう時の対処法
またまた出くわしました、IEだけ発生する問題。今回はjavascript編です。きっかけはjQueryのプラグイン導入時。とりあえず動作確認のためにDEMOとして提供されていた記述をそのまま転記してみ...
2019年3月30日
PC版Chromeでスライダーに設定したリンクをクリックしても遷移しない時の対処法
サイトのメイン画像などで画像が横にスライドする機能。SlickやSlider-Proなどいろんな種類のスライダープラグインも揃っており、jQueryでよく実装する定番機能であるスライダーですが、このス...
2019年1月28日
動的に追加した要素のクリックイベントが発火しない時の書き方
クリックしたら要素が増える。jQueryの使い方としてはとてもポピュラーな手法ですが、たまーにハマると抜け出せなくなるのもjQueryでよく陥る状況。今回は動的に増やした要素に対するクリックイベントが...
jQueryでスライダーを実装するためのプラグインといえば、「slick」をはじめ多くのプラグインがありますが、ひと昔前はスライダーといえば「bx-slider」だったと言っても過言ではないと思います...
2018年10月6日
jQueryで特定の要素の有無を確認する「length」と「size」の書き方
要素があるかどうかを判別して分岐処理、動的なコンテンツでよく使う処理なのでコピペ用として。要素の数を取得して、0か1以上かを判別するわけですが、jQueryでは主に「length」を使用します。 ...
2018年8月6日
最初の非同期処理を完了後に次の処理を実行させる「jQuery.when()」
AjaxでAPI用のアクセストークン等のデータをJSONを取得して処理、受け取ったアクセストークンをもってまたAjaxで通信、といった場合、「最初の非同期処理が正常に完了したら次の処理を実行」という順...
2018年5月26日
タブメニューをクリックしてコンテンツを切り替えるjQuery
タブメニューをクリックしてコンテンツを切り替える、よく使う動作のjQueryです。シンプル且つ汎用的に、タブメニューが増減しても簡単に対応しやすい書き方を意識し、コンテンツを表示させる時にふわっと表示...
2018年1月12日
年月日や曜日を取得して処理するjavascript
プログラムに触れれば必ず通る「年月日の取得」。コピーライトに表示させる年数を自動表示させるといった時に活躍するこのスクリプト、コピペ用としてお使い下さい。 javascriptvar date ...
