Visual Studio CodeでのSass導入と基本設定【Live Sass Compiler】
Sassを使えるようにするためにはVisual Studio Codeの拡張機能である Live Sass Compiler (Glenn Marks) が手軽に導入できて便利です。今回は Live Sass Compiler (Glenn...
フォントサイズの指定方法と違いを見直してみる【CSS】
ウェブサイト制作時のフォントサイズの指定方法について考え直す機会があったのでそれぞれの違いや見解をまとめてみます。rem, em, px, % 等、単位の選び方に迷った場合は参考にしてみてください。使用したバージョン Google Chro...
ブロックエディターと公開記事の表示を揃えるための3つのポイント【WordPress】
WordPressの記事編集の際、エディター上に表示されているものと実際に公開される記事の表示が異なっていると完成形のイメージも掴みにくく、何度もプレビューで確認することになってしまいがちです──。今回はエディターでの編集が少しでも快適にな...
正規表現のパターンは段階的に考えると覚えやすい【PHP】
正規表現というと「記号が多く意味不明・難しそう・読めない──」といった印象を持っていたのですが、「簡単な正規表現はいつでも使えるようにしておきたい」という思いから段階を分けて学んでみたところ少しづつ理解が進んでいきました。まずは「文字・文字...
ながら聴き SONY オープンイヤーワイヤレスステレオヘッドセット SBH82D【レビュー】
耳を塞がず周囲の音も聞こえるSONYのBluetoothイヤホン「SBH82D」を購入しました。周囲の音を遮断せずBGMがかかっているような「ながら聴き」が予想以上にジョギングや通話に向いていると感じたため、しばらく使ってみた感想を綴りたい...
Gutenberg エディターで画像とテキストを横並びにする方法3選【WordPress】
WordPressで記事を編集する際、文章と関連画像を並べて配置したい場合があると思います。そんなときに役立つ画像と文章を横並びレイアウトにする方法を3つ紹介します。それぞれ手軽さや特徴に違いがありますが、3番目のカラムを使う方法は万能で汎...
見分けにくい再利用ブロックを判別しやすく改善する【WordPress】
WordPressのエディターに搭載される再利用ブロックを使って配置したブロックは、それが再利用ブロックであることが分かりにくいのが難点です。そこでエディター上の再利用ブロックの外観を調整する方法でこの問題を解決します。使用したバージョン ...
Googleアナリティクス（GA4）とサーチコンソールの関連付けを行う
以前はできなかったGoogleアナリティクス（GA4）とサーチコンソールの連携が可能になっているので紹介します。これらを関連付けるとGoogleアナリティクス上で検索クエリの確認ができるようになります。Googleアナリティクス4（GA4）...
Googleアナリティクス4（GA4）をGoogleタグマネージャーで導入する
Googleアナリティクスにおいて従来のユニバーサルアナリティクスは2023年7月1日より新しいデータの処理ができなくなるため、新しいGoogleアナリティクス4（GA4）の導入を促しています。今回はGoogleタグマネージャーを使ってGo...
Googleタグマネージャーをウェブサイトに設置する
Googleが提供するツールの1つであるGoogleタグマネージャー（GTM）をウェブサイトに設置すると、HTMLを編集することなく様々なタグの管理が可能になります。Googleタグマネージャー（GTM）はGoogleアカウントを持っていれ...