JavaScript

ajax（エイジャックス）とは、JavaScriptを使用して行われる非同期処理のことです。 通常Webページの内容を変更するためには画面遷移やリロードする必要がありますが、ajaxを使用すればリロードせずにページの内容…

wordpressなどのサイトに海外からのアクセスがあった際にブラウザのロケールを判別することにより、海外の人向けのurlをリダイレクトする方法です。 javaScriptや.htaccessなどを利用することでも、リダ…

自分で作成したプロジェクト内のsrc/index.htmlのheadタグ内に <script type=”text/javascript”> console.log(“Hello”); </script…

プラグインを使わないレンダリングブロック対策を紹介 WordPressサイト高速化のため「PageSpeed Insights」で診断して表示される、「レンダリングをブロックしている JavaScript/CSS」に困っ…

WordPressの「ContactForm7」プラグインは簡単にメール送信フォームが作れるスグレモノですが、プラグイン標準では送信完了ページの作成に対応していません。 ContactForm7で作られたフォームで送信後…

重いサイトはユーザーもGoogleも避ける WordPressはアクセスがあった際にシステムが動作しWebサイトを表示する動的サイトのため、システムが無くHTMLファイルを表示するだけの静的サイトに比べ、表示速度が遅くな…

ページの一番下に到達したことをJavaScriptで拾うには以下のようにする。 $(window).on(‘scroll’, function () { var doch = $(document).innerHeigh…

圧縮されたJSを読んでいたら気になる記述があったので調べたところ、一行に圧縮されたif文だった。 if (x == y) { console.log(“xはyと等しい”); } else { console.log(“x…

以下のようにすることで、HTMLの要素の高さを取得できます。 function getHogeHeight() { var hoge = document.getElementById(‘hoge’); var heig…

文字列をJSONとして認識するために、JSON.parse()が用いられる。 var json = ‘{“result”:true, “count”:42}’; obj = JSON.parse(json); conso…

ES2015以前 javascriptにはオーバーロード機能が本来ありませんが、argumentsで引数を呼び出すことができる場合には次のようにすることで擬似的なオーバーロードが実現できるとされていました。 functi…

redux上でいい感じに非同期処理を扱うredux-sagaですが、処理に時間制限を設けてそれを超えた場合はタイムアウトさせるなりなんなりしたい場合というのがありえます。 基本 ドキュメントによれば、以下のようにrace…

文字列を分割する方法として、String.split()は用いられる。これはJavascriptとJava両方のStringに存在する。 おそらくほとんどの言語のString型に存在するのだと思う。たぶん… 以下は例であ…

条件に応じてHTMLの要素を、出したり消したりしたいときはdisplayプロパティが使えます。 JavaScriptを用いてdisplayプロパティの値をのnoneにしてあげれば、その要素は表示されなくなります。 以下は…

プログラミング言語にはそれぞれ命名規約が存在します。 Javaの場合の命名規約はこちらのサイトに詳しく書いてありました。 クラスとインターフェースはPascalCase、定数と列挙定数についてはSnakeCase、それ以…