いわ

Vue.js

Vue.js v-onceディレクティブ

Vue.jsのお勉強。 Vueによるレンダリングを「1度だけ」に限定するためには v−once ディレクティブを指定します。これによって、初回表示以降、JavaScript側で変数の値を変更しても初回表示の内容を維持し続けることが可能です。...
Vue.js

Vue.jsでマスタッシュ{{・・・}}を表示させない

Vue.jsのお勉強。 通常、何も指定しないでマスタッシュタグを表示すると、「{{・・・}}」が一瞬(Vueのインスタンスがコンパイルされるまで)表示されます。 これを回避するため、タグに「v-cloak」ディレクティブを指定し、CSSで ...
Wordpress

【解決】W3 Total Cache導入後の画面真っ白現象

W3 Total Cacheを導入して速くなったー、のは良いものの、時々真っ白画面になってしまう症状が出てしまいました。必ずじゃなく、時々というのが厄介なところ。。。 原因はW3 Total Cacheだろうな、ということで調査。 とりあえ...
Vue.js

Vue.jsでToDoList

Vue.jsのお勉強。 とりあえずデータの保存は置いておいて、 ・TODOリストの追加、削除 ・チェックボックスにチェックで取り消し線表示 を実装するまで。 操作イメージは以下のような感じで。 HTML <html lang="jp"> <...
WEB

PageSpeed Insightsのスコアを30点台から80点台へ上げるためにやったこと

どうもサイトの表示が遅いなぁ、、、と思い調べてみたところ、Googleのパフォーマンス測定ツールがあるらしく測定してみました。 PageSpeed Insights 結果、34点・・・・。 なんでも80点が合格ラインということみたいで、対処...
スポンサーリンク