jQuery 要素を追加するいろんな方法 ページを表示したり、ボタンを押したりしたとき、画像やテキストなど要素を追加するサンプルです。 jQueryで要素を追加するメソッドは複数あります。 知っておくといろんなUIを作るときに便利です。 どんな違いがあるかというと以下のように、追加する場所... 2019-08-07 23:24:08
jQuery 同じ処理の部分だけまとめる 多数の要素に同じ処理を書くとソースが増えて、ちょっとした修正もコピペ祭りになってしまいます。そんなときはaddメソッドが便利。 まずこのようなサンプルを用意しました。 3つの要素にアニメーションをjQueryでつけています。 demo1 demo2 demo3 動きが終わっ... 2019-07-30 22:17:10
jQuery 使ってしまいそうな非推奨のメソッド 廃止予定、または廃止となったjQueryのメソッドの中で気をつけておいた方がものだけピックアップしました。 現役のページで使っていたら、別のコードに差し替えた方がよさそうです。 .live() jQuery 1.7以降.on()を使えとのこと。 .die() jQuery 1.7以降.o... 2019-07-28 16:04:50
jQuery マウスオーバーで画像入れ替え マウスのカーソルを合わせると画像が入れ替わるサンプルです。 jQueryで画像の読み込みが完了した後に、オンマウスすると別の画像を表示します。 画像の入れ替えは、imgタグのsrc属性の値の文字列を置換するシンプルな記述... 2019-07-30 21:58:07
CSS 湯気の表現 温かいものの演出に使える湯気の表現です。 SVGの画像をCSSでアニメーションして、2枚の画像を使って湯気の表現を実装します。 この画像は3層になっています。 一番上に湯気の通り道だけ透明の肉ま... 2019-07-28 05:23:44
jQuery Googleカレンダー予定追加 イベントを開催するページなどでGoogleのカレンダーに予定追加させるリンクの作成ツールです。 スケジュール情報をパラメータで渡すと、Googleカレンダーの予定登録ページのデフォルト値として登録画面へ遷移できます。 開催者としては予定の登録を補助と... 2019-07-29 21:59:05
jQuery 長押しで発動 マウスやスマホ用の長押しボタンのサンプルです。 クリックやタップの他に、長く押された時にイベントを発生したときは以下のように作ります。 このサンプルではボタンに触れて2秒後に設定しています。... 2019-07-28 04:12:53
広告費の指標「ROI」 ROIとは 広告で使った費用が利益に対して何%になったか割合を表します。 Return on Investmentの略です。 計算式「ROI = 広告由来の利益 ÷ 広告費 × 1... 2019-08-07 23:19:13
広告費の指標「ROAS」 ROASとは 広告で使った費用が売り上げとして何倍になったか割合を表します。 Return On Advertising Spendの略です。 計算式「ROAS = 広告由来の売上 ÷... 2019-08-07 23:16:01
広告費の指標「CPA」 CPAの計算の算出ツールです。 CPAとは 1件の成果に対しての広告費を表します。 Cost Per Acquisitionまたは、Cost Per Actionの略です。 計算式「CPA = 広告費 ÷ 成果件数」... 2019-08-07 23:12:18