アフィリエイト広告を利用しています

JavaScriptの非同期実行を使ってみました

Webサイトの表示速度を改善しようと思ってJavaScriptの非同期実行を使ってみました。

<script>: The Script element - HTML: Hypertext Markup Language | MDN
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script

元々がdocument.writeを使ったスクリプトだったので、単純にasync/deferを追加するだけではうまくいかず、少し調べて

document.write(html);

の部分を

document.getElementById('id').innerHTML = html;

に書き換えて使うことにしてみました。

この方法だとスクリプトに加えてHTMLの変更が必要になるのが難点ですが、個人的には分かりやすい方法だったので悩んでいる人は試してみてください。ちなみに、asyncdeferで実行のタイミングが変ってくるみたいですが、今回はdeferの方を使ってみました。

htaccessでIPアドレスを指定してブロックしてみました

WordPressでSI Captcha Anti-Spamのプラグインを無効にして数ヶ月、スパムコメントの数もそれ程ではなく、安定運用できていたのですが、先日から大量のコメントスパムが投稿されるようになってしまいました。

ブログのコメント自体は承認後表示するようになっているので問題ないのですが、コメントが投稿されたというメールが大量に届き迷惑なので.htaccessでIPアドレスを指定してブロックすることにしてみました。

WordPressからのメール

投稿「・・・・・・」への新しいコメントが承認待ちです。

作者: ****** (IP アドレス: 123.456.789.012, 123.456.789.012)
メールアドレス: ******@example.com
URL: https://example.com/
コメント:

.htaccessに設定した内容

<RequireAll>
  Require all granted
  Require not ip 123.456.789
</RequireAll>

こんな感じで設定すると123.456.789.0から123.456.789.255の範囲にあるIPアドレスからのアクセスをブロックできるようです。

ちゃんと確認していないので、この投稿者の使うIPアドレスに漏れがあると思いますし、他の閲覧者を巻き込んでしまっているとも思いますが個人ブログなのでとりあえずこれで良いかなと思います。近い内にCaptchaを導入して対策しておきたいところです。

ネコのアイコンジェネレーター

nekodot.png

特に理由はありませんが、プロフィールのアイコンを変更してみました。

今回利用させていただいたのは「猫ドットジェネレータ」というアイコンジェネレーターです。

猫ドットジェネレータ -Icon Generators-
http://www.icongenerators.net/nekodot.html

四角い顔アイコンジェネレータと同じようにFlashPlayerで作られています。パーツや色を選ぶだけで簡単にアイコンが作成できますので、気になる方はチャレンジしてみてください。

openCanvasの無料で使えるブラシセット

XP-PenのキャンペーンでもらったopenCanvasのことを調べていたら「openCanvas6 Resource Pack」という無料で使えるブラシセットを見つけました。

FREE - openCanvas6 Resource Pack by FontesMakua on DeviantArt
https://www.deviantart.com/fontesmakua/art/FREE-openCanvas6-Resource-Pack-494380562

openCanvas 6用となっていますが、試してみたところopenCanvas 7でも使えるみたいです。

opencanvas6-resource-pack.jpg

エフェクトやデコレーションというよりも普通に描く用のブラシがメインのセットになっています。

openCanvasのブラシは細かくカスタマイズできるようになっていますが、逆にどう設定したら良いのか戸惑ってしまうところもあります。最初の内はこうしたブラシセットを活用しながら自分の使い方に合わせたブラシを探していくのも良いかなと思います。

jQueryでポップアップを実現するプラグイン

リンクのクリックで画像をポップアップさせようと思って探してみたところ、「Magnific Popup」というjQueryのプラグインが良さそうさ感じでした。

Magnific Popup Documentation
https://dimsemenov.com/plugins/magnific-popup/documentation.html
<< 前へ     >>次へ
プロフィール

PC好きのアフィリエイターですが、最近はアフィリエイトへの興味がやや減少傾向

このブログもほとんど更新できていませんでしたが、今後は気が向いたときにつぶやきを投稿する形で運用していこうかなと思っています

にほんブログ村
にほんブログ村 IT技術ブログへ
にほんブログ村

にほんブログ村 IT技術ブログ IT技術メモへ
にほんブログ村

にほんブログ村 IT技術ブログ プログラム・プログラマーへ
にほんブログ村

PVアクセスランキング にほんブログ村

カテゴリアーカイブ
当サイトについて
当サイトはA8.netが運営する会員向けブログサービス「ファンブログ」を利用しています。

当サイトに関してご意見等がありましたら、下記メールフォームより送信してください。今後の運営の参考とさせていただきます。
メールフォーム

Amazonのアソシエイトとして、当サイトは適格販売により収入を得ています。