JavaScript

WordPress

GutenbergのregisterStoreで登録したデータを変更してもすぐに反映されない場合にチェックすべき事項

より高度なGutenbergプラグインを作成する場合は registerStore を使用した状態管理が必須です。 @wordpress/dataWordPress’ data module serves as ...
WordPress

Gutenbergのツールバーにドロップダウンを追加する

Gutenberg(ブロックエディタ)のツールバーにボタンを追加する方法は以前紹介しました。 Gutenbergエディタ(ブロックエディタ)にボタンを追加するWordPressのバージョンが5.0になり、エディタ...
WordPress

Gutenbergのビジュアルエディタとコードエディタの切り替えなどを検出する方法

ブロックエディタには「ビジュアルエディター」と「コードエディター」の二種類のエディタが用意されており、気軽に切り替えることができます。 ビジュアルエディターコードエディター エディタにデザインを適用させるためにクラスを...
WordPress

Gutenbergエディタ(ブロックエディタ)にボタンを追加する

WordPressのバージョンが5.0になり、エディタが新しくなりました。 これまでのTinyMCEとは異なりReactを利用したモダンな実装になっており、エディタへの機能の追加方法も大きく変わりました。 ここでは選択...
WordPress

WordPressのTinyMCE投稿エディタでダイアログを出すボタンを追加する

WordPress5.0からGutenbergという新しい投稿エディタがデフォルトになりましたが、プラグインで前のバージョンの投稿エディタ(TinyMCE)はまだ使えます。 また新しいエディタ内でも「フォーマット」⇒「Clas...
プログラミング

jQueryプラグインを作成する(npmパッケージ化)

先日初めてjQueryプラグインを作成しました。 作成したものは以下のマーカーで塗るようなアニメーションを行うプラグインです。 作成するにあたっての手順のメモです。 環境はmacです。 最終的な成果物 ...
プログラミング

マーカーアニメーションをjQueryプラグイン化してみた

画面に表示されたときにマーカー(蛍光ペン)で線を引くようなアニメーションを付けるjQueryプラグインを作成しました。 動作例  導入 ソースはGitHubで管理しています。 ダウンロードして利用する場合 リリースバー...