JavaScript で日本語の変換確定のリターンとそれ以外のリターンを識別する方法

JS の小ネタです。 HTML のフォームフィールドで文字入力を受け付けているときに、日本語の変換を確定させるためのリターンキー(エンターキー)入力とその他のリターンキー入力とを識別する方法についてです。

早速結論ですが、イベント compositionstartcompositionend を使えば OK です。

イベント compositionstart は変換処理がスタートしたときに発火します。 compositionend は変換処理が終了すなわち変換が確定したときに発火します。

JavaScript の配列の操作まとめ

JavaScript の配列の基本的な操作方法についてまとめました。

仕事の一環で JavaScript (以下 JS )のコードを書く機会があるのですが、なかなか頻度・量が少ないため、組み込み型の基本的な操作方法を覚えては忘れ、覚えては忘れを繰り返しています。 配列については特に他の言語と似ているところがあるためかなかなか記憶に定着しません。 これではどうも効率が悪いので、 JS の配列の使い方についてまとめておくことにしました。

この記事では原則 主要ブラウザと Node の 2019 年の最新バージョンで使える というのを基本ルールとしています。

生成

配列を生成するには記号 [] を使用します。

macOS で .DS_Store を除外して zip ファイルを作成する方法

macOS で .DS_Store ファイルを除外して zip ファイルを作成する方法についてです。

zip コマンドの -x オプション

zip コマンドには -x というオプションがあり、これを使うと除外対象を指定することができます。 これですべての階層の .DS_Store を指定すると OK です。

zip -r output.zip -r source/ -x '*/.DS_Store'

以下サンプルです。

WordPress Gutenberg でエラー「更新に失敗しました」が出る問題の解決方法

WordPress Gutenberg always_populate_raw_post_data エラー

問題

WordPress の管理画面で、 Gutenberg エディタ(ブロックエディタ)を使ってポストを更新しようとすると「更新に失敗しました」というメッセージが出ます。 しかし実際には投稿は適切に更新されていて、エラーメッセージが間違って表示される状態です。

対象バージョン

問題が発生した PHP と WordPress のバージョンは次のとおりです。

ページ