【Windows】絵文字(顔文字)の一覧を表示する方法

Windowsにはテキスト入力中に絵文字や顔文字を一覧できる「絵文字パネル」機能があります。ショートカットキーは[Windows] + [.]（ピリオド）キーです。「かお」変換に代わる便利な方法です。

【CSS】テキスト(文字)にグラデーションをつける方法と注意点

テキスト(文字)にCSSでグラデーションを適用する方法を紹介。background-clipとcolor: transparentプロパティを組み合わせる手法や、グラデーションが反映されない際の確認ポイントも解説します。

CSSのみで作る無限ループスライダー(横方向・縦方向)。仕組みとポイントも併せて解説

JavaScript不要。カルーセルのスライダーはHTMLとCSSだけで簡単に実装できます。CSSだけで無限ループを実現する仕組みや、上手くいかない(途切れる、空白が出来る、ループ時にズレる)場合の原因を、デモを交えながら詳しく解説します。

【VSCode】アクティブなタブが、毎回あちこちに飛んで混乱するので調整してみた

VSCodeのタブ制御を調整しました。タブを開いた時は常に右端に、閉じた時は直前のタブではなく右隣のタブにフォーカスが移るように変更。併せて、背景色も調整しました。今回はその方法を解説します。

【Illustrator】いっつも忘れる角丸の解除方法

Adobe Illustratorで、「コーナーウィジェット」や「スタイライズ」が使われていない場合の、角丸・正円の解除方法を毎回忘れるので、いい加減に備忘録として書き留めておく事にしました。結論から言うと、「グリッドに分割(旧：段落設定)」から角丸を解除します。

【WordPress】ページ区切りブロックで、ページを分割しても表示されない場合

ページ区切り(改ページ)ブロックを使って、投稿を複数ページに分割する場合、wp_link_pages()関数の実装が必要な場合があります。さらに仕組み上、2ページ目以降にも同じテンプレートが適用されるため、重複したくない要素がある場合、調整が必要です。

【WordPress】サーチコンソールにエラーが出る場合、REST APIの状況も確認すべし

WordPressで運用しているウェブサイトが、Google Search Console(サーチコンソール)のインデックス登録でエラーを起こしている場合、REST APIの状況も確認してみると良いです。wp-jsonが読み込めず、クローラーが弾かれてエラーになっている可能性があります。

Chromeのフォント設定を元に戻す方法(検証ツールも含む)

Chromeの検証ツール(DevTools)や、YouTubeのサムネタイトルの表示が、昨日あたりから「なんかおかしいな」と感じていたのですが、アップデートしたChrome128の標準フォント設定が変更されていました。個人的には見づらいので、Windows標準の「メイリオ（Meiryo）」に戻します。

CSSのネスト(入れ子)は、当面の間は「＆記号」を付けた方が安心か

CSSのネスト(入れ子)で記述したスタイルが、iPhoneだと全く効かない事態に遭遇。結論から言うと、iOSのバージョンによっては「& 入れ子セレクター」の記述が未だに必要であり、それが無視出来ないシェア率で残っていました。詳しく解説します。

【WordPress】隣接したクラシックブロックは、記事を保存すると勝手に結合される

WordPressのクラシックブロック同士が隣接した状態で記事を保存すると、次に記事を開いた時に勝手に結合され、1つにまとめられてしまいます。 対策としては、クラシックブロックをグループ化する。もしくは間に別のブロックを挟む事で、勝手に結合されなくなります。

最新版Chromeはaspect-ratioをheightの設定値として扱ってくれない？

Windows版Chrome124にてaspect-ratioを指定してheight値を省略した要素と、position: absoluteの位置調整の組み合わせに不具合が発生しました。対処法を詳しく解説します。

detailsタグで作るアコーディオン。CSSだけで実装可。アクセシビリティにも対応

よくある質問(FAQ)の実装で重宝するアコーディオンUI。今まではJavaScriptで作ってきましたが、detailsタグならCSSだけでサクッと実装。しかも標準でキーボード操作・スクリーンリーダーに対応しアクセシビリティも優秀。デモを交えながら解説します。

caret-color：点滅カーソル(キャレット)の色はCSSで変えられる

文章の挿入位置を表すキャレット(点滅している縦棒)は、CSSで簡単に装飾出来ます。WordPressのGutenbergで編集中に、選択した文字位置がわからない事はありませんか？今回は「caret-color」プロパティについて、デモを交えながら解説します。

【GA4】自分のIPアドレスを除外しても、iPhone(iPad)のSafariでは計測され続けていた件

GA4の計測に自分のIPアドレスを除外するよう設定したところ、PCもAndroid系スマホも正常に除外出来たのに、iOS系デバイスでは計測され続ける現象が発生しました。詳しく経緯を解説します。

【CSS】地味に厄介な「背景色付きテキスト(横幅追従･paddingあり)」のコーディング方法

テキスト量に追従して行ごとに背景色が付くデザイン。一見単純に見えますが、実はモダンCSSを使わないと実装は困難です。その実装方法を解説します。

【CPI】ContactForm7の設定変更でエラー。原因はWAF

CPIサーバーにてContact Form7を設定したところエラーで保存出来ず。原因はWAFだったので、対策を解説します。

ようこそメモルカへ！

当ウェブサイト「メモルカ」をご覧いただき、ありがとうございます！この記事ではメモルカ管理人のプロフィールと、メモルカ4つのカテゴリーについて解説いたします。