WordPress,『現在メンテナンス中のため、しばらくの間ご利用いただけません。』の手動解除
WordPress本体やプラグインのアップデートをしていて、『現在メンテナンス中...』というメッセージが出てしまってサイトが表示されないことがあります。
まあ、ほっとけば元に戻るのですが『いやいや、早く元に戻したい！』という人のために、手動で解除する方法を説明します。
とてもかんたんです。数秒で終わります。
続きを読むWordPressでjQueryの$が使えないのはJavaScriptの基本構文を分かってないから。
WordPressのjQueryで$が使えないという情報が見られます。ぼくもこの不具合を経験していたのでそう思っていました。
でも、その情報は間違いです。jQueryの$は使えます。そして、その方法は簡単です。
続きを読むLinux vim, コピペのインデントのずれを直す。Vimエディタの設定。
TeraTermなどのターミナルで、ソースをコピー&ペーストしたとき、スペースインデントが、勝手にタブに変換されてずれることがあります。
これは、オートインデント設定を変えることで解消できます。
Vimエディタの設定はコマンドモードのsetコマンドで行います。
続きを読むPHP, シングルトンクラスを簡単に実装する方法。Traitを用意してuseするだけ。
シングルトンはクラスのインスタンスを1つだけしか作れなくするもので、オブジェクト指向のデザインパターンで使われます。
それをPHPで簡単に実装するために、クラスをシングルトンに変えるtraitを作成しました。これをuseで実装するだけでシングルトンクラスになります。
続きを読むHTMLとCSSだけで作る軽量サンプルのまとめ（:checked疑似クラス）
CSS3のchecked疑似クラスを使えば、JavaScriptを使わない、軽量なコンポーネントを作ることができます。
閉じるボタンやタブ機能などのサンプルを用意しました。
続きを読むWindows標準のキャプチャの取り方（Snipping Toolの廃止に備える）
情報として相当古いですが、せっかく覚えたWindows標準のキャプチャツールSnipping Toolの将来的な廃止が決定しました。
ということで、最新のキャプチャの取り方をまとめます。Windows 10には別の標準ツールがあります。むしろこっちのほうが使いやすい。
続きを読むアイコンフォントFont Awesomeはアカウントが必要になった
アイコンフォントのFont Awesomeがはカウント作成が必要になりました。
バージョン管理を自動化するためです。
これはバージョン4系、5系の二つとも。アカウント作成でなにが変わったのか？ アカウントは何を管理して何を設定できるのか？ を説明します。
続きを読むnpm, nパッケージでシステムのNode.jsのバージョン管理をする
Node.jsを複数インストールしてバージョン管理するツールはたくさんありますが、npmのnパッケージはちょっと特殊です。
一般的なツールはシステム（OS全体）のNode.jsから新たにNode.jsをインストールするんですが、nパッケージはシステムのNode.jsのバージョンを管理できます。
続きを読むWordPressのjQueryからmigrateを外す方法
jQuery-migrateはサイト表示スピードに影響するのが知られてますが、WordPressでは標準搭載されているので、それを外す方法を説明します。
かんたんです。15行程度追加するだけです。
続きを読むHTML5, 標準仕様になった画像の遅延読み込み(Lazy-Loading)
2020年、HTML5でloading属性（lazy-loading）が標準仕様になりました。これでJavaScriptでしていたことがHTMLだけでできるようになります。
（ただし、Safariは除く。Apple頼む！）
その内容と使うときの注意点をわかりやすく解説します。
続きを読むWindows10, 素早く目的のエクスプローラーを開く方法
エクスプローラーを速く開くには『ファイル名を指定して実行』をキーボードだけで使うといいです。マウスを使うより格段にストレスがありません。
キーボードショートカットもありますが、それよりも『目的の場所にピンポイントで行く』ならこっちですよ？ という話。
続きを読むPHP8, エラー制御演算子(@)でErrorは関係なく出力される
PHP8では、ログ出力を抑制するエラー制御演算子で、最高レベルのエラーは抑制されません。@をつけても出力されます。
これまで致命的なエラーのログを出力させなかったところからするといい修正。
それでも個人的にはこの機能は使うべきでないと思っています。
続きを読むVirtualBox 6.1.28 は Windows 10 で仮想マシンが起動できない。
仮想環境で有名な Oracle VM VirtualBox ですが、バージョン6.1.28 は Windows10で起動できません。
Call to NEMR0InitVMPart2 failed らしい。ざっくりいうと、仮想マシンの起動で失敗する。
答えを先にいうと、バージョンを下げようという話です。
続きを読むPHP, クラスオブジェクトのリファレンスは無意味。もともと参照渡しだから。
PHPにはリファレンス（参照）というポインタのようなものがあります。クラスオブジェクトにも使えるんですが意味がありません。
クラスオブジェクトの変数代入は参照渡しで、それはリファレンスと同じ動きだから。関数のパラメータでも同じ。
ただリファレンスとオブジェクト代入の内部のしくみは全くの別物。
続きを読むPHPは '...' のことをスプレッド演算子とは言っていない。
プログラミングでは、複数の変数をまとめて表現するのに '...' を使い、一般的にスプレッド演算子といいます。またはスプレッド構文ともいう。
しかしPHPは『スプレッド』という言葉は使いません。アンパックと表現しますが世間的にはスプレッド演算子/構文と言われています。
続きを読むNode.js, npxコマンドってなんだ？ たんなるnpm runの代わりじゃない。
Node.jsのnpmパッケージにはコマンドが入ってるものが数多くあります。
webpack, yarn, nodemon ...。あまりにも多いのでこの辺で割愛。
ただこれらは環境変数など使って工夫しないとコマンド入力はフルパスが必要。
それを解消するのがnpx。ただ npm run に代わって使うものじゃない。
続きを読むHTML5&CSS iframe, マップ, YouTubeがスマホではみ出ないように表示する
GoogleMapやYouTubeを埋め込むときに使うiframeタグ。これを縦横比（アスペクト比）を変えずにレスポンシブに対応する方法です。
iframeはスマホで見るとはみ出ることがあるので必須。（これが起きるサイトは有名なところでも意外と多い。）
HTMLに少し修正を加えてあとはCSSで対応します。
続きを読むPHP, composerをインストールする方法。必須。絶対に入れよう！
PHPのcomposerはパッケージを管理するコマンドツールです。
PHPプログラムの開発では絶対に外せません。PHPをやってて知らないなんてことはありえないものです。
そのcomposerのインストール方法をサンプル、キャプチャで分かりやすくご紹介します。
続きを読むJavaScript ES2015, アロー関数ってなんだ？
JavaScriptで関数っぽいんだけど、見たことないものをここ数年見かけます。
『どうせシンタックスシュガーでしょ？』と、まぁなんとなく分かっていたのでほっといたのですが、それはいかんだろうということできちんと調べました。
まず答えを言うと、シンタックスシュガーではありません。ES2015(ES6)から導入された新しい記法でした。
続きを読むWordPress5で困ったこと
WordPressのバージョン5にアップデートしたことによって困ったこと、不具合のことを書いていきます。バージョン5以前のことも書いています。
対応方法はリンクを貼りました。ぜひご参考にしてください。
続きを読むWordPress, PHPの変数をJavaScriptで使う
PHPのurl取得関数や定数をJavaScriptで使いたいと思ったことはありませんか？
WordPressでは翻訳機能があり、PHPとJavaScriptで変数の受け渡しができるんですが、それを流用すればできます。
とてもかんたんです。スクリプトのキュー登録をちょっとイジります。
続きを読む『ビューポートが設定されていません』を直す。モバイルユーザービリティの適正化。
Google Search Consoleのモバイルユーザービリティのエラー『ビューポートが設定されていません』を直します。
ビューポートはモバイル（スマホ）でサイトが表示されている実際の領域のこと。
かんたんです。HTMLにmetaタグを追加するだけです。
続きを読むWordPress5.3, フィールドガイド（英語）の翻訳&解説
WordPress5.3の公式フィールドガイド（アップデート内容をまとめたもの）を翻訳し、分かりやすい解説に再編集しました。ポイントだけをピックアップしてます。
さすがメジャーアップデート。それでもボリューム大です。
個人的にはREST-APIのパフォーマンス向上がありがたい。投稿編集の余計なストレスが減るから。
続きを読むwebpack4, postcss-loaderのバージョンアップでエラー
webpackプラグインでは恒例の、バージョンアップのオプション変更でエラーが出ました。
postcss-loaderを3.x系から4.x系に変更すると『pluginsなんか知らん！』と出ます。
どうやらオプションの指定する場所が変わったらしい。
続きを読むWordPress, 不正アクセスのログ解析で分かる。xmlrpc, REST APIは要注意。
WordPressを使ったWebサイトへの攻撃にあいました。そのログを解析したところ、いろんなことをやろうとしています。
犯人の標的はxmlrpcとREST API、そして、ユーザー・アーカイブページからログインユーザー名を盗もうとしています。
続きを読むWordPress, カテゴリやタグをカスタマイズする。（タクソノミーのカスタマイズ）
デフォルトのタクソノミーには『カテゴリ』『タグ』がありますが、カスタマイズしたいことがあります。たとえばカテゴリを固定ページでも使いたいとか、タグで階層を使いたいとか。
やり方はかんたんです。カスタマイズ用の関数やフィルターが用意されています。
（もちろんカスタム・タクソノミーでも使える。）
続きを読むPHP composer, Gitのブランチはスタビリティを『開発』扱いにするの？
Windows 10にインストールした composer の global環境で、ブランチの master, main や開発版がインストールされます。
Linuxではそんなことないのに。
composer.jsonで確認したところ、設定がそうなってました。
続きを読むFont Awesome 5以上, 消えたCDNのHTMLコード取得ページを見っけたぞー！
以前は、Font Awesome のCDNのHTMLコード取得ページは分かりやすいところにリンクが貼られてました。
しかし、それがなくなり、アカウントのマイページのメニューで復活し、それもなくなり...。
今はどこに行ったのやら？ だったんですが、やっと見つけました。
これ、やめる気満々じゃん。
続きを読むPHP, Closureクラス, 外からクラス内の隠蔽したメソッドを実行できるんですけど？
本来、クラス内のprivateメソッドはクラス内の他メソッドでしか実行できません。クラスオブジェクトの外からは実行不可能。
でも、Closureクラスを使えばそれができます。
クロージャをクラスメソッドとしてあとで追加できる方法を利用すれば。
このクロージャはクラスの外に定義するのに、クラスメソッドと同じように動きます。
続きを読むPHP8, 例外処理（throw）が三項演算子で使えるようになった。
PHP8から、三項演算子でthrowによる例外処理ができるようになりました。
理由はthrowの文法が『文』から『式』に変わったから。
できそうでできなかったモヤッとした気持ちが解決してスッキリしたので、いい仕様変更だと思います。
使う機会も多そう。
続きを読む
