今回のリリースは4件のセキュリティ修正を含む『Security and Maintenance』リリースです。

皆さん、こんにちは。

業務改善を行うIT・業務コンサルタント、高橋です。

日本時間の今日、『WordPress』の更新版『WordPress 5.3.1』が公開されました。

今日はそのニュースをお伝えします。

WordPress 5.3.1セキュリティ&メンテ

さて、今回のリリースは『WordPress 5.3以前のバージョン』で影響を受けるとされるセキュリティ修正、バグ修正、機能強化となります。

『更新を強く推奨する』といったコメントではなく、『アップグレードする必要がある』というコメントが掲載されているため、アップデートすべきでしょう。

以下、アップデートの内容です。

＜セキュリティアップデート＞

・非特権ユーザーがREST APIを介して投稿をスティッキーにする可能性のある問題を修正

・クロスサイトスクリプティング（XSS）が巧妙に作成されたリンクに保存される可能性のある問題を修正

・wp_kses_bad_protocol（）を強化して、名前付きコロン属性を認識できるようにするための修正

・ブロックエディターのコンテンツを使用して、保存されたクロスサイトスクリプティング（XSS）の脆弱性を修正

＜メンテナンスアップデート＞

・管理：管理フォームコントロールの高さおよびアライメントの標準化の改善、ダッシュボードウィジェットリンクのアクセシビリティ、および代替カラースキームの読みやすさの問題を改善

・ブロックエディター：Edgeのスクロールの問題と断続的なJavaScriptの問題を修正

・バンドルテーマ：作成者の略歴を表示/非表示にするカスタマイザーオプションを追加し、JSベースのスムーズスクロールをCSSに置き換え、Instagram埋め込みCSSを修正

・日付/時刻：非GMT日付の計算を改善し、特定の言語での日付形式の出力を修正し、get_permalink（）をPHPタイムゾーンの変更に対してより回復力のあるものにする

・埋め込み：サービスが存在しないため、CollegeHumor oEmbedプロバイダーを削除する

・外部ライブラリ：sodium_compatを更新する

・サイトの正常性：管理者の電子メール検証のリマインド間隔をフィルタリングできる

・アップロード：ファイル名が一致する場合、サムネイルが他のアップロードを上書きしないようにし、アップロード後にPNG画像をスケーリングから除外する

・ユーザー：管理メールの確認で、サイトロケールではなくユーザーのロケールが使用されていることを確認する

・その他

以上のようになっています。

例によって早めの段階で『WordPress 5.3.1』へアップデートされることがお勧めです。

さて、何故このようなことが起こるのでしょうか？

皆さん、こんにちは。

業務改善を行うIT・業務コンサルタント、高橋です。

冒頭に書いた『Web画像』が抜けてしまう現象、これは単に画像が置かれている先のパスを間違えたからではありません。

Web画像が抜け落ちてしまった理由

Web画像は訪問者であるユーザーにイメージを伝える重要なファクターです。

それが抜け落ちてしまうと非常に困ります。

指定している画像のパスを確認しても問題なく、ファイル名も間違っていない。

あらゆるキャッシュをクリアしても現象は変わらない。

いったい何が問題なのか？

可能性の一つとして、『CDN（Content Delivery Network / コンテンツデリバリーネットワーク）』が考えられます。

最近ではWebの高速化を図る手段としてよく用いられるもので、html、css、JavaScript、jpg・png・gifなどのWebサイトを構成している要素をキャッシュしてくれるため非常に便利なものです。

では、それを使っていると何故『Web画像』が抜け落ちてしまうことがあるのか？

もう一つ要因があります。

Web画像に『WebP（ウェッピー）』を使っている場合です。

『WebP（ウェッピー）』というのはGoogle（グーグル）が開発した画像を軽量化してくれるフォーマットで、jpgを非可逆圧縮した場合には25～34%程度小さくなり、PNGの場合は28%程度小さくなるとされています。

これは、『CDN（Content Delivery Network / コンテンツデリバリーネットワーク）』側において『WebP（ウェッピー）』に対応していない場合に起こり得ます。

すべてが完全に抜け落ちてしまうわけでもなく、不安定な状態いなるといった方が正しいかもしれません。

ケースによってはデスクトップ上では問題が起きず、スマートフォンなどのモバイル上だけで現象が発生する場合もあります。

もし何をやっても解決しない場合で前述の条件に当てはまっているのであればこれを疑ってみるのも一つです。

皆さん、こんにちは。

業務改善を行うIT・業務コンサルタント、高橋です。

今ではあちらこちらで目にするようになったQRコードですが、それを作成するためのウェブサイトをデンソーウェーブが公開しました。

このウェブサイトでは、QRコードが無料で作成できるようになっています。

QRコードメーカー by デンソー

デンソーウェーブが公開したウェブサイト『QRコードメーカー』では、3種類のQRコードを作成することが可能です。

１．URL

２．テキスト

３．QR Wi-Fi

このうち、３の『QR Wi-Fi』では、プロファイル名（省略可）、SSID、パスワードを入力し、有効時間を選択することによりWi-Fi（無線LAN）に接続させるためのQRコードを生成します。

このQRコードを公式QRコードリーダー『Q』でスキャンすることにより、SSIDやパスワードなどの入力をすることなくWi-Fi（無線LAN）に接続することができます。

※　iPhoneアプリとAndroidアプリのどちらも無料で提供されています。

注：QR Wi-Fiをスキャン後、ダウンロード画面よりプロファイル情報をスマートフォンに書き込むことになります。

また、画像の形式はPNG、JPG、EPSから選択でき、サイズと解像度も指定できるようになっているため、チラシなどを印刷する際のデータの入稿用画像としても使えます。

その他、QRコードを読み取ったアクセス解析も専用のURLにより可能になっており、一定のデータ集計にも活用可能です。

スマートフォン用に提供されているQRコードリーダー『Q』では、スキャンだけではなく、URL、テキスト、連絡先などのQRコードを作成することも可能になっています。

※　スマートフォンアプリ『Q』の提供は、この『QRコードメーカー』を株式会社デンソーウェーブと共同開発した、東京のアララ株式会社（arara inc.）からリリースされています。

一度お試しあれ。

デンソーウェーブ公式のQRコード作成サイト『QR Code メーカー』

今回は、前回告知しました通り、実際の改善策に関してご紹介します。

前回の記事はこちら⇒WEBの高速化を考慮すべき理由

皆さん、こんにちは。

業務コンサルタントの高橋です。

WEBの高速化を考慮すべき理由に関しては前回の記事をご覧いただくとして、

早速、WEBを高速化するための改善策をご紹介していきます。

１．スタイルシート（CSS）の不要な部分を削除する

WEBを改修しているうちに、以前は使っていたが今は使用していないセレクタが

あったりします。それを見つけて該当箇所を削除します。

これを行うことによってCSSファイルのサイズを小さくしてあげます。

Chromeブラウザーを使っている方は、デベロッパーツールの中にAuditsという

タブがありますので、それを走らせることで確認できます。

２．画像のファイルサイズを小さくする

デザインなどのお仕事をされている方は別として、画像は少々品質を落としても

パッと見はわからないくらいであれば問題ないはずです。

であれば、少々画像のファイルサイズをコンパクトにしてあげれば良いです。

私は画像を使用する都度コンパクトにしています。

ちなみに、TinyPNGとういウェブツールを使わせてもらっています。

TinyPNG のサイトはこちら

３．CSSやJavaScriptのファイルを１つにする

例えば、style.css、common.cssなど、複数のスタイルシートを読み込ませている

場合、それぞれをロードしにいく分ロスがあります。

これはJavaScriptにも同じことが言えますので、JavaScriptも１つにまとめて

しまう方が良いです。

また、他のCSSを読み込むのに＠importを使うのは、スピードのことを考えると避けた方が

良いです。

＠importで指示されたところから別のファイルを参照しますので、それがロスです。

４．html・JavaScript・CSSを圧縮する

html・JavaScript・css、どれも余分なスペースや改行が入っていることが多いです。

それもファイルサイズが大きくなっている要因の１つ。

ですので、その余分なスペースや改行をなくしてしまうのが一番効率がいいわけです。

しかし、手動でやっていると大変手間がかかってしまうので、私は圧縮してくれる

ウェブツールを使って圧縮しています。

Online JavaScript/CSS CompressorやHTML Minifierというウェブサイトで、

貼り付けてボタンをクリックするだけで圧縮してくれます。

Online JavaScript/CSS Compressor のサイトはこちら

HTML Minifier のサイトはこちら

まずは第一段階として、各ファイルサイズをコンパクトにすることをお話ししました。

これだけでも違ってきますので、是非試してみてください。