Web制作 :has()疑似クラスを使いこなす！次世代CSSの実用例集
CSSに新しく加わった強力なセレクター:has()。この関数型疑似クラスは、親要素が特定の子や兄弟要素を持っているかを条件にスタイルを変えることができ、これまでJavaScript頼みだった「条件付きのスタイル変更」をCSS単体で実現できる...
Web制作 
Web制作 初心者向けWordPressテーマを徹底比較｜デザイン・機能・価格で選ぶ最適な1つ
WordPressテーマを選ぶときに迷うポイントとは？WordPressでサイトを作るとき、テーマ選びで悩んだ経験はありませんか？見た目のデザインやカスタマイズのしやすさ、価格、SEO対応の有無など、気になるポイントはたくさんありますよね。...
AI ChatGPTを使うべきでない理由──限界構造とその被害を正しく理解する
ChatGPTを含む対話型AIは、近年爆発的に普及しました。言語を理解し、自然な文を生成し、人間の業務や発想をサポートするとされ、無数の業界で「革新のツール」としてもてはやされてきました。しかし実際には、その構造に起因する深刻な欠陥が多く存...
Web制作 MacのVSCodeでできる、便利な選択・置換・削除
特定の文字を含む行を抽出する検索したい文字列をドラッグで選択「 command + F」で検索モードにする「option + Enter」で文字列を含む検索結果をすべて選択「command + L」で検索結果が含まれる行を選択改行を削除して...
Web制作 【CSS】display: table系のプロパティをまとめておさらい
display: table 系のプロパティはテーブルレイアウトを実現するために使われますが、よく忘れるのでそれぞれのプロパティの役割を簡単にまとめました。display: table;HTMLの<table>要素と同じように動作します。こ...
Web制作 Bitbucketで「RPC failed; HTTP 500 curl 22 The requested URL returned error: 500」エラーが出てプッシュできない
Bitbucketで「RPC failed; HTTP 500 curl 22 The requested URL returned error: 500」というエラーが出てプッシュが完了しませんでした。調べるとどうやらプッシュできる容量の...
Web制作 【WordPress】post_contentで出力する内容に段落タグを含むようにする
WordPressのget_post関数を使用して投稿や固定ページの内容を取得する際、post_contentには段落タグ（<p>）が含まれず、改行のみで保存されています。そのため、post_contentをそのまま出力するとレイアウトが崩...
Web制作 【WordPress】img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px; }を削除する
WordPress 6.7 では、新しいsizes="auto"の仕組みを導入し、それに伴うレイアウトシフトを防ぐため、以下のようなコードが出力されるようになりました。<style>img:is(, ) { contain-intrinsi...
Web制作 wp-load.phpを読み込んでいるWordPress外の静的ページでも管理バーを表示させる
トップページへブログの記事一覧を埋め込む場合など、静的ページでwp-load.phpを読み込んでいる場合、WordPressの管理バー（admin-bar）が表示されません。管理バーを表示させたい場合は、wp-load.phpを読み込んだ後...
Web制作 【WordPress】wp_head()で出力された不要なコードを削除する
wp_head()で出力されるコードを削除してしまいたい場合、/テーマディレクトリ/functions.phpに以下の内容を追記します。// Really Simple Discoveryremove_action('wp_head', '...