BLOG
-
HP制作
プラグインを公開することができました。どんなプラグインかというと、投稿するブログのURLを日本語で書かれたタイトルから英訳して置き換えるというものです。それでそのプラグインの使い方も含めて私自身がブログを書いてみようと思います。
-
未分類
今、WordPressでお問合せフォームのWebページを作るためのブロックを作成してます。
お問合せフォームは通常入力画面から、確認画面、送信結果画面と遷移するのですが、確認画面では送信するか入力画面に戻るかの選択が必要です。
そのため2つのsubmitボタン… -
HP制作
Reactの神髄ともいえるDOMのレンダリングする仕組み
それが仮想DOMの比較による調整です。
Reactは、この仮想DOMの比較を通じて、実際のDOM更新を最小限に抑えることで、高速なパフォーマンスを実現しています。
しかし、この仕組みの中で、外部ライブラ… -
未分類
CSSでコーディングを始めると、最初に出会うのがmarginプロパティではないでしょうか。
要素の位置決めには欠かせないプロパティです。
しかし、皆さんはマージンの折り重ねって知っていますか?
私は全く知りませんでした。
それで、いつものようにハマったというお… -
HP制作
今回もGutenbergのブロック開発でのハマりネタです。
ブロック開発のために用意されている入力コントロールの中でも高性能で使用頻度が高いのはPanelColorGradientSettingsという色を設定するコントロールだと思います。
しかし、きちんと使… -
HP制作
JavaScriptの世界では重要な地位を占めるようになったReact。特にGutenbergのブロック開発においては中心的存在です。
しかし、従前のJavaScriptに慣れ親しんだ技術者にとっては、違和感のあるプログラミングと感じることはないでしょうか?
… -
HP制作
Gutenbergのブロックを制作していると、import { __ } from ‘@wordpress/i18n’;というインポート文が目につきます。
最初からひな型に組み来れているので、簡単に使えるようになっていると思っていました。
今回は本当に苦労… -
HP制作
WordPressの主力機能となりつつあるGutenbergのブロックですが、これを自作しようと思うと最初に利用するのが、RichTextコンポーネントです。
サイト制作者がタイトルなどに文字を入力するのに必須のアイテムです。
ブロック開発者としては最初にマス… -
HP制作
Gutenbergのブロック開発でTextControlは基本的なUIで、これを使ったことがない人はいないでしょう。
しかし、こんな基本的なUIでも大変な落とし穴があるものです。
この記事を見て一人でもこの落とし穴にハマる人を減らすことができれば光栄です。 -
HP制作
今回はちょっと長文になりました。
インナーブロックについての基本的な知識なんだろうと思うのですが、かなり、高度な内容も含まれていると感じています。
これからインナーブロックを使ってブロックを開発しようとしている方のお役に立てば光栄です。