プラグインを公開することができました。どんなプラグインかというと、投稿するブログのURLを日本語で書かれたタイトルから英訳して置き換えるというものです。それでそのプラグインの使い方も含めて私自身がブログを書いてみようと思います。

Reactの神髄ともいえるDOMのレンダリングする仕組み
それが仮想DOMの比較による調整です。
Reactは、この仮想DOMの比較を通じて、実際のDOM更新を最小限に抑えることで、高速なパフォーマンスを実現しています。
しかし、この仕組みの中で、外部ライブラ…

今回もGutenbergのブロック開発でのハマりネタです。
ブロック開発のために用意されている入力コントロールの中でも高性能で使用頻度が高いのはPanelColorGradientSettingsという色を設定するコントロールだと思います。
しかし、きちんと使…

JavaScriptの世界では重要な地位を占めるようになったReact。特にGutenbergのブロック開発においては中心的存在です。
しかし、従前のJavaScriptに慣れ親しんだ技術者にとっては、違和感のあるプログラミングと感じることはないでしょうか？
…

Gutenbergのブロックを制作していると、import { __ } from ‘@wordpress/i18n’;というインポート文が目につきます。
最初からひな型に組み来れているので、簡単に使えるようになっていると思っていました。
今回は本当に苦労…

WordPressの主力機能となりつつあるGutenbergのブロックですが、これを自作しようと思うと最初に利用するのが、RichTextコンポーネントです。
サイト制作者がタイトルなどに文字を入力するのに必須のアイテムです。
ブロック開発者としては最初にマス…

Gutenbergのブロック開発でTextControlは基本的なUIで、これを使ったことがない人はいないでしょう。
しかし、こんな基本的なUIでも大変な落とし穴があるものです。
この記事を見て一人でもこの落とし穴にハマる人を減らすことができれば光栄です。

今回はちょっと長文になりました。
インナーブロックについての基本的な知識なんだろうと思うのですが、かなり、高度な内容も含まれていると感じています。
これからインナーブロックを使ってブロックを開発しようとしている方のお役に立てば光栄です。

cssのfont-sizeプロパティはremとemという重要な単位の基礎となります。
この単位はmarginやpaddingにも使われるので、決して文字の大きさだけの問題ではないですよということから、ふと気づいた活用方法です。
参考にしていただけたらうれしいで…

JavaScriptでは、しょっちゅう配列やオブジェクトを使います。その数を計算するのも日常茶飯です。でも、そんな日常茶飯な作業であっても、案外知らずにハマっている方もおられるかもしれないと思って、小ネタを作りました。