同じ外部jsファイルを複数ページで使用する
サイトの仕様上、同じjsファイル内に複数ページ分の処理を記述しないといけない場合があります。 そういった場合に、ページ毎...
YouTubeプレーヤーAPIでYouTubeを複数設置する
YouTubeプレーヤーAPIを使ってYouTubeを複数設置してみます。 埋め込みはすぐできたのですが、onPlaye...
gulp.watchでタスクを実行してみる
Gulp.jsのwatchを使ってファイルを監視して、変更があった場合にタスクを実行してみます。...
EJSとGulp.jsを使ってみる
テンプレートエンジンを使ったコーディングを試してみたかったので、今回はEJSを使ってみます。...
pjaxを使ってみる
ページ遷移時にコンテンツを動的に書き換えることのできる「pjax」というプラグインを試してみたいと思います。...
数値の小数点の処理
小数点の付いた数値を整数にする方法をいくつか試してみます。 2024/4/27追記 Math.trunc()の追加と、合...
jQueryで要素を動的に追加する
jQueryで要素を動的に追加する方法で、やったことのないやり方を見かけたので試してみました。...
画面いっぱいに画像を表示する
画像比率を保持+上下左右中央になるようにして、画面いっぱいに画像を表示するサンプルです。...
HTMLメルマガ作成時に注意すること
HTMLメルマガを作成することがちょくちょくあるので、作成するときの個人的な注意点をいくつかまとめてみます。...
無名関数と即時関数について
無名関数や即時関数は何となく知っていたのですが、使う意味や具体的な使い方があまりよく分かっていなかったので調べてみました...
jQueryのwhen() を使う
複数のjsonファイルを取得して色々処理する方法を調べる機会があったのですが、jQueryのwhen()がとても便利そう...
jQueryで画像をプリロードする
jQueryで画像をプリロードする方法を試してみます。...
モバイル対応検証ツールを使ってみた
少しタイミングが遅いですが、ブログのスマホ対応を行いました。 といっても数時間程度で試しにざっとやってみただけなので、個...
jquery.bxslider.jsの使い方やオプションなどのまとめ
スライダーを簡単に実装できるjQueryのプラグイン「jquery.bxslider.js」の使い方をメモ。...
アニメーションの繰り返し処理を実装する
繰り返しアニメーションし続ける処理を実装してみます。...
1回目のアクセス時のみ表示する
注意喚起やローディング、アピールしたいことなど、1回目のアクセス時のみ何かを表示したいときのサンプルです。...
SCSSでのコメントの書き方
初歩的なことですが、SCSSのコメントの書き方の違いです。...
指定した範囲内でランダムに数値を取得する
指定した範囲内でランダムに数値を取得するサンプルです。...
audioを使ってみる
audioタグの使い方と使うときの注意点をメモ。...
Gulp.jsの設定を共有する
何人かでコーディングの作業をする際にGulp.jsを使用したのですが、他の人の設定したpackage.jsonを使う方法...