JavaScript | クラウドアドバイザー

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

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

ページの一番下に到達したことを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、それ以…

ES2015では関数に可変長引数が指定できるようになっています。可変長な引数をとる関数の定義可変長な引数については…を用いて以下のように指定することができます。 function hoge(foo, …bar…

スクロールを制御するscrollTo()がPCの表示ではきちんと動くのに、スマホだと動かないことがあった。原因はスマホとPCでスクロールさせているオブジェクトが違うこと。ある程度スクロールした状態でobj.scrol…

Javascriptで作成した要素や、既に存在している要素を複製したい場合には、cloneNode（）メソッドを使用します。 function cloneElement(){ var create_element = d…

redux-sagaはReact-Native上で非同期処理を取り扱うためのライブラリです。非同期処理どうしの同期のため、redux-saga内ではcall等のジェネレーターを用いて処理が取り扱われることが多いわけです…