Netlifyでブランチ毎に確認環境を作成する
Netlifyでサイト構築を行った際、本番公開用の環境の他にステージング環境を作成したいということがあったので、設定方法...
create-react-app を使ってみる
create-react-appを使って、Reactの環境を作成してみます。...
custom-blocksで複数のブロックを作成する
@wordpress/create-blockのパッケージを使用する際、1つのプラグインで複数のブロックを作成できないか...
無料プランでAdobe FontsをWebフォントとして使用する
Adobe FontsをWebフォントで使用する記事を以前に投稿しましたが、無料プランでも利用できるようだったので、改め...
デザインデータに含まれるフォントがパソコンになかった場合の表示
支給されたデザインデータに含まれるフォントが自分のパソコンにインストールされていなかった場合、デザインソフト上でどういっ...
Googleカレンダーの予定をGoogle Apps Scriptで取得する
Googleカレンダーの予定をGoogle Apps Scriptで取得して、jsonデータとして出力してみます。...
WordPressでカスタムブロックを作成する
WordPressのブロックエディタでブロックを追加する方法を試してみます。 WordPressのバージョンは6.4.1...
WebフォントサービスのTypeSquareを使ってみる
株式会社モリサワが提供しているWebフォント配信サービスの「TypeSquare」を使ってみます。...
URLのパラメータを引き継ぐ
ページアクセス時にURLに付与されているパラメータを、ページ内の特定のリンクに引き継がせたいということがあったので、実装...
Reactを使ってみる
ユーザインターフェースを構築するためのJavaScriptのフレームワーク「React」を使ってみます。...
WP_Query()を使った後にwp_reset_postdata()を使う意味
WP_Query()で投稿のループを回した際、ループの後でwp_reset_postdata()を実行してリセットさせま...
PHPのglob()を使ってみる
指定したパターンにマッチするファイルパスのリストを返すglob()を使ってみます。...
WordPressのthe_posts_pagination()でページャーを実装する
WordPressのthe_posts_pagination()を使って、ページャーの実装をしてみます。...
ブロックエディタで使用できるメディアカテゴリのブロックを試してみる
ブロックエディタで使用できるブロックのうち、メディアカテゴリに含まれるブロックについて色々と試してみます。...
.gitignoreで一部のファイルのみ監視対象にする
.gitignoreで全ファイルを監視対象外にした上で、一部のファイルを監視対象にする方法をメモ。...
WordPressでカテゴリ情報を取得する
WordPressでカテゴリ情報を取得する方法をいくつか試してみます。...
capture属性を使ってみる
input type=fileに対して設定できるcapture属性について、いくつか設定を行い動作を試してみます。...
Contact Form7で複数の送信先を設定する
WordPressのContact Form7を設定する際、送信先(To)以外にもメールを送信する設定についてメモ。...
font-size 10px未満が適用されるかどうか試してみる
font-size 10px未満の指定をした際、以前のchromeだと10pxで表示される仕様になっていたのですが、現在...
FigmaでCSSのコードを取得する
Figmaのデザインデータからコーディングを行う際、グラデーションなどのややこしい設定をCSSコードとして取得する方法を...