JavaScript

NO IMAGE JavaScript

[jQuery] ajaxの非同期処理と同期処理

ajaxでjavascript関数から引数の戻り値を取得する方法の備忘録です。 ajaxのデフォルト設定は非同期となっており、引数の戻り値を受け取る前に処理がすすんでしまうため、処理された結果を関数より取得することができませんでした。...
NO IMAGE JavaScript

javascript関数におけるアドレス渡し

グーグルで検索するとアドレス渡しとは明示されず、参照渡しと表示される。昔と言い方が変わった!?いずれにしても関数内で編集した結果を引数で受け取る方法です。 phpの場合と比較して紹介します。 参照渡し(アドレス渡し) PHPの...
JavaScript

getElemenとgetElementsの違い

javascriptでhtmlタグのドキュメント要素の値を取得するとき、はまってしまうことがあるので使い方を備忘録として残します。 getElemenとgetElementsの違い getElemenとgetElementsの違いは...
JavaScript

グーグルマップの表示をカスタマイズする方法

BootStrapのテンプレートに実装されているグーグルマップをカスタマイズする方法の備忘録。 必要なもの Start BootStrap BootStrapのフリーテーマに実装されているグーグルマップ表示用のjavascript...
JavaScript

googleアナリティクスでページとイベントをトラッキングする方法

googleアナリティクスで最初に与えられるトラッキングコードは以下の形式です。ここではライブラリ(analytics.js)を読み込んでから、インスタンス(実体)を生成してページビューを送信しています。 この記事ではトラ...
JavaScript

jQueryでフォームをアコーディオンパネルにしてみた。

コメントの書かれないコメントフォームを省略して表示したい場合にアコーディオンパネルが重宝します。実際に本ブログのコメントフォームに実装したので試してみてください。 実装方法 jQueryライブラリを読み込み、アコーディオン処理を記述...
JavaScript

WordPressのプラグイン、Lazy Loadで簡単画像遅延読み込み

前にjQueryのLazy Loadについて紹介させて頂きました。 参考:lazyloadの使い方をDemoを見て納得!!画像遅延読み込みでサイトの最適化。 WordPressのプラグイン、Lazy Loadはアニメーションをカ...
JavaScript

lazyloadの使い方をDemoを見て納得!!画像遅延読み込みでサイトの最適化。

サイズの大きな画像や多くの画像を掲載してるとサイトが表示されるまでに時間がかかり、ユーザーの離脱やSEOの評価が下がってしまいます。 この問題を解決してくれるのがjQueryのLazyloadです。 Lazy loadはサイトス...