WordPressでjQueryの$が使えないのはJavaScriptの基本構文を分かってないから。
WordPressのjQueryで$が使えないという情報が見られます。ぼくもこの不具合を経験していたのでそう思っていました。
でも、その情報は間違いです。jQueryの$は使えます。そして、その方法は簡単です。
続きを読むWordPress,『現在メンテナンス中のため、しばらくの間ご利用いただけません。』の手動解除
WordPress本体やプラグインのアップデートをしていて、『現在メンテナンス中...』というメッセージが出てしまってサイトが表示されないことがあります。
まあ、ほっとけば元に戻るのですが『いやいや、早く元に戻したい!』という人のために、手動で解除する方法を説明します。
とてもかんたんです。数秒で終わります。
続きを読むSVNからGitへ移行する必要はあるのか? 移行はしたほうがいい。けどする意味がない人もいる。
『バージョン管理といえば』というほど一般的になっているGit。
Subversionからの移行を考えている人もいると思います。しかし、それぞれの事情によってなかなか踏み出せない人もいるでしょう。
Gitに移行する必要はあるのか?を考えます。
(結論を先にいうと、移行はしたほうがいい。けれどする意味がない人もいる。)
続きを読むPHP composer, パッケージ管理の使い方。必須の機能なので覚えよう!
PHPのcomposerはパッケージを管理するコマンドツールです。
パッケージはPHPのいろいろな機能の拡張プログラムで、これを必要に応じてインストールし効率的に目的の機能を実装したプログラムを作ります。
そのcomposerコマンドの使い方をご紹介します。
続きを読むNode.js npm, パッケージ管理の使い方。今やWebで必須のコマンド。
Node.jsのnpmはパッケージを管理するコマンドツールです。
パッケージはJavaScriptの拡張プログラムで、必要なものをインストールして、効率的に目的の機能のプログラムを作ります。
今やWebはNode.jsなしでは語れません。npmは必須。(知らない人はバッタ者。)
そのnpmコマンドの使い方をご紹介します。
続きを読むAtom, apmコマンドでよく使うサブコマンド。AtomのCUI操作。
Atomエディタは、マウスとボタンである程度の操作ができます。パッケージのインストールや削除などもそう。
でもAtomにはapmというコマンドがあり、マウス操作と同じことやAtomの状態のバックアップ作成・復旧など、マウス操作でできない便利な機能があります。
そのapmコマンドのいろいろな操作をまとめます。
続きを読むHTMLとCSSだけで簡単に作る。軽量なドロワーメニュー(ハンバーガーメニュー)
javaScriptを使わずにHTMLとCSSだけでドロワーメニューを作ります。ハンバーガーメニューとも言います。
スマホでよく見る3本線のボタンでメニューが出るやつです。
だれでも分かるように、サンプルコードを少しずつ作りながら説明します。
続きを読むCentOS7, OSのシステム時刻を日本時間に変更する。タイムゾーンの変更。
CentOSのOSシステム時刻の初期値はUTC(イギリス・ロンドン)です。これを日本時刻に変更します。
タイムゾーン(timezone)の設定を変更して行います。かんたんです。数秒で終わります。
(最初に設定するとほぼ使うことはなく忘れるので備忘録。)
続きを読むWordPress, asyncとdeferでJavaScriptのロードを遅らせる。
WordPressではJavaScriptをHTMLの<script>に挿入するのにレジスタ・キューを使いますが、async, defer属性を付けるなどのカスタマイズにはちょっとした工夫が必要です。
今回は『WordPressらしい』方法で解決します。
続きを読むMongoDBが起動できない理由。コマンド名がややこしくて凡ミス。
MongoDBが突然、起動できなくなりました。なんで?
調べてみるとアホなことしてる。コマンド名を間違えて実行してしまいテンポラリファイルのパーミッションが変わってた。
このコマンド名がややこしい。systemdのサービス名と同じにしたら間違えることあるでしょ?
続きを読むFont Awesome 5, ::before, ::after (CSS疑似要素) がAMPで表示できない原因
特に何をしたという覚えはないのに、突如、疑似要素でFont Awesome 5を使っていたものがAMPだけ表示されなくなりました。
あの□で表示されるやつ。原因は意外なところにあって、AMPってそういう仕様なのか? それどうにかしてくれないか? ってちょっとイラついた。
続きを読むWordPress5.6, PHP8のサポート開始。対応するには細かいテストが必要。
WordPress5.6は、直前にメジャーバージョンが上がったばかりのPHP8への対応を始めました。
メジャーバージョンが変わっただけに、変更点もなかなかのものになっています。
結論からいうと、PHP8に完全対応するのは大変。サードパーティ製のテーマ・プラグインを使っている人はとくに。
(ほとんどそうだと思うけど。)
続きを読むWordPress5, テーブルのセルに画像を挿入する方法。プラグインは使いません。
WordPressはバージョン5になってから、テーブルの編集でできることがかなり少なくなっているのですが、セル(項目)に画像の挿入はできます。
エディターの標準機能を使うのでプラグインもいりません。
(WP5系のエディターはGutenbergがメインで使われている。)
続きを読むPHP8.1, 定数値を入れる列挙型(Enum)。Backed Enum と言うらしい。
PHP8.1から、他のプログラム言語にはすでにある列挙型(Enum)が追加されました。
基本形は定数値を入れずに定数だけを定義するんですが、定数値を入れる型もあります。Backed Enumと言います。
基本形とあまり変わらないので難しくないです。
続きを読むPHP extract, 変数展開で超便利。だけど注意点がいっぱいの関数
PHPには、連想配列から値の入った変数を一気に作る関数 extract() があって便利なんですが、注意するところがいくつもあります。
便利だからといって気軽に使って良いものではありません。コーディング規約によっては使うだけでエラーになるものもあります。
そんな extract() 使用の注意点を見ていきます。
続きを読むPHP8, Stringableインタフェース, 文字列への変換(キャスト)を強制するクラスにする
PHP8で新たに追加されたStringableインタフェースは、オブジェクトから文字列へ変換するクラスに強制的になります。
強制して無理やりデータ型をstringにするので型チェックしているのと同じになるという機能。
このインタフェースを実装するクラスは __toString() メソッドを用意するだけのシンプルな作り。
続きを読むLinux find, ファイル・ディレクトリを探す(検索する)
ファイルやディレクトリがどこにあるのか検索するときはfindコマンドを使います。
特定の拡張子、特定の更新日時のファイルなどいろいろな検索方法があります。
とりあえずよく使うものだけを紹介します。
なぜかぼくは、よくfindコマンドを忘れるので備忘録です。必要に応じて追記します。
続きを読むMySQL/MariaDB, リストアの方法。.sqlファイルをDBに取り込む。
MySQLのリストアは、バックアップファイルからmysqlコマンドを実行して、データベースのデータを復旧するだけで、かんたんです。MariaDBも同じ使い方です。
Linuxコマンドには、ファイルの内容を取り込む方法にリダイレクトが(<)がありますが、それを使ってバックアップファイルからDBを復旧します。
続きを読むかんたんCSS3, ぜんぶ解説。誰でも分かるflexの使い方
CSS3では、要素の配置を変える方法がたった数行でできるようになりました。
フレックスです。これで、ナビゲーション(メニュー、パンくずリスト)などはとてもかんたんに作れます。
Webアプリなど高度なコンポーネント配置の操作でも使えます。
そのフレックスの全機能を解説します。
続きを読むWordPress5, プレビュー表示が遅いのを直す。無駄をなくす作業。
WordPressのバージョン5の編集エディタgutenbergには『プレビュー』ボタンがあります。
ページの確認(正式なページではない)ができるのですが、『プレビューを生成中...』で止まってなかなか表示されません。
これまで我慢してきたのですが、やっと解決方法が見つかりました。
続きを読むWordPress5, ブロックスタイル(CSS)をカスタマイズする
WordPress5からGutenbergが採用され、コンテンツはすべて『ブロック』にまとめられました。
コンテンツのカスタマイズは『ブロックの作成』と『ブロックのカスタマイズ』です。
今回はかんたんな『ブロックのカスタマイズ』について、わかりやすく説明します。
続きを読むWordPress5.3, 日付/時刻取得の変更と新しい関数。DateTimeクラスが基準になる。
WordPress5.3では日付/取得関数が大きく変わります。これまでの関数は非推奨になり将来なくなります。それに代わって新しい関数が追加されました。
PHPではすでにDateTimeを使うのが当たり前だったので、やっとWPもやってくれた印象。
公式ガイドからサンプルコードつきでかんたんに解説します。
続きを読むwebpack4, css-loaderのminimizeでエラー
webpackおなじみの、バージョンアップのオプション変更でエラーが出ました。
まぁこれが嫌で、たまにしかバージョンを上げないので、余計に出るんですが。
もうひとつ、あくまでwebpackはビルドツールなので不都合がない限り放置が多いというのもある。
続きを読むGoogle Search Consleのモバイルユーザビリティのエラーを直すコツ
Google Search Consoleのモバイルユーザービリティのエラーには手順があります。
ひとつのエラーを直すと一気にエラーが消えることがあるので、それを狙って修正したほうが作業効率がいい。
作業自体はかんたんです。数が多いとめんどうですが。
続きを読む1024byte = 1kB は不正解って知ってますか? プログラマ・SEが使う単位について
1024byte=1KBは○。1024byte=1kBは✕。1000byte=1kBは○。1024byte=1KiBは○。
説明できるほど分かっていたのは1024byte=1KBと1024byte=1KiB の2つだけ。
1000byte=1kBは『その計算もある』程度の理解。
エンジニア目線では理解不能な単位の話。
続きを読むWordPress, カテゴリと投稿の階層(親子関係)をもてる投稿タイプを作る
デフォルト投稿タイプの『投稿』はカテゴリ(タクソノミー)が使えるけど階層構造(親子関係)は持ってない。『固定ページ』は階層構造は持ってるけどカテゴリは使えない。
この2つをもったオールラウンダーな投稿タイプを作っていきます。ただ若干の課題があり、アーカイブページの修正も必要です。
続きを読むVSCodeで拡張パッケージ選びに困ったら、おすすめを入れておこう!
VSCode(Visual Studio Code)はプログラミング用エディターなんですが、よりよいプログラミング環境を作るには拡張パッケージが必要です。
その拡張パッケージは膨大で、慣れてないと何を使っていいのか分かりません。それに時間をかけるのもナンセンスです。
迷うくらいなら、おすすめのパッケージを使いましょう。
続きを読むPHP8.1, 列挙型(Enum)に定数(const)が追加できる。使いみちがなさそうである。
列挙型(Enum)にはメソッドやインターフェイスが追加できるように、定数も追加できます。
最初は『これいるんだろうか? Enumって定数の集まりだよね?』と思いましたが、よくよく考えてみると使いみちはあった。
case とconst はともに定数で参照する側からは同じなんですが、性格がちがいます。
続きを読むPHP関数ってなんで'test'()でも実行できるの? いらんもの付けても動く何じゃそりゃの仕様。
ふつうプログラミングの関数は、test() のように記述して実行します。
しかしPHPでは、'test'(), "test"() でもまったく同じことができる。
クォーテーションがなくてもいいならいらないじゃん、ていう仕様なんですが、これの正体ははっきりしています。
続きを読むWordPressのAjaxでセキュアな通信を行う。ワンタイムパスワードっぽい処理。
WordPressのAjaxでセキュアな通信を行う方法を、サンプルコードを使って説明します。
nonceを使ってかんたんに実装します。
noneceは意味のないランダムな文字列で、ワンタイムパスワード認証っぽいことをすると言ったほうが分かりやすいかも。
続きを読む