WordPress : レンダリングをブロックしている JavaScript/CSSへの対策

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

Read more

WordPress : ContactForm7に送信完了ページを作る

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

Read more

JavaScript : ページの最下部に来た時にイベントを起こす

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

Read more

JavaScript : if文を一行で書く

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

Read more

HTML要素の高さを取得する

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

Read more

JSON.parse()

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

Read more

Javascriptでオーバーロード

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

Read more

redux-sagaで処理をタイムアウトする

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

Read more

String.split

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

Read more

displayプロパティ

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

Read more

変数の命名規約

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

Read more

ES2015で可変長引数を取り扱う

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

Read more

スマホでscrollTo()が効かない

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

Read more

Javascriptで要素を複製する

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

Read more

redux-sagaで生成されたIteratorを見分ける

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

Read more