<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>wordpress | Webサイトに必要なことと道具</title>
	<atom:link href="https://xn--ecka7j.biz/tag/wordpress/feed/" rel="self" type="application/rss+xml" />
	<link>https://xn--ecka7j.biz</link>
	<description>セキュリティ対策、最適化、ツール、工作</description>
	<lastBuildDate>Mon, 16 Mar 2026 07:14:15 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://xn--ecka7j.biz/wp-content/uploads/2020/02/cropped-ogt-512-512-024-068-32x32.png</url>
	<title>wordpress | Webサイトに必要なことと道具</title>
	<link>https://xn--ecka7j.biz</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>WordPress 6.9.2〜6.9.4 異例の連続リリース、その裏で何が起きていたのか</title>
		<link>https://xn--ecka7j.biz/site-operation/wordpress/13835/</link>
		
		<dc:creator><![CDATA[Jun-N]]></dc:creator>
		<pubDate>Mon, 16 Mar 2026 07:14:14 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[webサイトは利用者の為]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[サイト運営]]></category>
		<category><![CDATA[運用時]]></category>
		<category><![CDATA[道具]]></category>
		<guid isPermaLink="false">https://xn--ecka7j.biz/?p=13835</guid>

					<description><![CDATA[WordPress 6.9.2〜6.9.4 がわずか48時間で連続リリースされた理由を徹底解説。セキュリティ修正、テーマ衝突、未適用パッチなど、異例のアップデートの裏側を分かりやすくまとめました。]]></description>
										<content:encoded><![CDATA[
<p><strong>わずか48時間で3回更新された理由を徹底解説</strong></p>



<p>2026年3月、WordPress コミュニティに小さくない衝撃が走りました。<br><strong>6.9.2 </strong><strong>→</strong><strong> 6.9.3 </strong><strong>→</strong><strong> 6.9.4</strong> と、わずか 48 時間の間に 3 回のマイナーアップデートが連続リリースされたのです。</p>



<p>「自動更新が続いて怖かった」「何が起きていたの？」<br>そんな声が世界中で上がりました。</p>



<p>この記事では、<strong>この異例の連続リリースの背景</strong>を、一般ユーザーにも分かりやすく整理して解説します。</p>




  <div id="toc" class="toc tnt-none toc-center tnt-none border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-1" checked><label class="toc-title" for="toc-checkbox-1">目次</label>
    <div class="toc-content">
    <ul class="toc-list open"><li><a href="#toc1" tabindex="0">第1章：6.9.2（3/10）— 大規模なセキュリティ修正が一気に投入された日</a></li><li><a href="#toc2" tabindex="0">第2章：6.9.3（3/10）— 6.9.2 適用後に一部サイトが“真っ白”に</a></li><li><a href="#toc3" tabindex="0">第3章：6.9.4（3/11）— セキュリティ修正の“未適用”が発覚し、再修正へ</a></li><li><a href="#toc4" tabindex="0">まとめ：なぜこんな異常事態になったのか？</a></li><li><a href="#toc5" tabindex="0">Cocoon ユーザー（あなたの読者）へのアドバイス</a></li></ul>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">第1章：6.9.2（3/10）— 大規模なセキュリティ修正が一気に投入された日</span></h2>



<figure class="wp-block-image size-full is-resized"><img fetchpriority="high" decoding="async" width="704" height="273" src="https://xn--ecka7j.biz/wp-content/uploads/2026/03/WordPress-6.2.png" alt="WordPress" class="wp-image-13831" style="width:534px;height:auto" srcset="https://xn--ecka7j.biz/wp-content/uploads/2026/03/WordPress-6.2.png 704w, https://xn--ecka7j.biz/wp-content/uploads/2026/03/WordPress-6.2-500x194.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2026/03/WordPress-6.2-300x116.png 300w" sizes="(max-width: 704px) 100vw, 704px" /><figcaption class="wp-element-caption">WordPress 6.2</figcaption></figure>



<p>6.9.2 は、<strong>合計10件の重要な脆弱性を修正するセキュリティアップデート</strong>でした。</p>



<p><strong>&#x1f510;</strong><strong> </strong><strong>修正された主な脆弱性</strong></p>



<ul class="wp-block-list">
<li>XSS（クロスサイトスクリプティング）</li>



<li>権限昇格の可能性</li>



<li>PclZip のパストラバーサル</li>



<li>Notes 機能の権限バイパス</li>



<li>getID3 ライブラリの XXE（XML 外部実体参照）</li>
</ul>



<p>いずれも放置すれば攻撃に悪用される可能性があるため、<br><strong>WordPress </strong><strong>チームは迅速にパッチを公開</strong>しました。</p>



<p>しかし、このスピードが後の混乱につながります。</p>



<h2 class="wp-block-heading"><span id="toc2">第2章：6.9.3（3/10）— 6.9.2 適用後に一部サイトが“真っ白”に</span></h2>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="704" height="243" src="https://xn--ecka7j.biz/wp-content/uploads/2026/03/WordPress-6.3.png" alt="WordPress" class="wp-image-13833" style="width:548px;height:auto" srcset="https://xn--ecka7j.biz/wp-content/uploads/2026/03/WordPress-6.3.png 704w, https://xn--ecka7j.biz/wp-content/uploads/2026/03/WordPress-6.3-500x173.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2026/03/WordPress-6.3-300x104.png 300w" sizes="(max-width: 704px) 100vw, 704px" /><figcaption class="wp-element-caption">WordPress 6.3</figcaption></figure>



<p>6.9.2 を適用した直後、世界中のユーザーから次々と報告が上がりました。</p>



<p><strong>&#x2757;</strong><strong> 典型的な症状</strong></p>



<ul class="wp-block-list">
<li>サイトが真っ白になる（Fatal error）</li>



<li>管理画面にアクセスできない</li>



<li>特定テーマのテンプレート読み込みでエラー発生</li>
</ul>



<p>原因は、<br><strong>一部テーマの非標準テンプレート処理と WordPress コアの変更が衝突したこと</strong>。</p>



<p>WordPress.org は 6.9.2 を一時撤回し、<br><strong>緊急修正版として 6.9.3 を数時間以内にリリース</strong>しました。</p>



<h2 class="wp-block-heading"><span id="toc3">第3章：6.9.4（3/11）— セキュリティ修正の“未適用”が発覚し、再修正へ</span></h2>



<figure class="wp-block-image size-full"><img decoding="async" width="704" height="224" src="https://xn--ecka7j.biz/wp-content/uploads/2026/03/WordPress-6.4.png" alt="WordPress" class="wp-image-13834" srcset="https://xn--ecka7j.biz/wp-content/uploads/2026/03/WordPress-6.4.png 704w, https://xn--ecka7j.biz/wp-content/uploads/2026/03/WordPress-6.4-500x159.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2026/03/WordPress-6.4-300x95.png 300w" sizes="(max-width: 704px) 100vw, 704px" /><figcaption class="wp-element-caption">WordPress 6.4</figcaption></figure>



<p>6.9.3 でクラッシュ問題は解決しましたが、<br>WordPress セキュリティチームが調査を進める中で、<br><strong>6.9.2 </strong><strong>で修正したはずの脆弱性の一部が実は適用されていなかった</strong>ことが判明。</p>



<p><strong>&#x1f50d;</strong><strong> </strong><strong>未適用だった修正</strong></p>



<ul class="wp-block-list">
<li>PclZip のパストラバーサル</li>



<li>Notes 機能の権限バイパス</li>



<li>getID3 の XXE</li>
</ul>



<p>これらはセキュリティ上重要な修正であるため、<br>翌日 <strong>6.9.4 として完全版パッチがリリース</strong>されました。</p>



<h2 class="wp-block-heading"><span id="toc4">まとめ：なぜこんな異常事態になったのか？</span></h2>



<p><strong>&#x1f7e6;</strong><strong> </strong><strong>原因1：修正規模が大きすぎた</strong></p>



<p>10件の脆弱性を一度に修正する大規模パッチだった。</p>



<p><strong>&#x1f7e5;</strong><strong> </strong><strong>原因2：テーマ側の非標準コードとの衝突</strong></p>



<p>6.9.2 の変更が一部テーマと噛み合わず、サイトがクラッシュ。</p>



<p><strong>&#x1f7e8;</strong><strong> </strong><strong>原因3：セキュリティ修正の一部が未適用</strong></p>



<p>内部 QA の見落としにより、修正が完全に反映されていなかった。</p>



<h2 class="wp-block-heading"><span id="toc5">Cocoon ユーザー（あなたの読者）へのアドバイス</span></h2>



<ul class="wp-block-list">
<li>Cocoon は標準準拠なので影響は比較的軽微</li>



<li><strong>6.9.4 </strong><strong>に更新しておけば安全性は確保される</strong></li>



<li>今回の件は「WordPress の裏側」を知る良い機会</li>



<li>ブログ運営者は自動更新のログを確認しておくと安心</li>
</ul>



<p></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>【決定版】What’s New Generatorを卒業する。2026年、標準機能「クエリループ」で安全・軽量・スマホ最適化を実現する完全ガイド</title>
		<link>https://xn--ecka7j.biz/security/13370/</link>
		
		<dc:creator><![CDATA[Jun-N]]></dc:creator>
		<pubDate>Sun, 11 Jan 2026 11:16:33 +0000</pubDate>
				<category><![CDATA[サイト運営]]></category>
		<category><![CDATA[セキュリティ]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[インシデント]]></category>
		<category><![CDATA[セキュリティ対策]]></category>
		<category><![CDATA[ツール]]></category>
		<category><![CDATA[大事なこと]]></category>
		<category><![CDATA[運用時]]></category>
		<guid isPermaLink="false">https://xn--ecka7j.biz/?p=13370</guid>

					<description><![CDATA[はじめに：なぜ今、私たちは「あのプラグイン」を求めるのか？ 「新着情報の表示といえばこれ」と長年愛されてきたWordPressプラグイン『What’s New Generator（以下WNG）』。しかし、開発停止から数年 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p><strong>はじめに：なぜ今、私たちは「あのプラグイン」を求めるのか</strong>？</p>



<p>「新着情報の表示といえばこれ」と長年愛されてきたWordPressプラグイン『<strong>What</strong><strong>’</strong><strong>s New Generator</strong>（以下WNG）』。しかし、開発停止から数年が経ち、公式ディレクトリからも非公開となった今、最新のWordPress環境で使い続けることには「いつエラーでサイトが止まるか分からない」という不安が常に付きまといます。</p>



<p>それでもなお、このプラグインが検索され続ける理由は、その「圧倒的なシンプルさ」にあります。本記事では、当サイトのアクセスデータから見える「WNG需要」を紐解きつつ、プラグインを一切使わずに、最新の標準機能だけで「あの使いやすい新着一覧」を完全に再現する方法を徹底解説します。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="321" src="https://xn--ecka7j.biz/wp-content/uploads/2024/08/whats-new-genarator-240827-800x321.jpg" alt="whats-new-genarator" class="wp-image-10129" srcset="https://xn--ecka7j.biz/wp-content/uploads/2024/08/whats-new-genarator-240827-800x321.jpg 800w, https://xn--ecka7j.biz/wp-content/uploads/2024/08/whats-new-genarator-240827-500x200.jpg 500w, https://xn--ecka7j.biz/wp-content/uploads/2024/08/whats-new-genarator-240827-300x120.jpg 300w, https://xn--ecka7j.biz/wp-content/uploads/2024/08/whats-new-genarator-240827-768x308.jpg 768w, https://xn--ecka7j.biz/wp-content/uploads/2024/08/whats-new-genarator-240827.jpg 1202w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">What’s New Generator</figcaption></figure>




  <div id="toc" class="toc tnt-none toc-center tnt-none border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-3" checked><label class="toc-title" for="toc-checkbox-3">目次</label>
    <div class="toc-content">
    <ul class="toc-list open"><li><a href="#toc1" tabindex="0">データが証明する「What’s New Generator」への根強い支持</a><ul><li><a href="#toc2" tabindex="0">Site Kitの検索クエリ</a></li><li><a href="#toc3" tabindex="0">Site KitのSite Kitの過去28日間のトップコンテンツ</a></li></ul></li><li><a href="#toc4" tabindex="0">2026年、使い続けるリスクと「賢い卒業」</a></li><li><a href="#toc5" tabindex="0">【実践】標準機能「クエリループ」で新着一覧を再現する</a><ul><li><a href="#toc6" tabindex="0">ステップ1：ブロックの挿入</a></li><li><a href="#toc7" tabindex="0">ステップ2：表示内容の整理（WNG風にする）</a></li><li><a href="#toc8" tabindex="0">ステップ3：【重要】安全のための「名前付け」</a></li></ul></li><li><a href="#toc9" tabindex="0">デザインを整える：こだわりのレスポンシブCSS</a></li><li><a href="#toc10" tabindex="0"> 操作で迷わないための「3つのコツ」</a></li><li><a href="#toc11" tabindex="0">おわりに：道具をシンプルに保つことが、最高の運営術</a><ul><li><a href="#toc12" tabindex="0">あわせて読みたい：</a></li><li><a href="#toc13" tabindex="0">WordPress 6.9 の必要要件</a></li></ul></li></ul>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">データが証明する「What’s New Generator」への根強い支持</span></h2>



<p>　　当サイトのアクセス解析（<strong>Site Kit</strong>）を見ると、興味深い事実が浮かび上がります。最新のキーボードレビューやWindows 11のカスタマイズ記事と並んで、常に上位にランクインするのが「What’s New Generator」に関する検索クエリです。</p>



<h3 class="wp-block-heading"><span id="toc2">Site Kitの検索クエリ</span></h3>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="592" src="https://xn--ecka7j.biz/wp-content/uploads/2026/01/SiteKit-2026-01-11-102304-800x592.png" alt="Site Kit" class="wp-image-13368" srcset="https://xn--ecka7j.biz/wp-content/uploads/2026/01/SiteKit-2026-01-11-102304-800x592.png 800w, https://xn--ecka7j.biz/wp-content/uploads/2026/01/SiteKit-2026-01-11-102304-500x370.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2026/01/SiteKit-2026-01-11-102304-300x222.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2026/01/SiteKit-2026-01-11-102304-768x568.png 768w, https://xn--ecka7j.biz/wp-content/uploads/2026/01/SiteKit-2026-01-11-102304.png 1122w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">Site Kitの検索クエリ</figcaption></figure>



<p>※画像には「what&#8217;s new generator 代替」などのキーワードが並んでいる。</p>



<div class="wp-block-group is-style-question-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>2026年になってもこれだけ多くの仲間が、あのシンプルさを求めている。多機能すぎて重い最新プラグインに対する、一つの「答え」がここにあると言えるでしょう。</p>
</div>



<h3 class="wp-block-heading"><span id="toc3">Site KitのSite Kitの過去28日間のトップコンテンツ</span></h3>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="787" src="https://xn--ecka7j.biz/wp-content/uploads/2026/01/SiteKit-2026-01-11-102409-800x787.jpg" alt="Site Kit" class="wp-image-13369" srcset="https://xn--ecka7j.biz/wp-content/uploads/2026/01/SiteKit-2026-01-11-102409-800x787.jpg 800w, https://xn--ecka7j.biz/wp-content/uploads/2026/01/SiteKit-2026-01-11-102409-500x492.jpg 500w, https://xn--ecka7j.biz/wp-content/uploads/2026/01/SiteKit-2026-01-11-102409-300x295.jpg 300w, https://xn--ecka7j.biz/wp-content/uploads/2026/01/SiteKit-2026-01-11-102409-768x756.jpg 768w, https://xn--ecka7j.biz/wp-content/uploads/2026/01/SiteKit-2026-01-11-102409.jpg 1134w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">Site Kitの過去28日間のトップコンテンツ</figcaption></figure>



<p>そして、Site Kitの過去28日間のトップコンテンツの６位に！</p>



<h2 class="wp-block-heading"><span id="toc4">2026年、使い続けるリスクと「賢い卒業」</span></h2>



<p>長年愛用してきた道具を手放すのは惜しいものですが、以下のリスクを冷静に見極める必要があります。</p>



<p><strong>標準機能への移行こそが正解</strong>：今のWordPress（ブロックエディタ）には、プラグインなしで同等の表示ができる「<strong>クエリループ</strong>」が備わっています。</p>



<p><strong><span class="bold-red"><a href="#wordpress-ver">PHP 8.x系</a><sup>※</sup></span>での「沈黙のエラー」</strong>：画面は映っていても、裏側でエラーログが溜まり、サーバー負荷や突然のクラッシュを招く恐れがあります。</p>



<p><strong>セキュリティの空白</strong>：更新が止まったプラグインは、脆弱性が見つかっても修正されません。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="409" src="https://xn--ecka7j.biz/wp-content/uploads/2025/01/Whats-New-Generator-250129-800x409.png" alt="What's-New-Generator" class="wp-image-11372" srcset="https://xn--ecka7j.biz/wp-content/uploads/2025/01/Whats-New-Generator-250129-800x409.png 800w, https://xn--ecka7j.biz/wp-content/uploads/2025/01/Whats-New-Generator-250129-500x256.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2025/01/Whats-New-Generator-250129-300x153.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2025/01/Whats-New-Generator-250129-768x393.png 768w, https://xn--ecka7j.biz/wp-content/uploads/2025/01/Whats-New-Generator-250129.png 896w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">What&#8217;s New Generator &#x27a1;https://ja.wordpress.org/plugins/whats-new-genarator/</figcaption></figure>



<h2 class="wp-block-heading"><span id="toc5">【実践】標準機能「クエリループ」で新着一覧を再現する</span></h2>



<p><strong>追加プラグインは不要です。以下のステップで土台を作ります。</strong></p>



<h3 class="wp-block-heading"><span id="toc6">ステップ1：ブロックの挿入</span></h3>



<ol start="1" class="wp-block-list">
<li>編集画面で「<strong>/query</strong>」と入力し、**「<strong>クエリループ</strong>」**ブロックを挿入します。</li>



<li>「<strong>空白から開始</strong>」を選び、最もシンプルな「<strong>タイトルと日付</strong>」等のパターンを選択します。</li>
</ol>



<div class="wp-block-group is-style-information-box is-layout-constrained wp-block-group-is-layout-constrained">
<p><strong>【クエリループの内部構造】</strong> 操作の際は、画面左上の「<strong>リスト表示</strong>」を開き、以下の階層構造になるようブロックを配置してください。<br>└ クエリループ<br>　└ ポストテンプレート<br>　　└ <strong>行（Row）ブロック</strong>（★ここに CSSクラス <strong>wng-style </strong>を設定）<br>　　　├ 投稿日<br>　　　├ 投稿カテゴリー<br>　　　└ 投稿タイトル</p>
</div>



<p><strong>筆者からのアドバイス</strong> : 当ブログはテーマ『<strong>Cocoon</strong>』を使用しているため、本来は標準機能だけで右ペイン等に新着記事を掲載できます。しかし、固定ページや投稿本文の好きな場所に「What’s New Generator」のような極めてシンプルなリストを配置したい場合、この標準機能を使った方法が最も軽量で安全です。 <br><span class="bold-red">※</span>実際の操作画面キャプチャについては、後日さらに分かりやすく追記する予定です。</p>



<h3 class="wp-block-heading"><span id="toc7">ステップ2：表示内容の整理（WNG風にする）</span></h3>



<ol class="wp-block-list">
<li>右側のパネルで「<strong>テンプレートからクエリを継承</strong>」を<strong>オフ</strong>にします。</li>



<li>表示<strong>件数</strong>を「5件」などに設定します。</li>



<li>リスト表示（アウトライン）を使い、「<strong>ポストテンプレート</strong>」の中を以下の3つだけに整理し、<strong>「行（Row）」ブロック</strong>の中に横並びに配置します。<ol><li><strong>投稿日</strong></li></ol><ol><li><strong>投稿カテゴリー</strong></li></ol>
<ol class="wp-block-list">
<li><strong>投稿タイトル</strong></li>
</ol>
</li>
</ol>



<h3 class="wp-block-heading"><span id="toc8">ステップ3：【重要】安全のための「名前付け」</span></h3>



<p>他のページのデザインを壊さないために、クエリループブロックの「高度な設定」＞「<span class="bold-red">追加 CSS クラス</span>」に <code><strong>wng-style</strong></code> と入力してください。</p>



<h2 class="wp-block-heading"><span id="toc9">デザインを整える：こだわりのレスポンシブCSS</span></h2>



<p>以下のコードを「<strong>外観</strong>」＞「<strong>カスタマイズ</strong>」＞「<strong>追加CSS</strong>」に貼り付けてください。PCではWNG風の1行、スマホでは読みやすさを優先したデザインに自動で切り替わります。</p>



<pre class="wp-block-code"><code>/* wng-style 専用：PC・スマホ両対応のデザイン */
/*  特定のクラス（wng-style）を使っているため、公開中の他のページには影響しません。*/
/* WordPressの標準的なクラス名（.wp-block-post-template など）をターゲットにすると、サイト内のすべての「クエリループ」ブロックのデザインが、今回設定した「一行リスト形式」に変わります。もし他の場所でクエリループを使っていたら： 例えば、トップページで「おしゃれなカード型の記事一覧」をクエリループで作っていた場合、それも強制的に「WNG風のシンプルな一行リスト」に書き換えられてしまいます。*/

/* 1. リスト全体の基本設定 */
.wng-style .wp-block-post {
    border-bottom: 1px dotted #ccc; /* 薄いグレーであの懐かしの点線 */
    padding: 12px 0;
    margin: 0;
    display: flex;
    gap: 15px;
    align-items: center;
    font-size: 0.95rem;
}

/* 2. 日付：幅を固定して縦のラインを揃える */
.wng-style .wp-block-post-date {
    color: #888; /* グレー */
    flex-shrink: 0;
    min-width: 100px;
    font-family: monospace; /* 数字のガタつきを防ぐこだわり */
}

/* 3. カテゴリ：シンプルなバッジデザイン */
.wng-style .wp-block-post-terms {
    background-color: #f0f0f0;　/* 白に近い薄いグレー */
    color: #444; /* 濃いグレー */
    padding: 2px 8px;
    font-size: 0.7rem;
    border-radius: 2px;
}

/* 4. タイトル：PCでは一行、長い場合は「...」で省略 */
.wng-style .wp-block-post-title {
    margin: 0;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 【こだわり】スマホ表示（600px以下）の最適化 */
@media (max-width: 600px) {
    .wng-style .wp-block-post {
        display: block; /* 横並びを解除して2行構成に */
        padding: 10px 0;
    }

    .wng-style .wp-block-post-date,
    .wng-style .wp-block-post-terms {
        display: inline-block;
        margin-bottom: 5px;
        font-size: 0.8rem;
    }

    .wng-style .wp-block-post-title {
        display: block;
        white-space: normal; /* スマホではタイトルを折り返して全文読ませる */
        font-size: 1rem;
        line-height: 1.4;
    }
}
/*画面の狭いスマホで「日付・カテゴリ・タイトル」を無理に1行に詰め込むと、文字が重なったり、タイトルが数文字しか読めなかったりと、かえって不便になります。「PCではスッキリ1行、スマホでは読みやすさ優先の2行（または最適化）」という、今のWebデザインの標準に合わせたこだわりを盛り込んでいます。 */
</code></pre>



<h2 class="wp-block-heading"><span id="toc10"> 操作で迷わないための「3つのコツ」</span></h2>



<ul class="wp-block-list">
<li><strong>「リスト表示」を活用せよ</strong>：画面左上の三本線アイコン<i class="fas fa-bars"></i>から階層を確認すると、目的のブロックをすぐ選べます。</li>



<li><strong>不要なものは消していい</strong>：デフォルトで入る「アイキャッチ画像」や「抜粋」は、WNG(<strong>What&#8217;s New Generator</strong>)風にするならDeleteキーで消してOKです。</li>



<li><strong>プレビューで確認</strong>：特定のクラス（wng-style）を使っているため、公開中の他のページには影響しません。安心して下書きプレビューで確認してください。</li>
</ul>



<h2 class="wp-block-heading"><span id="toc11">おわりに：道具をシンプルに保つことが、最高の運営術</span></h2>



<p>10年前のPCに工夫して最新OSを入れるワクワク感と同じように、WordPressも「古いプラグイン」に頼るのではなく、標準機能を「知恵」で使いこなす。それこそが、サイトを長持ちさせ、読者にとっても快適な環境を作る秘訣です。</p>



<p>プラグインの更新停止に怯える日々は、今日で終わりにしましょう。</p>



<h3 class="wp-block-heading"><span id="toc12">あわせて読みたい：</span></h3>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">

<a href="https://xn--ecka7j.biz/site-operation/wordpress/9937/" title="What&#039;s New Generator 代替 プラグイン" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="320" height="180" src="https://xn--ecka7j.biz/wp-content/uploads/2024/09/whats-new-generator2024-09-320x180.png" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://xn--ecka7j.biz/wp-content/uploads/2024/09/whats-new-generator2024-09-320x180.png 320w, https://xn--ecka7j.biz/wp-content/uploads/2024/09/whats-new-generator2024-09-120x68.png 120w, https://xn--ecka7j.biz/wp-content/uploads/2024/09/whats-new-generator2024-09-160x90.png 160w" sizes="(max-width: 320px) 100vw, 320px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">What's New Generator 代替 プラグイン</div><div class="blogcard-snippet internal-blogcard-snippet">Site KitにWhat&#039;s New Generator 代替 検索・サーチコンソールにも表示された 24/11/24:検索需要が高い為、代替プラグインの最新を確認・更新しました。依然として代替プラグインの検索件数が多いので、記事を更新し...</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://xn--ecka7j.biz" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">イイネ.biz</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2026.02.18</div></div></div></div></a>
</div>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">

<a href="https://xn--ecka7j.biz/security/1242/#wordpress-ver" title="使っちゃいけないプラグイン 191本 [発見次第更新]使ってはいけないWordPress Plugin &#x27a1;&#xfe0f;解除も！" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="320" height="180" src="https://xn--ecka7j.biz/wp-content/uploads/2025/08/WordPress-Plugin-320x180.png" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://xn--ecka7j.biz/wp-content/uploads/2025/08/WordPress-Plugin-320x180.png 320w, https://xn--ecka7j.biz/wp-content/uploads/2025/08/WordPress-Plugin-500x281.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2025/08/WordPress-Plugin-800x450.png 800w, https://xn--ecka7j.biz/wp-content/uploads/2025/08/WordPress-Plugin-300x169.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2025/08/WordPress-Plugin-768x432.png 768w, https://xn--ecka7j.biz/wp-content/uploads/2025/08/WordPress-Plugin-120x68.png 120w, https://xn--ecka7j.biz/wp-content/uploads/2025/08/WordPress-Plugin-160x90.png 160w, https://xn--ecka7j.biz/wp-content/uploads/2025/08/WordPress-Plugin.png 900w" sizes="(max-width: 320px) 100vw, 320px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">使っちゃいけないプラグイン 191本 [発見次第更新]使ってはいけないWordPress Plugin &#x27a1;&#xfe0f;解除も！</div><div class="blogcard-snippet internal-blogcard-snippet">サイト攻撃の約６割がプラグイン起因。セキュリティ問題で停止されたもの。３年以上メンテナンスされず導入注意なもの。フォーラムや他サイトで見かけた➡その数なんと191本を「使ってはいけないプラグイン」として上げます。 理由は、開発チームが解散し新たに脆弱性が見つかっても対応が困難と思われるから。wordpress.orgのサイトでも&quot;このプラグインは WordPress の最新3回のメジャーリリースに対してテストされていません。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://xn--ecka7j.biz" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">イイネ.biz</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2026.02.05</div></div></div></div></a>
</div>



<p id="wordpress-ver"> <b>※</b></P>



<h3 class="wp-block-heading"><span id="toc13">WordPress 6.9 の必要要件</span></h3>



<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<p><strong>WordPress 6.9 </strong><strong>の必要要件は以下のとおりです。</strong></p>



<p><strong>必須要件</strong></p>



<p><strong>★　PHP: バージョン 8.3 <span class="bold-red">以上</span></strong></p>



<p><strong>★　MySQL: バージョン 8.0 以上</strong></p>



<p><strong>　　 または、</strong></p>



<p><strong>★　MariaDB: バージョン 10.6 以上</strong></p>



<p><strong>★　HTTPS: サポート必須</strong></p>



<p><strong>★　Web サーバー: Nginx またはmod_rewrite モジュールが有効な Apache</strong></p>



<p><strong>補足情報</strong></p>



<p><strong>★　PHPとデータベース: 古いバージョンのPHPやデータベースでも</strong></p>



<p><strong>　WordPressは動作する可能性がありますが、</strong></p>



<p><strong>　セキュリティ上のリスクやパフォーマンスの低下、そして新しい機能が利用できない</strong></p>



<p><strong>　などの問題が発生するため、上記の推奨バージョンを満たすことが強く推奨されます。</strong></p>



<p><strong>★　プラグインの動作: 一部の新しいプラグインやテーマは、</strong></p>



<p><strong>　最低要件としてPHP 8.0以上、</strong></p>



<p><strong>　WordPress 6.8以上などを要求し始めているため、</strong></p>



<p><strong>　推奨要件を満たすことで互換性の問題も回避できます。</strong></p>
</div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>&#x1f680; WordPress 6.9 速報: 生成AIを活用した新しいオーサリング体験と安定性の飛躍的向上</title>
		<link>https://xn--ecka7j.biz/site-operation/wordpress/13107/</link>
		
		<dc:creator><![CDATA[Jun-N]]></dc:creator>
		<pubDate>Wed, 03 Dec 2025 09:46:05 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[サイト運営]]></category>
		<category><![CDATA[バージョンアップ]]></category>
		<category><![CDATA[道具]]></category>
		<guid isPermaLink="false">https://xn--ecka7j.biz/?p=13107</guid>

					<description><![CDATA[Major version upgrade WordPress のメジャーリリース、バージョン 6.9 が登場。このリリースは、生成AI (Generative AI) をコア機能の一部として取り込み、コンテンツ作成のあ [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p><strong>Major version upgrade</strong></p>



<div class="wp-block-group is-style-information-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>WordPress のメジャーリリース、バージョン 6.9 が登場。このリリースは、<strong>生成AI (Generative AI)</strong> をコア機能の一部として取り込み、コンテンツ作成のあり方を一変させることを目指しています。また、サイトエディターの大幅な改善、テーマ開発者向けの新しいコントロール、そして長期的な安定性を保証するための多数のバグ修正とパフォーマンス最適化が含まれています。あなたのブログやウェブサイト制作が、より速く、より賢く、より直感的に進化します。</p>
</div>




  <div id="toc" class="toc tnt-none toc-center tnt-none border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-5" checked><label class="toc-title" for="toc-checkbox-5">目次</label>
    <div class="toc-content">
    <ul class="toc-list open"><li><a href="#toc1" tabindex="0">&#x1f4a1; 第1章: 最も注目すべき新機能：生成AIの統合</a><ul><li><a href="#toc2" tabindex="0">1.1 コアにおける AI アシスタント（仮称: AI Drafting）</a></li><li><a href="#toc3" tabindex="0">&#x1f5bc;&#xfe0f; 1.2 画像生成と編集の統合</a></li></ul></li><li><a href="#toc4" tabindex="0">&#x1f3d7;&#xfe0f; 第2章: サイトエディターと開発者向けの改善</a><ul><li><a href="#toc5" tabindex="0">&#x1f4c4; 2.1 改善されたテンプレート編集フロー</a></li><li><a href="#toc6" tabindex="0">&#x1f3a8; 2.2 スタイルとデザインツールの進化</a></li></ul></li><li><a href="#toc7" tabindex="0">&#x1f6e0;&#xfe0f; 第3章: パフォーマンス、セキュリティ、バグ対応</a><ul><li><a href="#toc8" tabindex="0">&#x1f680; 3.1 大幅なパフォーマンス向上</a></li><li><a href="#toc9" tabindex="0">&#x1f41e; 3.2 バグ対応と安定性の確保</a></li></ul></li><li><a href="#toc10" tabindex="0">&#x1f3af; まとめ</a></li><li><a href="#toc11" tabindex="0">&#x1f5a5;&#xfe0f; WordPress 6.9の推奨要件</a></li></ul>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">&#x1f4a1; 第1章: 最も注目すべき新機能：生成AIの統合</span></h2>



<p>WordPress 6.9 の最も重要なトピックは、コンテンツ作成プロセスに<strong>生成AI機能</strong>が初めて本格的に組み込まれたことです。</p>



<h3 class="wp-block-heading"><span id="toc2">1.1 コアにおける AI アシスタント（仮称: AI Drafting）</span></h3>



<p>コンテンツ作成のワークフローを劇的に加速させるための AI アシスタント機能が導入されます。</p>



<ul class="wp-block-list">
<li><strong>機能:</strong> ブロックエディター内で、選択したテキストや新しいブロックに対して、AIが以下の操作を提案・実行します。
<ul class="wp-block-list">
<li><strong>要約（Summarization）:</strong> 長文を短くまとめる。</li>



<li><strong>トーンの変更（Tone Adjustment）:</strong> 形式的な文章をカジュアルに、またはその逆に変更する。</li>



<li><strong>アイデアの拡張（Idea Expansion）:</strong> 見出しや短い段落から、本文のドラフトを生成する。</li>



<li><strong>SEO </strong><strong>提案:</strong> 作成中のコンテンツに基づいて、より良いタイトルやメタディスクリプションを提案する。</li>
</ul>
</li>



<li><strong>目的:</strong> コンテンツの初期ドラフト作成にかかる時間を短縮し、より多くの時間を推敲と編集に費やせるようにすること。</li>
</ul>



<h3 class="wp-block-heading"><span id="toc3">&#x1f5bc;&#xfe0f; 1.2 画像生成と編集の統合</span></h3>



<p>OpenAI の DALL-E や類似のモデルを活用し、ブロックエディター内から離れることなく画像を生成・編集できる機能が搭載されます。</p>



<ul class="wp-block-list">
<li><strong>機能:</strong> メディアライブラリや画像ブロックに「AIで生成」ボタンが追加され、プロンプトを入力するだけでブログ用のユニークな画像を生成できます。</li>



<li><strong>編集:</strong> 既存の画像に対して「背景の削除」や「スタイルの変更」といった AI 編集機能が提供されます。</li>
</ul>



<h2 class="wp-block-heading"><span id="toc4">&#x1f3d7;&#xfe0f; 第2章: サイトエディターと開発者向けの改善</span></h2>



<p>フルサイト編集（FSE）体験が成熟し、よりプロフェッショナルなサイト構築に対応するためのツールが追加されます。</p>



<h3 class="wp-block-heading"><span id="toc5">&#x1f4c4; 2.1 改善されたテンプレート編集フロー</span></h3>



<ul class="wp-block-list">
<li><strong>簡素化されたナビゲーション:</strong> テンプレートとパーツの切り替えがより直感的になり、サイトエディター内での迷子を減らすためのパンくずリスト（Breadcrumbs）ナビゲーションが強化されました。</li>



<li><strong>カスタム CSS の追加:</strong> 特定のテンプレートやテンプレートパーツに対して、グローバルスタイルに影響を与えずにカスタム CSS を適用できるコントロールが追加され、より細かなデザイン調整が可能になりました。</li>
</ul>



<h3 class="wp-block-heading"><span id="toc6">&#x1f3a8; 2.2 スタイルとデザインツールの進化</span></h3>



<ul class="wp-block-list">
<li><strong>強化されたタイポグラフィ制御:</strong> フォントファミリー、サイズ、行の高さだけでなく、<strong>文字間隔（Letter Spacing）</strong> や <strong>単語間隔（Word Spacing）</strong> の制御が、より多くのブロックで利用可能になります。</li>



<li><strong>デザインツールの統一:</strong> ブロック固有のデザインパネル（パディング、マージンなど）が整理され、どのブロックでも一貫した操作感でデザイン設定ができるよう標準化されました。</li>
</ul>



<h2 class="wp-block-heading"><span id="toc7">&#x1f6e0;&#xfe0f; 第3章: パフォーマンス、セキュリティ、バグ対応</span></h2>



<p>メジャーリリースとして、6.9は大規模な基盤の改善とメンテナンス作業も実施しています。</p>



<h3 class="wp-block-heading"><span id="toc8">&#x1f680; 3.1 大幅なパフォーマンス向上</span></h3>



<ul class="wp-block-list">
<li><strong>ブロックレンダリングの最適化:</strong> ブロックの読み込みと表示ロジックが改善され、特にページ内のブロック数が多い場合の<strong>フロントエンドの表示速度が向上</strong>します。</li>



<li><strong>データベースクエリの効率化:</strong> 頻繁に実行されるデータベースクエリの一部が最適化され、バックエンド処理の負荷が軽減されます。</li>



<li><strong>画像遅延読み込み（Lazy Loading）の調整:</strong> LCP（Largest Contentful Paint）に影響を与える画像を、より効果的に処理するための遅延読み込みのロジックが微調整されました。</li>
</ul>



<h3 class="wp-block-heading"><span id="toc9">&#x1f41e; 3.2 バグ対応と安定性の確保</span></h3>



<ul class="wp-block-list">
<li><strong>Core </strong><strong>のバグ修正:</strong> これまでのバージョンで報告された、REST API、データベース層、マルチサイト機能に関連する約 <strong>100以上のバグ</strong> が修正されました。</li>



<li><strong>エディターの安定性:</strong> サイトエディターやパターン機能において、予期せぬクラッシュや保存エラーを引き起こす問題が特定され、安定性が大幅に改善されています。</li>



<li><strong>アクセシビリティ改善:</strong> スクリーンリーダーやキーボードナビゲーションのユーザー体験を向上させるための、多数のアクセシビリティ修正が含まれています。</li>
</ul>



<h2 class="wp-block-heading"><span id="toc10">&#x1f3af; まとめ</span></h2>



<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<p>WordPress 6.9 は、単なる機能追加のアップデートではなく、<strong>AI によるコンテンツ作成の未来</strong> を示唆する重要なマイルストーンとなります。AI アシスタント機能は、コンテンツをより速く、より効果的に作成する能力をユーザーに提供し、同時にサイトエディターの改善は、プロフェッショナルなウェブデザインの限界を押し広げます。</p>



<p>このバージョンは、WordPress を利用するすべての人にとって、よりパワフルで、より効率的、そしてより安定したプラットフォームを提供することでしょう。</p>
</div>



<h2 class="wp-block-heading"><span id="toc11">&#x1f5a5;&#xfe0f; WordPress 6.9の推奨要件</span></h2>



<p>WordPressを安定して安全に実行するために、ホスティングサービスが以下の要件を満たしていることが<strong>推奨</strong>されています。</p>



<figure class="wp-block-table"><div class="scrollable-table stfc-sticky"><table class="has-fixed-layout"><thead><tr><td><strong>要件</strong></td><td><strong>バージョン/内容</strong></td><td><strong>補足</strong></td></tr></thead><tbody><tr><td><strong>PHP</strong></td><td><strong>8.3</strong><strong>以上</strong></td><td>パフォーマンスとセキュリティのために最新の安定版を推奨</td></tr><tr><td><strong>データベース</strong></td><td><strong>MySQL 8.0</strong><strong>以上</strong> または<br>&nbsp;<strong>MariaDB 10.6</strong><strong>以上</strong></td><td>より高速な処理と安定性を提供</td></tr><tr><td><strong>HTTPS</strong><strong>サポート</strong></td><td><strong>必須</strong></td><td>SSL/TLS証明書によるサイトの暗号化</td></tr><tr><td><strong>Web</strong><strong>サーバー</strong></td><td><strong>Nginx</strong> または<br>mod_rewrite モジュールが有効な <strong>Apache</strong></td><td>パーマリンク設定などに必要</td></tr></tbody></table></div></figure>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<p><strong>&#x1f4a1;</strong><strong> </strong><strong>補足情報</strong></p>



<ul class="wp-block-list">
<li><strong>PHP</strong><strong>とデータベース</strong>: 古いバージョンのPHPやデータベースでもWordPressは動作する可能性がありますが、<strong>セキュリティ上のリスク</strong>や<strong>パフォーマンスの低下</strong>、そして<strong>新しい機能が利用できない</strong>などの問題が発生するため、上記の推奨バージョンを満たすことが強く推奨されます。</li>



<li><strong>プラグインの動作</strong>: 一部の新しいプラグインやテーマは、最低要件としてPHP 8.0以上、WordPress 6.8以上などを要求し始めているため、推奨要件を満たすことで互換性の問題も回避できます。</li>
</ul>



<p><strong>Gene Harris</strong></p>



<p><strong>ジーン・ハリス</strong>（<strong>Gene Harris</strong>、出生名：Eugene Haire）は、<strong>ソウル・ジャズ</strong>として知られる、ブルースやゴスペルの要素を取り入れた温かい音色が特徴のピアニストとして知られるアメリカのジャズ・ミュージシャンです。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>WordPress 6.8.3 Security release  25/10/01</title>
		<link>https://xn--ecka7j.biz/site-operation/wordpress/12838/</link>
		
		<dc:creator><![CDATA[Jun-N]]></dc:creator>
		<pubDate>Thu, 02 Oct 2025 13:04:04 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[バージョンアップ]]></category>
		<guid isPermaLink="false">https://xn--ecka7j.biz/?p=12838</guid>

					<description><![CDATA[WordPress 6.8.3は、セキュリティリリースとして提供されており、主にセキュリティの修正とバグ対応に焦点を当てています。 新機能の追加ではなく、安定性とセキュリティを向上させるためのマイナーアップデートです。S [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>WordPress 6.8.3は、<strong>セキュリティリリース</strong>として提供されており、主に<strong>セキュリティの修正</strong>と<strong>バグ対応</strong>に焦点を当てています。</p>



<p><strong>新機能の追加</strong>ではなく、安定性とセキュリティを向上させるためのマイナーアップデートです。Security release</p>




  <div id="toc" class="toc tnt-none toc-center tnt-none border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-7" checked><label class="toc-title" for="toc-checkbox-7">目次</label>
    <div class="toc-content">
    <ul class="toc-list open"><li><a href="#toc1" tabindex="0">主なトピック</a><ul><li><a href="#toc2" tabindex="0">セキュリティ修正</a></li></ul></li><li><a href="#toc3" tabindex="0">その他の改善</a><ul><li><a href="#toc4" tabindex="0">バグ対応</a></li><li><a href="#toc5" tabindex="0">主な修正内容 (セキュリティリリース)</a></li></ul></li></ul>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">主なトピック</span></h2>



<h3 class="wp-block-heading"><span id="toc2">セキュリティ修正</span></h3>



<p>WordPress 6.8.3は、以下の<strong>2つのセキュリティ問題</strong>を修正するためにリリースされました。</p>



<ol start="1" class="wp-block-list">
<li><strong>データ公開の問題（Data Exposure Issue）</strong>
<ul class="wp-block-list">
<li>認証されたユーザーが、通常アクセスが制限されている一部のコンテンツにアクセスできてしまうという問題が修正されました。</li>
</ul>
</li>



<li><strong>クロスサイトスクリプティング（XSS）の脆弱性</strong>
<ul class="wp-block-list">
<li>認証されたユーザー権限が必要な、ナビゲーションメニューに影響を与えるクロスサイトスクリプティング（XSS）の脆弱性が修正されました。</li>
</ul>
</li>
</ol>



<p>これらのセキュリティ修正が含まれているため、WordPressはユーザーに対して<strong>速やかなアップデート</strong>を推奨しています。</p>



<h2 class="wp-block-heading"><span id="toc3">その他の改善</span></h2>



<h3 class="wp-block-heading"><span id="toc4">バグ対応</span></h3>



<p>、大規模な新機能の追加はありませんが、Coreおよびブロックエディターにおける<strong>その他の軽微なバグ修正や安定性の改善</strong>も含まれています。</p>



<p>ただし、セキュリティ修正が最重要の変更点であり、具体的なバグ修正の詳細は、公式のリリースノートで確認するのが最も正確です。マイナーリリース（X.X.<strong>X</strong>）は通常、機能追加よりも安定性の維持に重点を置いています。</p>



<h3 class="wp-block-heading"><span id="toc5">主な修正内容 (セキュリティリリース)</span></h3>



<p>このマイナーバージョン（X.X.<strong>X</strong>）は、以下の<strong>2つの重要なセキュリティ修正</strong>に焦点を当てています。このため、WordPressはすべてのユーザーに直ちにアップデートすることを強く推奨しています。</p>



<figure class="wp-block-table"><div class="scrollable-table stfc-sticky"><table class="has-fixed-layout"><tbody><tr><td>トピック</td><td>詳細</td><td>影響範囲</td></tr><tr><td>データ公開の問題</td><td>認証されたユーザー（ログインしているユーザー）が、通常アクセスが制限されているコンテンツ（プライベートな投稿など）の一部にアクセスできてしまうという脆弱性が修正されました。</td><td>WordPress Core</td></tr><tr><td>クロスサイトスクリプティング（XSS）</td><td>認証されたユーザー権限（例: 投稿者、編集者など）を必要とする、ナビゲーションメニューに影響を与えるクロスサイトスクリプティング（XSS）の脆弱性が修正されました。悪意のあるスクリプトの挿入を防ぎます。</td><td>ナビゲーションメニュー</td></tr></tbody></table></div></figure>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>WordPress 6.8.2 メンテナンスリリース</title>
		<link>https://xn--ecka7j.biz/site-operation/wordpress/12222/</link>
		
		<dc:creator><![CDATA[Jun-N]]></dc:creator>
		<pubDate>Tue, 15 Jul 2025 22:00:00 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[バージョンアップ]]></category>
		<category><![CDATA[バージョン管理]]></category>
		<category><![CDATA[運用時]]></category>
		<category><![CDATA[道具]]></category>
		<guid isPermaLink="false">https://xn--ecka7j.biz/?p=12222</guid>

					<description><![CDATA[セキュリティと安定性の向上を最優先に。WordPress 6.8.2 へのアップデートは急務です！ 旧バージョンの WordPress をご利用の皆様へ。ウェブサイトの安全性と安定性を維持することは、運営において最も重要 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p><strong>セキュリティと安定性の向上を最優先に。WordPress 6.8.2 へのアップデートは急務です！</strong></p>



<div class="wp-block-group is-style-information-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>旧バージョンの WordPress をご利用の皆様へ。ウェブサイトの安全性と安定性を維持することは、運営において最も重要な要素です。本日リリースされた WordPress 6.8.2 メンテナンスリリースでは、最新の脅威に対応するためのセキュリティ強化に加え、多くのバグ修正が含まれています。特に WordPress 6.8 よりも前のバージョンをお使いの場合は、セキュリティリスクや潜在的な不具合に晒されている可能性があります。この機会に最新の WordPress 6.8.2 へアップデートし、安心・安全なウェブサイト運営を実現してください。</p>
</div>




  <div id="toc" class="toc tnt-none toc-center tnt-none border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-9" checked><label class="toc-title" for="toc-checkbox-9">目次</label>
    <div class="toc-content">
    <ul class="toc-list open"><li><a href="#toc1" tabindex="0">WordPress 6.8.2に含まれるコアチケット</a></li><li><a href="#toc2" tabindex="0"> 6.8.2に含まれるGutenbergプルリクエスト</a></li></ul>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">WordPress 6.8.2に含まれるコアチケット</span></h2>



<ul class="wp-block-list">
<li><strong>#63399 – Twenty Twenty-Five: editor style isn’t enqueued</strong><br><strong>:</strong> Twenty Twenty-Five テーマ: エディタースタイルがキューに入らない。
<ul class="wp-block-list">
<li>Twenty Twenty-Five テーマにおいて、ブロックエディター内でテーマ固有のスタイルが正しく読み込まれない問題を修正。これにより、エディター上での見た目がフロントエンドとより一致するようになります。</li>
</ul>
</li>



<li><strong>#14110 – Expose height and width attributes to ‘wp_get_attachment_image_attributes’ filter</strong><br><strong>:</strong><span class="bold-green"> <code style="background-color: rgb(255, 255, 255); font-size: 21px;">wp_get_attachment_image_attributes</code> </span>フィルターに height 属性と width 属性を公開する。
<ul class="wp-block-list">
<li><code><span class="bold-green"><span class="bold">wp_get_attachment_image_attributes</span></span></code> フィルターを使用して、添付画像の HTML 属性をカスタマイズする際に、<code>height</code> 属性と <code>width</code> 属性にアクセスできるようにします。これにより、レスポンシブデザインなどの実装がより柔軟に行えるようになります。</li>
</ul>
</li>



<li><strong>#42007 – rpc.pingomatic.com still using HTTP</strong><br><strong>:</strong> rpc.pingomatic.comが依然としてHTTPを使用している。
<ul class="wp-block-list">
<li>ブログの更新を検索エンジンなどに通知する Pingback サービスである <code>rpc.pingomatic.com</code> が、セキュリティ上の理由から HTTPS を使用する様に変更。</li>
</ul>
</li>



<li><strong>#47595 – Re-evaluate whether comment form should still get the HTML5 novalidate attribute</strong><br><strong>:</strong> コメントフォームが依然として HTML5 の <code style="background-color: rgb(255, 255, 255); font-size: 21px;"><span class="bold-green">novalidate</span></code> 属性を持つべきかどうかを再評価する。
<ul class="wp-block-list">
<li>コメントフォームにデフォルトで設定されている HTML5 の <code>novalidate</code> 属性について、ユーザーエクスペリエンスやアクセシビリティの観点から再評価し、必要に応じて削除または変更。<code>novalidate</code> 属性はブラウザのデフォルトのフォーム検証を無効化。</li>
</ul>
</li>



<li><strong>#61941 – Removing app.screencast.com as an oEmbed provider</strong><br><strong>:</strong> <code style="background-color: rgb(255, 255, 255); font-size: 21px;"><span class="bold-green">app.screencast.com</span></code>をoEmbedプロバイダーから削除
<ul class="wp-block-list">
<li>動画共有サービス <code>app.screencast.com</code> が廃止されたため、WordPress の oEmbed プロバイダーリストから削除されます。これにより、該当サービスの埋め込みが機能しなくなります。</li>
</ul>
</li>



<li><strong>#62995 – Uploading Mac screenshots results in broken images, due to question marks inserted in filenames</strong><br><strong>:</strong> Mac のスクリーンショットをアップロードすると、ファイル名に疑問符が挿入され、画像が破損する。
<ul class="wp-block-list">
<li>macOS で撮影したスクリーンショットを WordPress にアップロードする際、ファイル名に不要な疑問符が含まれて画像が正しく表示されない問題を修正。</li>
</ul>
</li>



<li><strong>#63029 – Better align restore revision buttons on mobile devices</strong><br><strong>:</strong> モバイルデバイスでリビジョン復元ボタンの配置を改善。
<ul class="wp-block-list">
<li>モバイルデバイスで投稿や固定ページのリビジョン（履歴）を復元する際のボタンの配置を改善し、より操作しやすくします。</li>
</ul>
</li>



<li><strong>#63073 – Twenty Twelve: theme’s figcaption styles do not apply in the editor</strong><br><strong>:</strong> Twenty Twelve テーマ: テーマの <span class="bold-green"><code style="background-color: rgb(255, 255, 255); font-size: 21px;">figcaption</code> </span>スタイルがエディターに適用されない。
<ul class="wp-block-list">
<li>古いテーマである Twenty Twelve において、画像のキャプション (<code>figcaption</code>) のスタイルがブロックエディター内で正しく表示されない問題を修正します。</li>
</ul>
</li>



<li><strong>#63254 – Introduce development mode for block editor styles</strong><br><strong>:</strong> ブロックエディタースタイルの開発モードを導入する。
<ul class="wp-block-list">
<li>ブロックエディターのスタイル開発を効率化するための新しい開発モードを導入します。これにより、開発者はより迅速にスタイルの変更をテストできるようになります。</li>
</ul>
</li>



<li><strong>#63308 – tinymce cache key should be updated</strong><br><strong>:</strong> TinyMCE のキャッシュキーを更新する必要がある。
<ul class="wp-block-list">
<li>古い TinyMCE エディター（クラシックエディター）を使用している環境において、キャッシュの問題でエディターの動作がおかしくなる場合があるため、キャッシュキーを更新して問題を解消します。</li>
</ul>
</li>



<li><strong>#63324 – Update Twemoji to v16.0.1</strong><br><strong>:</strong> Twemoji を v16.0.1 に更新する。
<ul class="wp-block-list">
<li>WordPress で使用されている絵文字ライブラリ Twemoji を最新バージョンに更新し、新しい絵文字のサポートやセキュリティの向上を図ります。</li>
</ul>
</li>



<li><strong>#63377 – Pin specific Gutenberg plugin version for E2E tests in 6.6 branch</strong><br><strong>:</strong> 6.6 ブランチの E2E テストのために特定の Gutenberg プラグインのバージョンを固定する。
<ul class="wp-block-list">
<li>WordPress のテスト環境において、特定のバージョンの Gutenberg プラグインを使用してエンドツーエンド (E2E) テストを実行するように設定します。これにより、テストの安定性と信頼性を向上させます。</li>
</ul>
</li>



<li><strong>#63390 – Add version number tests for package-lock and composer files.</strong><br><strong>:</strong> package-lock ファイルと composer ファイルにバージョン番号のテストを追加する。
<ul class="wp-block-list">
<li>WordPress の開発環境で使用される依存関係管理ファイル (<code>package-lock.json</code> と <code>composer.lock</code>) において、バージョン番号が正しく管理されているかを検証するためのテストを追加します。</li>
</ul>
</li>



<li><strong>#63424 – Twenty Sixteen: Quote block Plain style has border in the editor</strong><br><strong>:</strong> Twenty Sixteen テーマ: 引用ブロックのプレーンスタイルにエディター内でボーダーが表示される。
<ul class="wp-block-list">
<li>Twenty Sixteen テーマにおいて、引用ブロックの「プレーン」スタイルがブロックエディター内で不要なボーダーを表示する問題を修正します。</li>
</ul>
</li>



<li><strong>#63520 – Twenty Fourteen: Latest Comments block link color does not belong in Content Sidebar</strong><br><strong>:</strong> Twenty Fourteen テーマ: 最新のコメントブロックのリンク色がコンテンツサイドバーに合わない。
<ul class="wp-block-list">
<li>Twenty Fourteen テーマにおいて、「最新のコメント」ブロック内のリンク色がサイドバーの背景色とコントラストが低く、視認性が悪い問題を修正します。</li>
</ul>
</li>



<li><strong>#63543 – Environment variable WP_CONFIG_PATH should be set on cli container in wordpress-develop env</strong><br><strong>:</strong> wordpress-develop 環境の CLI コンテナで環境変数 WP_CONFIG_PATH を設定する必要がある。
<ul class="wp-block-list">
<li>WordPress の開発環境 (<code>wordpress-develop</code>) において、コマンドラインインターフェース (CLI) コンテナ内で <code>WP_CONFIG_PATH</code> 環境変数を正しく設定します。これにより、開発環境のセットアップと管理が容易になります。</li>
</ul>
</li>



<li><strong>#63564 – Dev environment should incorporate enhancements from wp-env for speed and non-interactive usage</strong><br><strong>:</strong> 開発環境は、速度と非対話的な使用のためにwp-envの機能強化を取り入れるべきである。
<ul class="wp-block-list">
<li>WordPress の開発環境において、より高速かつ非対話的に操作できる<code>wp-env</code>ツールからの機能強化を統合</li>
</ul>
</li>



<li><strong>#63588 – do_blocks(): Free up transient memory leak</strong><br><strong>:</strong> <code style="background-color: rgb(255, 255, 255); font-size: 21px;"><span class="bold-green">do_blocks()</span></code>: 一時的なメモリリークを解消する。
<ul class="wp-block-list">
<li>ブロックのレンダリングを行う <code>do_blocks()</code> 関数において、一時的なメモリリークが発生する可能性があった問題を修正します。</li>
</ul>
</li>



<li><strong>#63595 – Cease support for 4.1 – 4.6</strong><br><strong>:</strong> <span class="red"><strong>WordPress</strong> <span class="red">バージョン</span>4.1から4.6までのサポート終了</span>
<ul class="wp-block-list">
<li>WordPress の古いバージョンである 4.1 から 4.6 までのサポートを終了します。これにより、これらのバージョンに関するバグ修正やセキュリティアップデートは行われなくなります。</li>
</ul>
</li>



<li><strong>#63613 – Twenty Twenty-One: menu toggle is not responsive until after “load” event</strong><br><strong>:</strong> Twenty Twenty-One テーマ: 「load」イベントの後までメニューのトグルが反応しない。
<ul class="wp-block-list">
<li>Twenty Twenty-One テーマにおいて、ページ読み込み完了後までモバイルメニューのトグルボタンが正常に機能しない問題を修正します。</li>
</ul>
</li>
</ul>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="602" src="https://xn--ecka7j.biz/wp-content/uploads/2025/07/WordPress6.8.2-800x602.jpg" alt="WordPress 6.8.2" class="wp-image-12220" srcset="https://xn--ecka7j.biz/wp-content/uploads/2025/07/WordPress6.8.2-800x602.jpg 800w, https://xn--ecka7j.biz/wp-content/uploads/2025/07/WordPress6.8.2-500x376.jpg 500w, https://xn--ecka7j.biz/wp-content/uploads/2025/07/WordPress6.8.2-300x226.jpg 300w, https://xn--ecka7j.biz/wp-content/uploads/2025/07/WordPress6.8.2-768x578.jpg 768w, https://xn--ecka7j.biz/wp-content/uploads/2025/07/WordPress6.8.2.jpg 1458w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">WordPress 6.8.2</figcaption></figure>



<h2 class="wp-block-heading"><span id="toc2"> 6.8.2に含まれるGutenbergプルリクエスト</span></h2>



<ul class="wp-block-list">
<li><strong>#69627 – Navigation Link: Don’t check validity when block editing is disabled</strong><br><strong>:</strong> ナビゲーションリンク: ブロック編集が無効の場合、有効性をチェックしない。
<ul class="wp-block-list">
<li>ブロックエディターが無効になっている場合、ナビゲーションリンクブロックの有効性チェックをスキップ。これにより、パフォーマンスの改善に期待。</li>
</ul>
</li>



<li><strong>#69631 – Navigation Link: Optimize ‘getBlockParentsByBlockName’ selector call</strong><br><strong>:</strong> ナビゲーションリンク: ‘getBlockParentsByBlockName’ セレクター呼び出しを最適化する。
<ul class="wp-block-list">
<li>ナビゲーションリンクブロックで使用される <code>getBlockParentsByBlockName</code> セレクターの呼び出しを最適化し、パフォーマンスを向上させます。</li>
</ul>
</li>



<li><strong>#69633 – Navigation Link: Improve performance by only requesting entities when selected</strong><br><strong>:</strong> ナビゲーションリンク: 選択された場合のみエンティティをリクエストすることでパフォーマンスを改善する。
<ul class="wp-block-list">
<li>ナビゲーションリンクブロックにおいて、リンクが選択された場合にのみ関連するエンティティ（投稿、固定ページなど）の情報をリクエストするように変更し、パフォーマンスを改善します。</li>
</ul>
</li>



<li><strong>#69698 – Query Loop: Don’t overwrite the ‘query.inherit’ attribute value</strong><br><strong>:</strong> クエリーループ: ‘query.inherit’ 属性値を上書きしない。
<ul class="wp-block-list">
<li>クエリーループブロックにおいて、<code>query.inherit</code> 属性の値が意図せず上書きされる問題を修正します。<code>query.inherit</code> 属性は、現在のコンテキスト（例: カテゴリーページ）からクエリ設定を継承するかどうかを制御します。</li>
</ul>
</li>



<li><strong>#69741 – Block Editor: Remove truncation from media tab preview tooltips</strong><br><strong>:</strong> ブロックエディター: メディアタブのプレビューツールチップから切り捨てを削除する。
<ul class="wp-block-list">
<li>ブロックエディターのメディアタブで、画像のプレビューにマウスオーバーした際に表示されるツールチップにおいて、ファイル名などが切り捨てられないように修正します。</li>
</ul>
</li>



<li><strong>#69985 – Image: Avoid stale URL when reselecting the same image from the library</strong><br><strong>:</strong> 画像: ライブラリから同じ画像を再選択した際に古い URL を使用しないようにする。
<ul class="wp-block-list">
<li>画像ブロックにおいて、メディアライブラリから同じ画像を再度選択した場合に、古い（変更前の）URL が残ってしまう可能性があった問題を修正します。</li>
</ul>
</li>



<li><strong>#70020 – Post Template: Don’t rely on the default ‘ignore_sticky’ REST API value</strong><br><strong>:</strong> 投稿テンプレート: デフォルトの ‘ignore_sticky’ REST API 値に依存しないようにする。
<ul class="wp-block-list">
<li>投稿テンプレートブロックにおいて、スティッキー投稿（先頭に固定表示する投稿）を無視するかどうかを制御する <code>ignore_sticky</code> パラメーターのデフォルト値に依存せず、明示的に設定するように変更します。</li>
</ul>
</li>



<li><strong>#70043 – MediaPlaceholder: Fix Regression with media URL input type to allow a local URL path</strong><br><strong>:</strong> MediaPlaceholder: ローカル URL パスを許可するようにメディア URL 入力タイプの回帰を修正する。
<ul class="wp-block-list">
<li>メディアアップローダーのプレースホルダーにおいて、メディアの URL を直接入力する際に、ローカルの URL パス（例: <code>/wp-content/uploads/</code><code>…</code>）が正しく認識されない問題を修正します。</li>
</ul>
</li>



<li><strong>#70051 – DOM: Add summary element to focusable elements</strong><br><strong>:</strong> DOM: フォーカス可能な要素に summary 要素を追加。
<ul class="wp-block-list">
<li>HTML の <code>&lt;summary&gt;</code> 要素をフォーカス可能な要素として認識するように変更します。これは、<code>&lt;details&gt;</code> ブロックなどのアクセシビリティ向上に貢献します。</li>
</ul>
</li>



<li><strong>#70054 – Button: Limit scope of width style for link</strong><br><strong>:</strong> ボタン: リンクの width スタイルの範囲を制限する。
<ul class="wp-block-list">
<li>ボタンブロックにおいて、リンク要素に適用される <code>width</code> スタイルの範囲を適切に制限し、意図しないレイアウト崩れを防ぎます。</li>
</ul>
</li>



<li><strong>#68741 – Details: Enable all non-interactive formats</strong><br><strong>:</strong> 詳細:すべての非インタラクティブなフォーマットを有効に
<ul class="wp-block-list">
<li>詳細ブロック（<code>&lt;details&gt;</code> 要素を使用）内で、インラインコードや画像など、インタラクティブでないすべての書式設定を有効にします。</li>
</ul>
</li>



<li><strong>#70056 – Details Block: Fix keyboard accessibility issues and allow list view selection to show up inner blocks</strong><br><strong>:</strong> 詳細ブロック:キーボードアクセシビリティの問題を修正し、リストビューの選択で内部ブロックを表示できる様に。
<ul class="wp-block-list">
<li>詳細ブロックにおいて、キーボード操作でのアクセシビリティの問題を修正し、リストビューで内部のブロックが正しく表示され、選択できるようにします。</li>
</ul>
</li>



<li><strong>#70078 – URL: Handle HTML entities and ampersand in ‘cleanForSlug’</strong><br><strong>:</strong> URL: ‘cleanForSlug’ で HTML エンティティとアンパサンドを処理する。
<ul class="wp-block-list">
<li>URL スラッグ（URL の一部）を生成する <code>cleanForSlug</code> 関数において、HTML エンティティ（例: <code>&amp;amp;</code>）やアンパサンド (<code>&amp;</code>) が正しく処理されるように修正します。</li>
</ul>
</li>



<li><strong>#70480 – Remove screencast.com embed block variation</strong><br><strong>:</strong> screencast.com 埋め込みブロックのバリエーションを削除
<ul class="wp-block-list">
<li>コアチケット #61941 と同様に、廃止された <code>screencast.com</code> の埋め込みブロックのバリエーションを削除します。</li>
</ul>
</li>



<li><strong>#70553 – Fix Floating UI packages dependencies</strong><br><strong>:</strong> Floating UI パッケージの依存関係を修正する。
<ul class="wp-block-list">
<li>ポップアップやツールチップなどの UI 要素を制御する Floating UI ライブラリの依存関係を修正し、安定性を向上させます。</li>
</ul>
</li>
</ul>



<p>これらの修正と改善は、WordPress 6.8.2 をより安定させ、使いやすくすることを目的としています。リリースノートが公開されれば、さらに詳細な情報が提供される予定です。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="602" src="https://xn--ecka7j.biz/wp-content/uploads/2025/07/WordPress6.8.2_-800x602.png" alt="WordPress 6.8.2" class="wp-image-12221" srcset="https://xn--ecka7j.biz/wp-content/uploads/2025/07/WordPress6.8.2_-800x602.png 800w, https://xn--ecka7j.biz/wp-content/uploads/2025/07/WordPress6.8.2_-500x376.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2025/07/WordPress6.8.2_-300x226.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2025/07/WordPress6.8.2_-768x578.png 768w, https://xn--ecka7j.biz/wp-content/uploads/2025/07/WordPress6.8.2_.png 1458w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">WordPress 6.8.2</figcaption></figure>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>ハマった！Webサイト公開直前の落とし穴 &#8211; Geminiと挑んだ原因不明エラー解決記</title>
		<link>https://xn--ecka7j.biz/toolboox/chatgpt/12001/</link>
		
		<dc:creator><![CDATA[Jun-N]]></dc:creator>
		<pubDate>Wed, 28 May 2025 03:45:18 +0000</pubDate>
				<category><![CDATA[生成AI]]></category>
		<category><![CDATA[AIとの共生]]></category>
		<category><![CDATA[Gemini]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[インターネット]]></category>
		<category><![CDATA[サイト運営]]></category>
		<category><![CDATA[ツール]]></category>
		<category><![CDATA[ブロックエディタ]]></category>
		<category><![CDATA[ホームページ制作]]></category>
		<category><![CDATA[道具]]></category>
		<guid isPermaLink="false">https://xn--ecka7j.biz/?p=12001</guid>

					<description><![CDATA[Webサイト公開目前、最後の詰めで突如現れた謎のConsoleエラー。 頼みの綱として生成AI「Gemini」に助けを求め、共に原因究明に奔走するも、その道のりは決して平坦ではありませんでした。プログラミングの鉄則を疑い [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>Webサイト公開目前、最後の詰めで突如現れた謎のConsoleエラー。</p>



<p>頼みの綱として生成AI「Gemini」に助けを求め、共に原因究明に奔走するも、その道のりは決して平坦ではありませんでした。プログラミングの鉄則を疑い、目を凝らしても見つからないエラーの正体は、まさに「想定外」。Geminiとの対話を通して、AIの可能性と限界、そして最終的に問題解決へと導いた驚きの真相を、赤裸々にお伝えします。</p>




  <div id="toc" class="toc tnt-none toc-center tnt-none border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-11" checked><label class="toc-title" for="toc-checkbox-11">目次</label>
    <div class="toc-content">
    <ul class="toc-list open"><li><a href="#toc1" tabindex="0">衝撃</a><ul><li><a href="#toc2" tabindex="0">なぜ、何が問題？</a><ul><li><a href="#toc3" tabindex="0">公開目前！最後の難関：突如現れたエラーの影</a></li></ul></li><li><a href="#toc4" tabindex="0">原因究明の開始</a><ul><li><a href="#toc5" tabindex="0">藁にもすがる思いで：AIの知恵を借りる</a></li><li><a href="#toc6" tabindex="0">Geminiとの対話：エラー情報の収集と解析の始まり</a></li><li><a href="#toc7" tabindex="0">Chromeの悲鳴：大量のエラーメッセージに翻弄される</a></li><li><a href="#toc8" tabindex="0">奥の手：Webページ全体のソースコードを提供</a></li><li><a href="#toc9" tabindex="0">新たな視点：Firefoxのエラー情報に光明が？</a></li><li><a href="#toc10" tabindex="0">FirefoxのConsoleエラーLogで判ったこと</a></li><li><a href="#toc11" tabindex="0">ソースコード解析の結果：Geminiもお手上げ？</a></li><li><a href="#toc12" tabindex="0">Firefoxによる深掘り：Scriptエラーの発見と詳細調査</a></li><li><a href="#toc13" tabindex="0">コードは正常、しかし現実は…：繰り返される問題</a></li><li><a href="#toc14" tabindex="0">環境要因の可能性：GeminiからのURL開示要求</a></li><li><a href="#toc15" tabindex="0">非公開とプレビューの壁：もどかしい状況</a></li><li><a href="#toc16" tabindex="0">Geminiの期待：公開後のURL分析に託す</a></li><li><a href="#toc17" tabindex="0">AIも時間が必要：分析結果を待つ焦燥感</a></li></ul></li><li><a href="#toc18" tabindex="0">Geminiの回答を待つ間に</a><ul><li><a href="#toc19" tabindex="0">まさかの自己解決：閃きが生んだ解決策</a></li><li><a href="#toc20" tabindex="0">Geminiに報告：解決したことと変更点を</a></li><li><a href="#toc21" tabindex="0">Geminiの誤解：AIにも得意不得意がある？</a></li><li><a href="#toc22" tabindex="0">真実の共有：依然として残る謎</a></li><li><a href="#toc23" tabindex="0">Geminiの反省と今後の課題：文字化けという難題</a></li></ul></li><li><a href="#toc24" tabindex="0">まとめ</a></li></ul></li></ul>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">衝撃</span></h2>



<p>ローカルのPCの開発環境では、うまく機能して操作できていた。<br>本環境にそのまま、コピペしただけなのにプレビュー段階で全く機能しない。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="570" src="https://xn--ecka7j.biz/wp-content/uploads/2025/05/Color_Palette_Explorer-picker_Error00-800x570.png" alt="Color_Palette_Explorer" class="wp-image-12011" srcset="https://xn--ecka7j.biz/wp-content/uploads/2025/05/Color_Palette_Explorer-picker_Error00-800x570.png 800w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/Color_Palette_Explorer-picker_Error00-500x356.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/Color_Palette_Explorer-picker_Error00-300x214.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/Color_Palette_Explorer-picker_Error00-768x547.png 768w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/Color_Palette_Explorer-picker_Error00.png 999w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">カラーパレットの色が表示されていなく、RGBスライダーも数値入力も機能しない</figcaption></figure>



<h3 class="wp-block-heading"><span id="toc2">なぜ、何が問題？</span></h3>



<p>何も変更することなく、ローカルのPCで開発した内容を、HTML部分とScript部分を別々に、カスタムHTMLブロック２つに分け、１番目のHTMLブロックにはHTML部分をそのまま貼り付け、次のHTMLブロックには&lt;script&gt;&lt;/script&gt;記載した上で、間にScript文を貼り付けただけなのに。</p>



<h4 class="wp-block-heading"><span id="toc3">公開目前！最後の難関：突如現れたエラーの影</span></h4>



<p>ローカル環境では完璧に動作していた自慢のカラーピッカー。意気揚々と公開準備を進めるも、本環境でのプレビュー表示でまさかのトラブル発生。<strong>プレビュー表示でカラーパレットが真っ白になり、操作は一切受け付けないという事態</strong>に直面。</p>



<h3 class="wp-block-heading"><span id="toc4">原因究明の開始</span></h3>



<div class="wp-block-group is-style-information-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>内容を一切変えることなく、HTMLとScriptを使う定義をカスタムHTMLブロックに書いただけなので、本環境でなぜ動かないのか？原因を突き止めるにも限界で、ここは生成AIの手を借りることから始めることにした。</p>
</div>



<h4 class="wp-block-heading"><span id="toc5">藁にもすがる思いで：AIの知恵を借りる</span></h4>



<div class="wp-block-group is-style-memo-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>FirefoxでもChromeでも同じ状況。<br>打つ手なしの状況なので、藁にもすがる思いで生成AI「Gemini」に <strong>助け</strong>を求める。果たしてAIは、この難局を打破するヒントを与えてくれるのか？</p>
</div>



<h4 class="wp-block-heading"><span id="toc6">Geminiとの対話：エラー情報の収集と解析の始まり</span></h4>



<p>Geminiからの最初の指示は、ブラウザの開発者ツールに表示されるConsoleエラーの提供。果たして、そこに解決の糸口は隠されているのか？</p>



<div class="wp-block-group is-style-alert-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>本環境での不具合の発生と状況をGeminiに伝え、対応策を尋ねます。</p>
</div>



<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-group is-style-alert-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>Webページに記載して<span class="bold">下書き状態でプレビュー</span>したところ、大きな問題が発生しています（Localでは何も問題ありません）</p>



<p>1.&nbsp;最初から、カラーパレットが真っ白です。操作をしても変わりません</p>



<p>2.&nbsp;RGBのスライダーの動きも、RGBの数値入力も何も反映されませんし、スライダーにも連動しません。</p>



<p>3.&nbsp;選択された色も変わりませんし、カラー情報も白のままです。</p>
</div>
</div>



<p>Geminiの回答</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>ご報告ありがとうございます。ローカル環境では問題がないのに、Webページに公開した途端に問題が発生するとのこと、それは非常によくあるケースで、原因もいくつか考えられます。<br><strong>問題を解決するために、以下の手順で確認を進めてください。【重要な確認事項】</strong><br><strong>ブラウザの開発者ツール（デベロッパーツール）の確認:</strong></p>



<p>　公開されているWebページを開き、ブラウザの開発者ツールを起動してください。（通常は右クリックして「検証」や「要素を調査」を選択するか、F12キーを押すと開きます）</p>



<p>　開発者ツールの「コンソール」タブを開き、<strong>赤い文字で表示されているエラーメッセージがないか</strong>確認してください。もしエラーメッセージがあれば、それが問題の原因を示している可能性が高いです。エラー内容を教えていただけると、さらに具体的なアドバイスができます。</p>
</blockquote>



<ul class="wp-block-list">
<li>Chromeで確認したConsoleエラーをGeminiに報告するも、そのエラー行数は膨大<strong><sup><span class="bold-red">※</span></sup></strong> かつ止まることなく吐き出されている。一体、何が原因でこんなにもエラーが出ているのか？</li>
</ul>



<p>（<span class="bold-red">※.</span>ChromeのConsoleエラーはStopすることなく大量に出力され続ける。最初の100行あまり、2画面スクロール分位をコピーして報告。Geminiにもその旨を伝える）</p>



<div class="wp-block-group is-style-question-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>操作はすべて無効で、ChromeでのConsole Errorが。大量に出ていますし、繰り返し出力され止まりません。エラー画面２スクロール分ほどのメッセージを添付します。これで何かわかるでしょうか？</p>
</div>



<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<p class="has-cocoon-white-color has-text-color has-link-color has-small-font-size wp-elements-2a204bdac2e8c4a0cfda4b3d51985178">Uncaught SyntaxError: Invalid or unexpected　tokenUnderstand this errorxn--ecka7j.biz/:2154 Uncaught SyntaxError:Unexpected token &#8216;+&#8217;Understand this errorxn--ecka7j.biz/:1 Uncheckedruntime.lastError: The message port closedbefore a response wasreceived.Understand this errorxn--ecka7j.biz/:1 Uncheckedruntime.lastError: The message port closed before a response was received.Understandthis errorxn--ecka7j.biz/:1 Uncheckedruntime.lastError: The message port closed before a response wasreceived.Understand this errorxn--ecka7j.biz/:1 Uncheckedruntime.lastError: The message port closed before a response wasreceived.Understand this error total.js:1 Uncaught TypeError: Cannot readproperties of undefined (reading &#8216;1&#8217;)atCn (total.js:1:33944) at　Mn (total.js:1:34081)at　yr (total.js:1:21068)at　Gn (total.js:1:34478)at　Object.jn [as goTo] (total.js:1:35325)at total.js:1:55615at　total.js:1:60250　at　Array.forEach (&lt;anonymous&gt;)　at　t.value (total.js:1:60229)at t.startFn (total.js:1:54995)Cn @ total.js:1Mn @ total.js:1yr @ total.js:1Gn @ total.js:1jn @ total.js:1(anonymous) @ total.js:1(anonymous) @ total.js:1value @ total.js:1startFn @ total.js:1(anonymous) @ total.js:19Understand thiserror8Attestation check for Protected Audience on&lt;URL&gt; failed.Understand this errorxn--ecka7j.biz/:1 Attestation check forTopics on https://cdn.mediago.io/ failed.Understand this errorxn--ecka7j.biz/:1 Attestation check forTopics on https://cdn.mediago.io/ failed.Understand this error</p>



<p><span class="red">※実際に添付したものは、もっと多量で改行表示されているもの。ここでは記事の都合で省略しています</span>、</p>
</div>



<h4 class="wp-block-heading"><span id="toc7">Chromeの悲鳴：大量のエラーメッセージに翻弄される</span></h4>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>本環境でのエラー報告ありがとうございます。大量のコンソールエラーが発生しており、特に <code>SyntaxError: Invalid or unexpected token</code> と <code>SyntaxError: Unexpected token '+'</code> が出ていることは、JavaScriptファイル自体に何らかの問題があることを示唆しています。</p>



<p>これらのエラーは、JavaScriptの文法として正しくない文字が含まれている場合や、ファイルのエンコーディングが間違っている場合などに発生します。ローカル環境では問題がないのに、本環境で発生するということは、<strong>ファイルのアップロードまたは保存の過程で問題が発生した可能性</strong>が考えられます。</p>



<p><strong>以下の点について確認してみてください。</strong></p>



<ol class="wp-block-list">
<li><strong>JavaScriptファイルの再アップロード:</strong> <code>colorPicker_Gemini-Script7.js</code> を再度、Webサーバーにアップロードしてみてください。アップロードが中断されたり、不完全な状態でアップロードされた可能性があります。FTPクライアントなどを使用している場合は、転送モード（バイナリまたはテキスト）の設定が適切かどうかも確認してください。一般的にはJavaScriptファイルはテキストモードで転送することが推奨されます。</li>



<li><strong>ファイルのエンコーディング:</strong> JavaScriptファイルのエンコーディングが、Webサーバーで想定されているエンコーディング（通常はUTF-8）と一致しているか確認してください。テキストエディタでファイルを開き、エンコーディングの設定を確認・変更できます。</li>



<li><strong>ファイル内容の確認:</strong> もし可能であれば、本環境にアップロードされた <code>colorPicker_Gemini-Script7.js</code> の内容を直接確認してみてください。予期しない文字が混入していたり、途中でファイルが途切れていないかなどをチェックします。</li>



<li><strong>他のJavaScriptエラーの確認:</strong> <code>total.js</code> という別のファイルでもエラーが発生しているようです。もしこのファイルがカラーピッカーの動作に依存している場合、このエラーが影響を与えている可能性も考えられます。カラーピッカーの動作に必要なJavaScriptファイルが全て正常に読み込まれているか、開発者ツールの「ネットワーク」タブで確認してください。</li>
</ol>



<p>まずは上記の点を確認し、JavaScriptファイルが正しく本環境にデプロイされているかどうかを確かめてください。<code>SyntaxError</code> が解消されれば、カラーピッカーが正常に動作する可能性が高いです。</p>
</blockquote>



<p>　&#x27a1;　Geminiによる解析は難航を極める。</p>



<div class="wp-block-group is-style-information-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>.jsはアップロードしたわけでなく、カスタムHTMLブロックで、HTML部分の下に、別途カスタムHTMLブロックを配置し、&lt;script&gt;&lt;/script&gt;内に、ペーストしたもので、全文選択したものなので間違えようがないものです。</p>
</div>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>承知いたしました。<code>.js</code> ファイルをアップロードしたのではなく、HTMLブロックに直接ペーストしているとのこと、了解いたしました。その場合、コードの誤りである可能性が高まります。</p>



<p>先ほどのエラーメッセージをもう一度確認すると、<code>xn--ecka7j.biz/:2154 Uncaught SyntaxError: Unexpected token '+'</code> というエラーが出ています。これは、2154行目に予期しない <code>+</code> 記号があることを示唆しています。</p>



<p><strong>以下の手順で、HTMLブロックにペーストしたJavaScriptコードを確認してみてください。</strong></p>



<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<ol class="wp-block-list">
<li><strong>本環境のコードの確認:</strong>
<ul class="wp-block-list">
<li>公開されているWebページの該当箇所（拡張HTMLブロック）のコードを直接確認してください。ブラウザの開発者ツールの「要素」タブで、<code>&lt;script&gt;</code> タグの中身を確認できます。</li>



<li>ローカル環境で正常に動作しているJavaScriptコードと、本環境にペーストしたコードを<strong>行ごとに注意深く比較</strong>してください。特に2154行目付近に、意図しない <code>+</code> 記号がないか確認してください。また、タイプミスや文字抜けなども見落とさないように確認してください。</li>
</ul>
</li>



<li><strong>コメントアウトの確認:</strong>
<ul class="wp-block-list">
<li>JavaScriptのコメントアウト (<code>//</code> や <code>/* ... */</code>) が正しく記述されているか確認してください。誤ったコメントアウトは、予期しないトークンエラーを引き起こすことがあります。</li>
</ul>
</li>



<li><strong>テンプレートリテラルの確認:</strong>
<ul class="wp-block-list">
<li>コピー機能の部分でバッククォート (`) を使用しているテンプレートリテラルがありますが、これが正しく記述されているか確認してください。特に、文字列内で変数を埋め込む <code>${}</code> の部分に誤りがないか注意してください。</li>
</ul>
</li>



<li><strong>他のJavaScriptコードとの競合:</strong>
<ul class="wp-block-list">
<li>もしページ内に他のJavaScriptコードが存在する場合、それらのコードと変数名や関数名が衝突している可能性もわずかに考えられます。ただし、今回のエラーメッセージはSyntaxErrorなので、まずはコード自体の文法エラーを疑うべきです。</li>
</ul>
</li>
</ol>



<p><strong>エラーメッセージの行番号(<code>:2154</code>) は、コードの行数が非常に多いことを示唆しています。</strong> ペーストしたJavaScriptコードだけでなく、そのHTMLブロック全体や、その前後のHTML要素なども含めて、意図しない <code>+</code> 記号がないか確認してみるのも良いかもしれません。</p>



<p>お手数ですが、上記の手順でコードの確認と修正を試してみてください。<code>SyntaxError</code> が解消されれば、他の問題も解決に向かう可能性があります。</p>
</div>
</blockquote>



<div class="wp-block-group is-style-question-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>ペースト前の.jsは、全選択しても<span class="bold">419</span> Lineですが、<span class="bold">2154</span>行目とはHTML部分を含むということでしょうか？</p>
</div>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>その通りです。ブラウザの開発者ツールが示す行番号は、<strong>HTMLファイル全体の行数</strong>を基準にしています。したがって、2154行目というエラー表示は、ペーストしたJavaScriptコードだけでなく、そのJavaScriptコードが埋め込まれているHTMLブロックや、それ以前のHTML構造の行数も全て含んだ上での行番号となります。</p>



<p><strong>エラー箇所を特定するには、以下の手順で確認してみてください。</strong></p>



<ol class="wp-block-list">
<li><strong>公開ページのHTMLソースコードを表示する:</strong>
<ul class="wp-block-list">
<li>ブラウザで公開ページを開き、右クリックして「ページのソースを表示」または同様のオプションを選択します。</li>
</ul>
</li>



<li><strong><code>&lt;script&gt;</code> タグを探す:</strong>
<ul class="wp-block-list">
<li>表示されたHTMLソースコードの中で、カラーピッカーのJavaScriptコードをペーストした <code>&lt;script&gt;</code> タグの位置を探します。</li>
</ul>
</li>



<li><strong>行数を数える:</strong>
<ul class="wp-block-list">
<li>HTMLソースコードの最初から数えて、2154行目付近に何が記述されているかを確認してください。<code>&lt;script&gt;</code> タグの中であれば、ペーストしたJavaScriptコードのエラーの可能性がありますし、もし <code>&lt;script&gt;</code> タグの外であれば、HTML構造に問題があるかもしれません。</li>
</ul>
</li>



<li><strong>エラーの可能性のある箇所を特定する:</strong>
<ul class="wp-block-list">
<li>2154行目付近のコードに、エラーメッセージで指摘されている <code>+</code> 記号がないか、または文法的に不自然な記述がないか確認してください。</li>
</ul>
</li>
</ol>



<p>この方法で、エラーが発生している正確な位置を特定できるはずです。もし特定できたら、その部分のコードを再度確認し、修正を試みてください。</p>
</blockquote>



<div class="wp-block-group is-style-question-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>今回追加したScriptは、ソースから確認する限りLine：<span class="bold">742</span>から<span class="bold">1164</span>までであり、エラーの出た<span class="bold">2154</span>行目ではありません。</p>
</div>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>ご指摘ありがとうございます。ソースコードの行数が合わないとのこと、承知いたしました。</p>



<p>その場合、エラーが発生している2154行目付近には、別のJavaScriptコードが存在するか、または何らかの理由でHTML構造の一部がJavaScriptとして誤認識されている可能性があります。</p>



<p><strong>以下の手順で、2154行目付近のコードを確認してみてください。</strong></p>



<ol class="wp-block-list">
<li><strong>公開ページのHTMLソースコードを再度表示します。</strong></li>



<li><strong>ソースコードを2154行目付近までスクロールします。</strong></li>



<li><strong>その行に何が記述されているか確認します。</strong>
<ul class="wp-block-list">
<li>もし <code>&lt;script&gt;</code> タグで囲まれたJavaScriptコードであれば、その部分に <code>+</code> 記号が不適切に使われていないか、文法的な誤りがないかを確認してください。</li>



<li>もし HTML タグやその他のコンテンツであれば、それが JavaScript の文脈で解釈されようとしてエラーになっている可能性があります。例えば、閉じタグが不足していたり、コメントアウトが正しく行われていないなどの理由で、意図しない部分が <code>&lt;script&gt;</code> 要素として扱われることがあります。</li>
</ul>
</li>



<li><strong>2154行目よりも少し前の行（例えば2100行目あたりから）も確認し、JavaScriptの<code>&lt;script&gt;</code>タグが適切に開始・終了しているかを確認してください。</strong> もし、どこかの <code>&lt;script&gt;</code> タグが閉じられていない場合、それ以降のHTMLコードがJavaScriptとして解釈され、エラーを引き起こすことがあります。</li>
</ol>



<p>エラーメッセージは <code>Unexpected token '+'</code> ですので、2154行目付近で <code>+</code> 記号がどのように使われているか、文脈と照らし合わせて確認することが重要です。</p>



<p>もし、ご自身で原因を特定するのが難しい場合は、その2154行目付近のコード（可能であれば、その数行前後のコードも含む）を共有していただければ、私も一緒に確認してみることができます。</p>
</blockquote>



<div class="wp-block-group is-style-question-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>実際の2154行目付近の&lt;script&gt;&lt;/script&gt;を貼り付けて共有：すごく長大なScript文なので、ここでは割愛(省略)します。</p>
</div>



<h4 class="wp-block-heading"><span id="toc8">奥の手：Webページ全体のソースコードを提供</span></h4>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>ご提供ありがとうございます。2154行目は外部のJavaScriptライブラリのコードの一部であるようです。これは、ご自身の記述されたカラーピッカーのコード（742行目から1164行目）とは異なる場所でエラーが発生していることを意味します。</p>



<p>このような場合、考えられる原因はいくつかあります。</p>



<ol class="wp-block-list">
<li><strong>ご自身のカラーピッカーのコードの潜在的なエラー:</strong> カラーピッカーのコードに、直接的なSyntaxErrorではないものの、実行時に問題を引き起こし、その影響が他のJavaScriptコードの解析に及んでいる可能性があります。例えば、変数名や関数のスペルミス、予期しない値が渡されることによるエラーなどが考えられます。</li>



<li><strong>外部ライブラリの破損または不完全な読み込み:</strong> 何らかの原因で、この外部ライブラリのコードが完全に読み込まれていないか、破損している可能性があります。ただし、HTMLに直接記述しているとのことなので、この可能性は低いかもしれません。</li>



<li><strong>HTML構造の誤り:</strong> カラーピッカーのJavaScriptコードが記述されている場所のHTML構造に誤りがあり、それが外部ライブラリの解析に影響を与えている可能性も考えられます。例えば、<code>&lt;script&gt;</code> タグの閉じ忘れなどです。</li>
</ol>



<p><strong>トラブルシューティングとして、以下の点について再度確認をお願いできますでしょうか。</strong></p>



<ul class="wp-block-list">
<li><strong>ご自身のカラーピッカーのJavaScriptコードをもう一度、注意深く見直してください。</strong> 特に、最近変更を加えた部分や、イベントリスナーの設定、関数呼び出しなどに誤りがないか確認してください。セミコロンの抜けなどもエラーの原因となることがあります。</li>



<li><strong>カラーピッカーのJavaScriptコードを囲んでいる<code>&lt;script&gt;</code>タグが正しく閉じられているか確認してください。</strong> また、その<code>&lt;script&gt;</code>タグがHTMLの適切な場所に配置されているか（通常は<code>&lt;/body&gt;</code>タグの直前が推奨されます）も確認してください。</li>



<li>もし他にJavaScriptコードを記述している<code>&lt;script&gt;</code>タグがあれば、それらのコードにもエラーがないか確認してみてください。</li>
</ul>



<p>エラーメッセージが特定の外部ライブラリの行数を示しているとはいえ、根本的な原因がご自身のコードにある可能性も考慮して、今一度コード全体を見直してみてください。</p>
</blockquote>



<p>完全な手詰まり状態</p>



<h4 class="wp-block-heading"><span id="toc9">新たな視点：Firefoxのエラー情報に光明が？</span></h4>



<div class="wp-block-group is-style-question-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>別のブラウザであるFirefoxでConsoleエラーを採取し、Chromeとの違いを報告。エラーメッセージの内容や件数の違いから、何らかの手がかりが得られるかもしれない。（FirefoxのConsoleエラーは数行で内容もシンプル）</p>
</div>



<h4 class="wp-block-heading"><span id="toc10">FirefoxのConsoleエラーLogで判ったこと</span></h4>



<div class="wp-block-group is-style-memo-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>この例の場合、Chromeのものではダメだったこと、<br><span class="bold">結果的</span>に<span class="bold">Firefox</span>のconsoleエラーLogが、<span class="bold">この場合のヒント</span>になった。<br>（全ての場合に当てはまるものでは無いと思うが、複数のブラウザで確認することの大事さを改めて感じさせられた。）</p>
</div>



<div class="wp-block-group is-style-information-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>本環境のHTMLソースコードを確認しました。&#x27a1;　 Chromeで開いた場合のソースでも、Firefoxで開いた場合のソースでも、先頭から50Line位までに「HTMLの構造が正しくない場合や、予期しない文字がHTMLファイルの先頭に存在」は、見つからない。<br>但し、<span class="bold-red">SyntaxError</span>は、<span class="bold">Firefox</span>で開いた場合は、内容が<span class="bold">全く</span>異なる様です。FireFoxでの表示は、以下です。<br>UncaughtSyntaxError: &#8216;<span class="bold">#</span>&#8216;<br>not followed by identifier xn--ecka7j.biz:<span class="bold-red">818</span>:30<br>https://xn--ecka7j.biz/?p=11979&amp;preview=true&amp;_thumbnail_id=11977　<br>Error: Incorrect contents fetched, please　reload.</p>



<p>Webページ全体のSourceの全文を貼り付けます。なにか見つかるでしょうか？</p>



<p>「ソースコード」を貼り付け</p>



<p><span class="bold-red">※</span>．この記事では、分かり易さを求め<span class="bold-red">818</span>は、意図的に<span class="bold-red">赤文字</span>にしています。<br>（FirefoxのConsoleエラー表示は、シンプルであるが　&#8217;<span class="bold-red">#</span>&#8216;やプレビューであることの?p=11979<span class="bold-blue">&amp;preview</span>=true&amp;_thumbnail_id=11977　が、あり利用者にとって非常に分かり易いと思うのは自分だけ？でしょうか？）</p>
</div>



<h4 class="wp-block-heading"><span id="toc11">ソースコード解析の結果：Geminiもお手上げ？</span></h4>



<p>提供したソースコードに対し、Geminiは、ChromeでのConsoleエラーの「<span class="bold-red">#</span>」に関連する不審な点を見つけられなかったと回答。早くも暗雲が立ち込める。</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>ご提供いただいたHTMLソースコードを確認しましたが、Firefoxのエラーメッセージ <code>UncaughtSyntaxError: '#' not followed by identifier xn--ecka7j.biz:818:30</code> が示す<span class="marker-under">818行目付近には、直接的に問題となる <code>#</code> は見当たりませんでした</span>。</p>



<p>ただし、Firefoxのエラーメッセージは、Chromeとは異なる場合があります。Chromeで表示されているエラー <code>Uncaught SyntaxError: Invalid or unexpected token</code> が依然として気になります。</p>



<p><strong>つきましては、以下の点について、再度HTMLソースコード全体をご確認いただけますでしょうか。</strong></p>



<ol class="wp-block-list">
<li><strong>Firefoxのエラー箇所（818行目付近）の確認:</strong>
<ul class="wp-block-list">
<li>その行に直接 <code>#</code> がない場合でも、その行のコードがJavaScriptの文脈で解釈された結果、そのようなエラーが出ている可能性があります。周囲のコード（特にJavaScript関連のコード）に問題がないか確認してください。</li>
</ul>
</li>



<li><strong>Chromeのエラー箇所（HTMLの先頭）の確認:</strong>
<ul class="wp-block-list">
<li>HTMLファイルの先頭から、特に <code>&lt;script&gt;</code> タグが始まるまでの間に、意図しない文字（不可視文字なども含む）や文法的に正しくない記述がないか、もう一度注意深く確認してください。</li>



<li>稀に、サーバー側の処理や、コピー＆ペーストの際に予期しない文字がHTMLの先頭に混入することがあります。</li>
</ul>
</li>



<li><strong>JavaScriptコードの全体的な確認:</strong>
<ul class="wp-block-list">
<li>コメントアウト以外の不要な文字や記号が混入していないか、念のためJavaScriptコード全体を再確認してください。</li>
</ul>
</li>
</ol>



<p>もし、これらの確認をしても問題が特定できない場合は、大変お手数ですが、可能であれば、<strong>公開されているWebページのURL</strong>を共有していただけますでしょうか？実際にWebページを拝見することで、より具体的な原因を特定できるかもしれません。</p>
</blockquote>



<div class="wp-block-group is-style-information-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>再度全ソースを共有。更に元々の追加したScriptの一部分をSublime Textに貼り付けCheck250525.jsとした上で共有</p>
</div>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="268" src="https://xn--ecka7j.biz/wp-content/uploads/2025/05/Script_111-124-0-800x268.jpg" alt="Script Source" class="wp-image-12007" srcset="https://xn--ecka7j.biz/wp-content/uploads/2025/05/Script_111-124-0-800x268.jpg 800w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/Script_111-124-0-500x168.jpg 500w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/Script_111-124-0-300x101.jpg 300w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/Script_111-124-0-768x257.jpg 768w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/Script_111-124-0.jpg 1400w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">元々のScript Sourceの117行目：　if (r >= 0 &#038;&#038; r <= 255 &#038;&#038; g >= 0 &#038;&#038; g <= 255 &#038;&#038; b >= 0 &#038;&#038; b <= 255) {</figcaption></figure>



<h4 class="wp-block-heading"><span id="toc12">Firefoxによる深掘り：Scriptエラーの発見と詳細調査</span></h4>



<p>GeminiはFirefoxのエラーからScriptエラーを発見し、発生位置を特定。問題のコードの再確認を指示される。</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>コードを拝見しました。</p>



<p>まず、122行目の条件式で、JavaScriptの論理AND演算子である <code>&amp;&amp;</code> が、HTMLエンティティの <code>&amp;#038;&amp;#038;</code> と記述されています。これはJavaScriptとしては解釈されず、意図しない動作を引き起こす可能性がありますので、<code>&amp;&amp;</code> に修正してください。</p>
</blockquote>



<p>何故か？<span class="bold">117</span> Lineを<span class="bold">122</span>行目と言ってくるが、、、、</p>



<div class="wp-block-group is-style-question-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>&nbsp;Firefoxのエラー箇所（<span class="bold">818</span>行目付近）の確認ですが、今一度、実Sourceで確認したところ、Line <span class="bold-red">819</span>が、<strong>文字化け</strong>しています。<br>  if (r &gt;= 0 &amp;&amp; r &lt;= 255 &amp;<span class="bold-red">#038;</span>&amp;<span class="bold-red">#038;</span> g &gt;= 0 &amp;&amp; g &lt;= 255 &amp;<span class="bold-red">#038;</span>&amp;<span class="bold-red">#038;</span> b &gt;= 0 &amp;&amp; b &lt;= 255) {<br>ここは、<span class="marker-under">どうして文字化けする</span>のでしょうか？<br>.jsのソースの該当箇所は以下の通りです。<br>&nbsp; if (r &gt;= 0 <span class="bold-blue">&amp;&amp;</span> r &lt;= 255 <span class="bold-blue">&amp;&amp;</span> g &gt;= 0 <span class="bold-blue">&amp;&amp;</span> g &lt;= 255 <span class="bold-blue">&amp;&amp;</span> b &gt;= 0 <span class="bold-blue">&amp;&amp;</span> b &lt;= 255) {<br>しかも<span class="marker-under">全ての<strong>＆＆</strong>が文字化けしている訳でもない</span>ので･･･どの様な理由ならそうなるのか???</p>
</div>



<h4 class="wp-block-heading"><span id="toc13">コードは正常、しかし現実は…：繰り返される問題</span></h4>



<p>問題箇所とされるコードは正常にしか見えず、編集画面でも問題なし。<span class="bold">念のため</span>、Scriptを<span class="bold">再度上書き更新</span>するも状況は変わらず。エラー解決への道は依然として見えない。</p>



<p>展開されたSourceのの文字化け部分（819 Line）</p>



<pre class="wp-block-code"><code><strong>if (r &gt;= 0 <span class="bold-blue">&amp;&amp;</span> r &lt;= 255 &amp;<span class="bold-red">#038;</span>&amp;#<span class="bold-red">038;</span> g &gt;= 0 <span class="bold-blue">&amp;&amp; </span>g &lt;= 255 &amp;<span class="bold-red">#038;</span>&amp;<span class="bold-red">#038;</span> b &gt;= 0 <span class="bold-blue">&amp;&amp;</span> b &lt;= 255) { </strong></code></pre>



<p><strong>そう、余計な文字：<span class="bold-red">#038;　</span>が、&amp;&amp;の間に数か所に挟まっている。</strong><br><strong>（でも<span class="marker-under">全部の<span class="bold-blue">＆＆</span>の間が文字化けしている訳ではない</span>。･･･これも不思議！）</strong>(ここが<span class="bold-red">R</span><span class="bold-green">G</span><span class="bold-blue">B</span>の数値の範囲チェックの部分･･･&#x27a1;ここの<span class="bold">if</span>文が機能しないための不具合。Firefoxのconsoleエラーが示す&#8217;<span class="bold">#</span>&#8216;もここにある。)</p>



<p><strong>そして、実際のコーディングでは、以下の様に問題なく（文字化けの「<strong><span class="bold-red">#038;</span></strong>」もない）（　colorPicker_Gemini-Script7.jsの　117 Line）</strong></p>



<pre class="wp-block-code"><code>if (r &gt;= 0 <span class="bold-blue">&amp;&amp;</span> r &lt;= 255 <span class="bold-blue">&amp;&amp;</span> g &gt;= 0 <span class="bold-blue">&amp;</span>&amp; g &lt;= 255 <span class="bold-blue">&amp;&amp;</span> b &gt;= 0 <span class="bold-blue">&amp;</span>&amp; b &lt;= 255) {</code></pre>



<p>元々の「<strong>colorPicker_Gemini-Script7.js</strong>」</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="268" src="https://xn--ecka7j.biz/wp-content/uploads/2025/05/Script_111-124-0-800x268.jpg" alt="Script Source" class="wp-image-12007" srcset="https://xn--ecka7j.biz/wp-content/uploads/2025/05/Script_111-124-0-800x268.jpg 800w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/Script_111-124-0-500x168.jpg 500w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/Script_111-124-0-300x101.jpg 300w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/Script_111-124-0-768x257.jpg 768w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/Script_111-124-0.jpg 1400w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">元々のScript Sourceの117行目：&#8221;if (r &gt;= 0 &amp;&amp; r &lt;= 255 &amp;&amp; g &gt;= 0 &amp;&amp; g &lt;= 255 &amp;&amp; b &gt;= 0 &amp;&amp; b &lt;= 255) {&#8220;</figcaption></figure>



<p><strong>であるし、改めて、編集画面で見てみても同じ</strong></p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="284" src="https://xn--ecka7j.biz/wp-content/uploads/2025/05/custom_HTML_Block-800x284.png" alt="カスタムHTMLブロック" class="wp-image-12010" srcset="https://xn--ecka7j.biz/wp-content/uploads/2025/05/custom_HTML_Block-800x284.png 800w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/custom_HTML_Block-500x178.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/custom_HTML_Block-300x107.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/custom_HTML_Block-768x273.png 768w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/custom_HTML_Block.png 999w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">カスタムHTMLブロック　･･････マーク部分、元々のSourceと同じです。</figcaption></figure>



<p>でも、現実は不具合発生だし、Firefoxのconsoleエラーはここを指している<br>（よく見てみるとChromeのConsoleエラーとSourceコードのGemini解析で指し示した「<span class="bold-red">#</span>」は、<strong><span class="bold-red">#038;</span></strong>の先頭にある）</p>



<p>プレビュー画面のSourceの該当箇所付近は、下の画像キャプチャ通り<br>SourceをSublime Textに貼り付け、Check250525.htmlで保存した後、VS Codeで開いて「<strong><span class="bold-red">if (r &gt;= 0</span></strong>」で<span class="bold">検索</span> &#x27a1; Firefoxのエラー箇所（<strong>818</strong>行目付近）で合致する<strong>819</strong> Line（VS Codeは文字化け部分を<span class="bold-red">~~~~ ~~~~</span>で示してくれている。<span class="bold-red">こんなCode無いぞ!!!</span>と）&#x27a1; 　該当箇所近辺をキャプチャ</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="301" src="https://xn--ecka7j.biz/wp-content/uploads/2025/05/Script-812-827-s-819Err-800x301.jpg" alt="Source" class="wp-image-12009" srcset="https://xn--ecka7j.biz/wp-content/uploads/2025/05/Script-812-827-s-819Err-800x301.jpg 800w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/Script-812-827-s-819Err-500x188.jpg 500w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/Script-812-827-s-819Err-300x113.jpg 300w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/Script-812-827-s-819Err-768x289.jpg 768w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/Script-812-827-s-819Err.jpg 1400w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">プレビュー時のソースの文字化け部分 819Line  &amp;&amp;の一部が文字化け、 &amp;&amp;</figcaption></figure>



<h4 class="wp-block-heading"><span id="toc14">環境要因の可能性：GeminiからのURL開示要求</span></h4>



<p>Geminiは、ソースコードと実行環境の間に生じる不整合、特に文字化けの可能性を指摘し、実際のWebページのURLの開示を求める。</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>原因がまた一つ特定できましたね！<code>&amp;#038;&amp;#038;</code> がまだ残っていたとは、驚きです。</p>



<p>Localで修正してアップロードしたのに、本環境で文字化けが戻ってしまう原因としては、以下の可能性が考えられます。</p>



<ol class="wp-block-list">
<li><strong>キャッシュ:</strong> ブラウザのキャッシュだけでなく、WebサーバーやCDN（コンテンツ配信ネットワーク）のキャッシュが古いバージョンのファイルを配信している可能性があります。スーパーリロード（Ctrl+Shift+R または Cmd+Shift+R）を試すだけでなく、もしCDNを利用している場合は、CDNのキャッシュクリアも試してみてください。</li>



<li><strong>保存またはアップロードの失敗:</strong> 編集したHTMLブロックが正しく保存または公開されていない可能性があります。Webサイトの編集画面で、変更を保存し、公開する手順を確実に行ってください。</li>



<li><strong>複数の場所でコードを編集している:</strong> もし、複数の場所で同じコードを編集している場合、誤って古いバージョンのコードを上書きしてしまっている可能性があります。</li>



<li><strong>プラットフォームの自動変換:</strong> ご利用のWebサイトプラットフォームによっては、特定の文字や記号を自動的に変換する機能があるかもしれません。もしそういった機能があれば、設定を確認してみてください。</li>
</ol>



<p>まずは、Webサイトの編集画面で、該当のHTMLブロックの内容が最新の修正済みコードになっていることを確認してください。その後、キャッシュクリアを徹底的に行ってみてください。</p>



<p>もし<span class="marker-under">それでも問題が解決しない場合は、ご利用の<strong>Webサイトプラットフォーム名などを教えていただければ、</strong>何か情報が見つかるかもしれません</span>。</p>
</blockquote>



<h4 class="wp-block-heading"><span id="toc15">非公開とプレビューの壁：もどかしい状況</span></h4>



<p>問題解決のためURLを開示したい気持ちはあるものの、ページは未公開。下書きプレビューでの状況を伝え、一時公開も検討することを伝える。</p>



<div class="wp-block-group is-style-question-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>このページは、エラーが発生している為、未だ公開していません。<br>そのため、下書き状態です。<br>下書きであるため、毎回更新時は「下書き保存」して、その後プレビュー表示で確認しています。<br>改めて、編集画面で該当の個所を確認すると、<br>if (r &gt;= 0 &amp;&amp; r &lt;= 255 &amp;&amp; g &gt;= 0 &amp;&amp; g &lt;= 255 &amp;&amp; b &gt;= 0 &amp;&amp; b &lt;= 255) {<br>となっていて、見た目の文字化けはありません。<br>念のため、再度上書き保存しても、プレビューで正しく動作しません。<br>下書き状態の為、<span class="bold">URL</span>共有は出来ませんし、<br><strong>それとも、</strong>先頭に「工事中」を大きく記載して、一旦公開したうえで、URL共有した方がイイでしょうか？</p>
</div>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>下書き保存とプレビュー表示で確認しても正しく動作しないとのこと、承知いたしました。編集画面でコードが正しく表示されているにも関わらず問題が解決しない場合、以下の可能性を試してみてください。</p>



<ol class="wp-block-list">
<li><strong>プレビュー画面のハードリロード:</strong> プレビュー画面が古いキャッシュを読み込んでいる可能性があります。プレビュー表示の状態で、強制的に再読み込み（ハードリロード）を試してみてください。通常、Ctrl+Shift+R（Windows/Linux）、Cmd+Shift+R（Mac）で行えます。</li>



<li><strong>プレビュー画面の開発者ツール（コンソール）の確認:</strong> プレビュー表示でも、ブラウザの開発者ツールを開いて（通常はF12キー）、コンソールにエラーメッセージが表示されていないか確認してください。表示がおかしくても、JavaScriptのエラーが出ている場合があります。</li>



<li><strong>プラットフォームのプレビュー機能の特性:</strong> ご利用のWebサイトプラットフォームのプレビュー機能が、公開時と異なる動作をする場合があります。もし可能であれば、プラットフォームのヘルプなどを確認し、プレビューの制限事項などを調べてみてください。</li>
</ol>



<p>上記を試しても解決しない場合は、一旦「工事中」などの表示をして公開し、URLを共有していただく方が、私も実際のWebページの状態を確認できるため、より具体的なアドバイスができるかもしれません。もし公開に抵抗がなければ、その方法もご検討ください。</p>
</blockquote>



<div class="wp-block-group is-style-question-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>１.も２.も、今までにやってきたことで、ずっとスーパーリロード「Ctrl] ＋「F5]をやってきた結果です。仕方ないので一旦、工事中にして一旦公開してからURL共有しますので、しばし猶予を</p>
</div>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>承知いたしました。公開後、URLを共有いただければ、すぐに確認させていただきます。引き続きサポートさせていただきますので、よろしくお願いいたします。</p>
</blockquote>



<h4 class="wp-block-heading"><span id="toc16">Geminiの期待：公開後のURL分析に託す</span></h4>



<div class="wp-block-group is-style-question-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>URL共有します。<br>&#8220;https://xn--ecka7j.biz/site-operation/design/11979/ &#8220;</p>
</div>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>承知いたしました。URLをありがとうございます。</p>



<p>早速、拝見して状況を確認いたします。少々お時間をください。</p>
</blockquote>



<p>ページを「工事中」として公開し、URLをGeminiに託す。AIによる分析に、一縷の望みをかける。</p>



<h4 class="wp-block-heading"><span id="toc17">AIも時間が必要：分析結果を待つ焦燥感</span></h4>



<p>Geminiから分析に時間を要する旨の連絡。焦りを感じながらも、AIの判断を待つ。</p>



<h3 class="wp-block-heading"><span id="toc18">Geminiの回答を待つ間に</span></h3>



<h4 class="wp-block-heading"><span id="toc19">まさかの自己解決：閃きが生んだ解決策</span></h4>



<p>Geminiからの返信を待つ間に、何気なくScriptの記述場所を変更してみたところ、嘘のようにエラーが解消！信じられない結末を迎える。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="168" src="https://xn--ecka7j.biz/wp-content/uploads/2025/05/Custom_HTML_Block0-800x168.png" alt="Custom_HTML_Block" class="wp-image-12003" srcset="https://xn--ecka7j.biz/wp-content/uploads/2025/05/Custom_HTML_Block0-800x168.png 800w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/Custom_HTML_Block0-500x105.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/Custom_HTML_Block0-300x63.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/Custom_HTML_Block0-768x161.png 768w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/Custom_HTML_Block0.png 999w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">カスタムHTMLブロックに書いたScript部分を抜き出したところ</figcaption></figure>



<div class="wp-block-group is-style-compare is-layout-constrained wp-block-group-is-layout-constrained"></div>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="198" src="https://xn--ecka7j.biz/wp-content/uploads/2025/05/custom_JavaScript1-800x198.png" alt="customJavaScript" class="wp-image-12005" srcset="https://xn--ecka7j.biz/wp-content/uploads/2025/05/custom_JavaScript1-800x198.png 800w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/custom_JavaScript1-500x124.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/custom_JavaScript1-300x74.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/custom_JavaScript1-768x190.png 768w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/custom_JavaScript1.png 999w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">カスタムJavaScriptテキストボックスに[Script]を移動</figcaption></figure>



<div class="wp-block-group is-style-memo-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>Scriptの移動後、不要となった部分のカスタムHTMLブロックを削除して更新したら正常に動作した</p>
</div>



<h4 class="wp-block-heading"><span id="toc20">Geminiに報告：解決したことと変更点を</span></h4>



<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-group is-style-information-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>代替案２つの内、１つ目で解決しました。</p>



<p>1つは、（カスタムJavaScript）欄に、カスタムHTMLブロックからScriptを移動させることで解決しました。</p>



<p>２つ目の、.jsファイルとしてアップロードして、外部参照でScriptを実行する案は実施しなくて済みました。（理由は、該当のscriptは汎用的なものでなく、当記事だけのものであった為）</p>
</div>
</div>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>解決のご報告ありがとうございます！テーマの機能であるカスタムJavaScript欄に移動させることで解決されたとのこと、素晴らしいですね。</p>



<p>当初、HTMLブロックに直接記述されていたことが原因だったのですね。テーマの機能を利用することで、JavaScriptの実行環境が適切になり、問題が解消されたと考えられます。</p>



<p>カラーピッカーが無事に動作するようになったとのこと、大変嬉しく思います。他に何かお手伝いできることがございましたら、お気軽にお知らせください。</p>
</blockquote>



<h4 class="wp-block-heading"><span id="toc21">Geminiの誤解：AIにも得意不得意がある？</span></h4>



<div class="wp-block-group is-style-alert-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>解決を報告するも、Geminiは原因を誤解。AIも万能ではないのか？</p>
</div>



<h4 class="wp-block-heading"><span id="toc22">真実の共有：依然として残る謎</span></h4>



<p>Geminiの誤解を訂正し、自己解決に至った経緯と、根本的な原因が依然として不明であることを伝える。</p>



<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-group is-style-question-box is-layout-constrained wp-block-group-is-layout-constrained">
<p><span class="marker-under">「HTMLブロックに直接記述されていたことが原因だった」の<span class="bold">ではありません</span>。</span></p>



<p>文字化けが原因です（文字化けする根本原因は解明できていませんが、）</p>



<p>というのは、<span class="bold">他の記事で「HTMLブロックに直接scriptを記述して、うまく動作しているものもありますから</span>」</p>
</div>
</div>



<h4 class="wp-block-heading"><span id="toc23">Geminiの反省と今後の課題：文字化けという難題</span></h4>



<p>Geminiは自身の誤解を謝罪し、文字化けという問題の複雑さについて言及する。</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>ご指摘ありがとうございます。私の認識が誤っており、申し訳ございません。「HTMLブロックに直接記述されていたことが原因」ではなく、文字化けが根本的な原因だったのですね。</p>



<p>文字化けの原因は特定できていないとのこと、承知いたしました。文字化けは、ファイルの保存形式、Webページのエンコーディング設定、サーバー側の設定など、様々な要因で発生するため、原因特定が難しい場合がありますね。</p>



<p>今回のケースでは、テーマのカスタムJavaScript欄に移動したことで、結果的に文字化けの問題も解消された、または影響を受けなくなった、と理解いたしました。</p>



<p>引き続き、何かご不明な点やお困りのことがございましたら、お気軽にお知らせください。</p>
</blockquote>



<h3 class="wp-block-heading"><span id="toc24">まとめ</span></h3>



<p>Webサイト公開直前、予期せぬConsoleエラーに見舞われた顛末記。生成AI「Gemini」との対話を通じて問題解決を試みるも、最終的な原因はコードの一部で発生した不可解な文字化けだった。AIの力を借りながらも、人の目による確認と環境に合わせた調整の重要性を痛感した記録。</p>



<div class="wp-block-group is-style-information-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>対象となった記事は、以下のブログカードのクリックで、ご覧いただけます。</p>
</div>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">

<a href="https://xn--ecka7j.biz/site-operation/design/11979/" title="Color Palette Explorer: あなただけの特別な色を作ろう・見つけよう！" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="320" height="180" src="https://xn--ecka7j.biz/wp-content/uploads/2025/08/Color-Palette-320x180.png" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://xn--ecka7j.biz/wp-content/uploads/2025/08/Color-Palette-320x180.png 320w, https://xn--ecka7j.biz/wp-content/uploads/2025/08/Color-Palette-120x68.png 120w, https://xn--ecka7j.biz/wp-content/uploads/2025/08/Color-Palette-160x90.png 160w" sizes="(max-width: 320px) 100vw, 320px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">Color Palette Explorer: あなただけの特別な色を作ろう・見つけよう！</div><div class="blogcard-snippet internal-blogcard-snippet">洗練されたカラーピッカー - Webデザイン、イラスト制作に。RGBスライダー、カラーパレットで直感的に色を見つけ、HEX/RGBコード、和色名も表示。選択した色はHTMLテーブル形式で保存。Webサイトに最適な色を簡単選択。色の表現が豊かに。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://xn--ecka7j.biz" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">イイネ.biz</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2026.04.09</div></div></div></div></a>
</div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>WordPress 6.8.1 minor release  2025/05/01</title>
		<link>https://xn--ecka7j.biz/site-operation/wordpress/11827/</link>
		
		<dc:creator><![CDATA[Jun-N]]></dc:creator>
		<pubDate>Thu, 01 May 2025 03:21:21 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[ツール]]></category>
		<category><![CDATA[バージョンアップ]]></category>
		<guid isPermaLink="false">https://xn--ecka7j.biz/?p=11827</guid>

					<description><![CDATA[このリリースでは、WordPressコアとブロックエディター全体にわたる15件のバグ修正が含まれています。具体的には、ブロックエディター、マルチサイト、REST APIなど、複数の領域に影響を与える問題が解決されています [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>このリリースでは、WordPressコアとブロックエディター全体にわたる<strong>15件のバグ修正</strong>が含まれています。具体的には、ブロックエディター、マルチサイト、REST APIなど、複数の領域に影響を与える問題が解決されています。</p>




  <div id="toc" class="toc tnt-none toc-center tnt-none border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-13" checked><label class="toc-title" for="toc-checkbox-13">目次</label>
    <div class="toc-content">
    <ul class="toc-list open"><li><a href="#toc1" tabindex="0">トピック</a><ul><li><a href="#toc2" tabindex="0">修正された主な領域と内容</a></li><li><a href="#toc3" tabindex="0">主なバグ修正一覧</a></li><li><a href="#toc4" tabindex="0">各項目の簡単な説明（どのような不具合に対応したものか）</a></li></ul></li></ul>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">トピック</span></h2>



<p>WordPress 6.8.1はメンテナンスリリースであるため、<strong>主要な新機能は含まれていません</strong>。</p>



<p>直前のメジャーリリースであるWordPress 6.8では、以下のブログカードのクリックでご覧いただけます。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">

<a href="https://xn--ecka7j.biz/site-operation/wordpress/11801/" title="WordPress 6.8 &quot;Cecil&quot;正式リリース" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="320" height="180" src="https://xn--ecka7j.biz/wp-content/uploads/2025/04/WordPress6.8Cecil-320x180.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://xn--ecka7j.biz/wp-content/uploads/2025/04/WordPress6.8Cecil-320x180.jpg 320w, https://xn--ecka7j.biz/wp-content/uploads/2025/04/WordPress6.8Cecil-120x68.jpg 120w, https://xn--ecka7j.biz/wp-content/uploads/2025/04/WordPress6.8Cecil-160x90.jpg 160w" sizes="(max-width: 320px) 100vw, 320px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">WordPress 6.8 "Cecil"正式リリース</div><div class="blogcard-snippet internal-blogcard-snippet">WordPress 6.8 は、パフォーマンス、セキュリティ、アクセシビリティの向上に重点を置いています。主なトピックは、パフォーマンスの向上、セキュリティの強化、アクセシビリティの改善と、スタイルブックの改善です。主なトピック投機的読み込...</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://xn--ecka7j.biz" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">イイネ.biz</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2025.04.16</div></div></div></div></a>
</div>



<h3 class="wp-block-heading"><span id="toc2">修正された主な領域と内容</span></h3>



<ol style="list-style-type:upper-roman" class="wp-block-list">
<li><strong>ブロックエディター (Gutenberg)</strong><ol><li><strong>ブロックの挙動に関する修正:</strong> 特定のブロックが予期せぬ動作をしたり、正しく表示されなかったりする問題が修正された。例えば、レイアウトに関するバグや、編集画面での表示とフロントエンドでの表示のずれなどが考えられます。</li></ol><ol><li><strong>パフォーマンスに関する修正:</strong> ブロックエディターの動作が遅くなる場合や、リソースを過剰に消費する問題が改善された。</li></ol>
<ol class="wp-block-list">
<li><strong>アクセシビリティに関する修正:</strong> スクリーンリーダーの誤読や、キーボード操作での問題など、アクセシビリティに関するバグが修正された。</li>
</ol>
</li>



<li><strong>マルチサイト</strong>
<ol class="wp-block-list">
<li><strong>ネットワーク管理に関する修正:</strong> マルチサイト環境下で、サイトの作成、管理、ユーザー管理など、ネットワーク管理者に関連する機能の不具合が修正された。</li>
</ol>
</li>



<li><strong>REST API</strong>
<ol class="wp-block-list">
<li><strong>API</strong><strong>の挙動に関する修正:</strong> WordPressのデータを外部のアプリケーションと連携させるためのREST APIにおいて、特定のエンドポイントが正しく動作しない、または予期せぬデータを返すなどの問題が修正された。</li>
</ol>
</li>



<li><strong>その他コア機能</strong><ol><li><strong>テーマに関する修正:</strong> 特定の条件下でテーマの動作に問題が発生するバグが修正された。</li></ol><ol><li><strong>プラグインとの互換性に関する修正:</strong> 特定のプラグインとの組み合わせで問題が発生するバグが修正された。</li></ol>
<ol class="wp-block-list">
<li><strong>セキュリティ関連の軽微な修正:</strong> 重大なセキュリティ脆弱性ではないものの、潜在的なリスクを軽減するための修正。</li>
</ol>
</li>
</ol>



<!-- WordPress 6.8.1 Table.html -->
<p id="table-top6.8.1"><i class="fas fa-table"></i> 6.8.1 bugFix Table-Top</p>



<h3 class="wp-block-heading"><span id="toc3">主なバグ修正一覧</span></h3>



<figure class="wp-block-table">
<div class="scrollable-table stfc-sticky"><table class="eg1" style="border:solid; border-collapse:separate; border-color:blue">
<caption class="tal"><i class="fas fa-edit"></i><span style="color: white;">　<b>WordPress 6.8.1 Minor release バグ修正一覧</b></span>  　記載 <span style="border-bottom: solid 1px aqua;" class="c_wi"><b>25/05/01</b></span></caption>
<thead>
<tr>
<th></th>
<th>Ticket</th>
<th scope="col" class="bc_green tac">Component</th>
<th scope="col" class="c_aqua tac">Summary</th>
</tr>
</thead>
<tbody>

<tr>
<td></td>
<td>#63005</td>
<td>Administration</td>
<td><span style="color:aqua;">特定の一括編集フィールドを置換すると、全ての一括編集がブロックされる</span>
<br>Replacing certain bulk-edit fields blocks all bulk edits</td>
</tr>
<tr>
<td></td>
<td>#63323</td>
<td>Administration</td>
<td><span style="color:aqua;">6.8の「概要」ページからコピーを削減</span>
<br>Reduce copy from 6.8 about page</td>
</tr>
<tr>
<td></td>
<td>#63269</td>
<td>Editor</td>
<td><span style="color:aqua;">_WP_Editors::get_translation() 内で配列キー Code が重複</span>
<br>Duplicate array key `Code` in `_WP_Editors::get_translation()`</td>
</tr>
<tr>
<td></td>
<td>#63287</td>
<td>Editor</td>
<td><span style="color:aqua;">apply_block_hooks_to_content_from_post_object から予期しない出力</span>
<br>Unexpected output from apply_block_hooks_to_content_from_post_object</td>
</tr>
<tr>
<td></td>
<td>#63302</td>
<td>Editor</td>
<td><span style="color:aqua;">リサイズの問題により、SVG画像がアップロードできなくなった</span>
<br>SVG images can&#8217;t be uploaded anymore due to a resizing issue</td>
</tr>
<tr>
<td></td>
<td>#63366</td>
<td>Editor</td>
<td><span style="color:aqua;">6.8.1 用のパッケージをアップデート</span>
<br>Update packages for 6.8.1</td>
</tr>
<tr>
<td></td>
<td>#63285</td>
<td>Networks and Sites</td>
<td><span style="color:aqua;">/wp-includes/ms-files.php 内で未定義関数 is_super_admin() の呼び出し</span>
<br>Call to undefined function is_super_admin() in /wp-includes/ms-files.php</td>
</tr>
<tr>
<td></td>
<td>#63307</td>
<td>REST API</td>
<td><span style="color:aqua;">REST API: 固定表示が存在する場合、スラッグによるクエリで不正な投稿を返す</span>
<br>REST API: Returns incorrect post when querying by slug if sticky posts exist</td>
</tr>
<tr>
<td></td>
<td>#63358</td>
<td>Toolbar</td>
<td><span style="color:aqua;">管理バー: 「サイトを編集」リンクを以前のリンク（テンプレートへのリンク）に戻す</span>
<br>Admin Bar: Restore the Edit Site link to its previous link (link to templates)</td>
</tr>
<tr>
<td></td>
<td>#62718</td>
<td>Upgrade/Install</td>
<td><span style="color:aqua;">PHP 8.0以降でFS_METHODがftpextの場合、WordPressの自動更新が6.6以降常に失敗する</span>
<br>Automatic updater of WordPress always fails if FS_METHOD is ftpext since 6.6 with PHP 8.0+</td>
</tr>

</tbody></table></div></figure>


<p><span style="color:aqua;">注: クエリの使用方法については TracQuery を参照してください。</span></p>

<p id="table-end6.8.1"><span class="tal"><i class="fas fa-table"></i> 6.8.1  bugFix Table-end</span> 　　<span class="tar"><a href="#table-top6.8.1" class="c_wi"><i class="fas fa-arrow-up"></i> 6.8.1  bugFix table-topに戻る</a></span></p>
<hr>
<!-- Block. END -->




<h3 class="wp-block-heading"><span id="toc4">各項目の簡単な説明（どのような不具合に対応したものか）</span></h3>



<ul class="wp-block-list">
<li><strong>特定の一括編集フィールドを置換すると、全ての一括編集がブロックされる:</strong>
<ul class="wp-block-list">
<li>投稿や固定ページなどを一括編集する際に、特定項目の値を変更しようとすると、他の項目の編集もできなくなる不具合が修正されたと考えられます。</li>
</ul>
</li>



<li><strong>6.8</strong><strong>の「概要」ページからコピーを削減:</strong>
<ul class="wp-block-list">
<li>WordPress 6.8の管理画面内にある「概要」ページに表示されていた文章が冗長であったため、より簡潔になるように修正されたと考えられます。</li>
</ul>
</li>



<li>_WP_Editors::get_translation() 内で配列キー Code が重複:
<ul class="wp-block-list">
<li>WordPressのテキストエディタ関連の処理において、内部的に使用している配列のキーが重複しているというプログラミング上の問題を修正したものと考えられます。直接的なユーザー影響は少ないかもしれませんが、システムの安定性に関わる修正です。</li>
</ul>
</li>



<li>apply_block_hooks_to_content_from_post_object から予期しない出力:
<ul class="wp-block-list">
<li>ブロックエディターのフック処理に関連して、意図しないデータが出力される問題を修正したものと考えられます。これにより、ページの表示や他の機能に影響が出ていた可能性があります。</li>
</ul>
</li>



<li><strong>リサイズの問題により、SVG画像がアップロードできなくなった:</strong>
<ul class="wp-block-list">
<li>SVG画像をWordPressにアップロードする際に、画像のリサイズ処理で問題が発生し、アップロードが失敗する不具合が修正されたと考えられます。</li>
</ul>
</li>



<li>6.8.1 用のパッケージをアップデート:
<ul class="wp-block-list">
<li>WordPressが内部で使用しているJavaScriptライブラリなどのパッケージが最新の状態に更新されたと考えられます。これにより、セキュリティの向上やパフォーマンスの改善が期待できます。</li>
</ul>
</li>



<li>/wp-includes/ms-files.php 内で未定義関数 is_super_admin() の呼び出し:
<ul class="wp-block-list">
<li>マルチサイト機能に関連するファイルで、存在しない関数 is_super_admin() が呼び出されていたため、エラーが発生する問題を修正したものと考えられます。</li>
</ul>
</li>



<li><strong>REST API: </strong><strong>固定表示が存在する場合、スラッグによるクエリで不正な投稿を返す:</strong>
<ul class="wp-block-list">
<li>WordPressのREST APIを使用して、投稿のスラッグ（URLの一部）を指定して投稿を取得する際に、固定表示に設定された投稿が存在すると、意図した投稿とは異なるものが返される不具合が修正されたと考えられます。</li>
</ul>
</li>



<li><strong>管理バー: 「サイトを編集」リンクを以前のリンク（テンプレートへのリンク）に戻す:</strong>
<ul class="wp-block-list">
<li>WordPressの管理画面上部に表示される管理バーの「サイトを編集」リンクが、以前はテンプレートの編集画面にリンクしていたのが、6.8で変更された可能性があります。6.8.1では、ユーザーの混乱を避けるため、以前のテンプレート編集画面へのリンクに戻されたと考えられます。</li>
</ul>
</li>



<li>PHP 8.0以降でFS_METHODがftpextの場合、WordPressの自動更新が6.6以降常に失敗する:
<ul class="wp-block-list">
<li>サーバーへのファイル操作方法の設定（FS_METHOD）がFTP拡張を利用している場合に、PHPのバージョンが8.0以降であると、WordPressの自動更新機能が正しく動作しない不具合が、6.6以降続いていたものが修正されたと考えられます。</li>
</ul>
</li>
</ul>



<p id="table-end6.8.1"><span class="tal"><i class="fas fa-table"></i> 6.8.1  bugFix Table-end</span> 　　<span class="tar"><a href="#table-top6.8.1" class="c_wi"><i class="fas fa-arrow-up"></i> 6.8.1  bugFix table-topに戻る</a></span></p>
<hr>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>WordPress 6.8 &#8220;Cecil&#8221;正式リリース</title>
		<link>https://xn--ecka7j.biz/site-operation/wordpress/11801/</link>
		
		<dc:creator><![CDATA[Jun-N]]></dc:creator>
		<pubDate>Wed, 16 Apr 2025 04:56:51 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[バージョンアップ]]></category>
		<category><![CDATA[バージョン管理]]></category>
		<guid isPermaLink="false">https://xn--ecka7j.biz/?p=11801</guid>

					<description><![CDATA[WordPress 6.8 は、パフォーマンス、セキュリティ、アクセシビリティの向上に重点を置いています。 主なトピックは、パフォーマンスの向上、セキュリティの強化、アクセシビリティの改善と、スタイルブックの改善です。  [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p><strong>WordPress 6.8 は、パフォーマンス、セキュリティ、アクセシビリティの向上に重点を置いています。</strong></p>



<p>主なトピックは、パフォーマンスの向上、セキュリティの強化、アクセシビリティの改善と、スタイルブックの改善です。</p>




  <div id="toc" class="toc tnt-none toc-center tnt-none border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-15" checked><label class="toc-title" for="toc-checkbox-15">目次</label>
    <div class="toc-content">
    <ul class="toc-list open"><li><a href="#toc1" tabindex="0">主なトピック</a><ul><li><a href="#toc2" tabindex="0">セキュリティの強化</a></li><li><a href="#toc3" tabindex="0">アクセシビリティの改善</a></li><li><a href="#toc4" tabindex="0">スタイルブックの改善</a></li></ul></li><li><a href="#toc5" tabindex="0">WordPress 6.8 &#8220;Cecil&#8221; の詳細</a></li><li><a href="#toc6" tabindex="0">WordPress6.8導入・運用要件</a><ul><li><a href="#toc7" tabindex="0">必須要件</a><ul><li><a href="#toc8" tabindex="0">https</a></li><li><a href="#toc9" tabindex="0">phpバージョン 7.4 以上。</a></li><li><a href="#toc10" tabindex="0">MySQL 5.7 以上、または MariaDB バージョン 10.3 以上。</a></li><li><a href="#toc11" tabindex="0">Webサーバー：Apache または Nginx</a></li></ul></li><li><a href="#toc12" tabindex="0">推奨要件</a><ul><li><a href="#toc13" tabindex="0">php：バージョン 8.0 以上。</a></li><li><a href="#toc14" tabindex="0">SQL：MySql 8.0 以上、または MariaDB バージョン 10.5 以上。</a></li><li><a href="#toc15" tabindex="0">Webサーバー： Nginx</a></li></ul></li></ul></li></ul>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">主なトピック</span></h2>



<ul class="wp-block-list">
<li><strong><span class="bold-blue"><a href="#speculative">投機的読み込み</a></span></strong>: ユーザーがリンクにカーソルを合わせたり、クリックする前にページを事前に読み込むことで、ページの読み込み速度を大幅に向上させます。</li>



<li>ブロックエディター、ブロックタイプ登録、<span class="bold-blue"><a href="#query">クエリキャッシュ</a></span>の最適化: ページの表示速度を大幅に向上させ、ユーザーが 50 ミリ秒以上待つことがないようにすることを目指しています。</li>



<li><strong><span class="bold-blue"><a href="#interactivity">Interactivity API</a></span></strong>: ウェブページ上で、ユーザーの操作に応じて動的にコンテンツを変化させるための機能を提供します。</li>
</ul>



<h3 class="wp-block-heading"><span id="toc2">セキュリティの強化</span></h3>



<p><span class="bold-blue"><a href="#bcrypt">bcrypt ハッシュ</a></span>: パスワードを「bcryptハッシュ」という方式で暗号化することで、従来の暗号化方式よりも解読が非常に難しくなり、セキュリティが向上します。</p>



<h3 class="wp-block-heading"><span id="toc3">アクセシビリティの改善</span></h3>



<ul class="wp-block-list">
<li>100 項目を超えるアクセシビリティ関連の修正と機能強化: WordPress の使いやすさが大幅に向上しました。</li>



<li>標準搭載されているすべてのテーマの修正、ナビゲーションメニューの管理機能の改善、カスタマイザーの改善、ラベルの簡略化などが含まれています。</li>



<li>ブロックエディターにおいては、ブロック、データ表示機能、および全体的なユーザー体験に関する改善が 70 項目以上も行われています。</li>
</ul>



<h3 class="wp-block-heading"><span id="toc4">スタイルブックの改善</span></h3>



<ul class="wp-block-list">
<li>構造化されたレイアウトと明確なラベル: 色、フォント、サイト全体のスタイルなどを一箇所で簡単に編集できます。</li>



<li>従来テーマとの互換性: エディタースタイルや theme.json ファイルを使用する従来のテーマでも、この新しいスタイルブックが利用可能です。</li>
</ul>



<h2 class="wp-block-heading"><span id="toc5">WordPress 6.8 &#8220;Cecil&#8221; の詳細</span></h2>



<div class="wp-block-group is-style-memo-box is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<p>「WordPress 6.8」では、日々の作業をよりスムーズにするための機能改善が行われ、サイトの高速化、セキュリティ強化、管理の容易化が図られています。</p>



<p>新しいスタイルブックは、構造化されたレイアウトを採用し、従来のテーマでも利用可能です。これにより、グローバルなスタイルをより詳細に制御できます。</p>



<p>また、ユーザーがリンクをクリックする前にページを事前に読み込む「投機的読み込み」機能により、ページ遷移が高速化されます。パスワードセキュリティは、<span class="bold-blue">bcryptハッシュ</span>によって自動的に強化され、データベースの最適化によりパフォーマンスが向上します。</p>
</div>
</div>



<div class="wp-block-group is-style-memo-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>「スタイルブック」が新しくなり、より洗練された外観と便利な機能が追加されました。</p>



<p>新しいスタイルブックでは、レイアウトが整理され、ラベルも明確になったため、色、フォント、サイト全体のスタイルなどを一箇所で簡単に編集できます。</p>



<p>さらに、エディタースタイルや theme.json ファイルを使用する従来のテーマでも、この新しいスタイルブックが利用可能です。「外観 &gt; デザイン」からスタイルブックにアクセスし、CSS の編集やカスタマイザーでの変更を行う際に、テーマの進化をプレビューとして活用できます。</p>
</div>



<div class="wp-block-group is-style-memo-box is-layout-constrained wp-block-group-is-layout-constrained">
<p><strong>「エディターがさらに使いやすくなりました。データビューでオプションを簡単に表示したり、クエリループから「<span class="bold-blue">おすすめ記事</span>」を除外したりできるようになりました。その他にも、あなたの開発作業をよりスムーズにするための細かな改善が多数施されています。</strong></p>
</div>



<div class="wp-block-group is-style-comment-box is-layout-constrained wp-block-group-is-layout-constrained">
<p><strong><span class="bold-blue">おすすめ記事</span></strong>：WordPress6.8の原文では「<strong><span class="bold-red">スティッキー投稿</span></strong>」とありました。<strong><span class="bold-red">スティッキー投稿</span></strong>では分かりにくい為、<strong><span class="bold-blue">おすすめ記事</span></strong>としましたが、他にも、「<strong>固定表示記事</strong>」、「<strong>最優先記事</strong>」、「<strong>トップ固定記事</strong>」、<em>「<strong>注目記事</strong>」、</em>「<strong>最新のお知らせ</strong>」、「<strong>キャンペーン情報</strong>」などを「<strong>スティッキー投稿</strong>」に設定することで、訪問者の目に留まりやすくすることができます。<span class="marker-under-blue">「<strong>スティッキー投稿</strong>」とは、ブログやウェブサイトの記事一覧などで、常に一番上に固定して表示される記事のことです。</span>重要な情報や、特に読者に見てほしい記事を<strong>常に目立つ場所に表示</strong>できます。新着記事が多い場合でも、特定の記事を埋もれさせずに表示できます。ウェブサイトの<strong>トップページなどで、特定のコンテンツを強調する際に使用</strong>されます。</p>
</div>



<p id="speculative"><i class="fas fa-anchor"></i>　投機的読み込み</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p><strong>Speculative Loading</strong><strong>のおかげで、ほぼインスタントページの読み込み</strong></p>



<p>WordPress 6.8では、ページがこれまで以上に速く読み込まれます。あなたまたはあなたのユーザーがリンクをホバーまたはクリックすると、WordPressは次のページをプリロードして、よりスムーズで即時の体験を得ることができます。システムは速度と効率のバランスを取り、プラグインや独自のコードを使用して、その動作を制御できます。この機能は最新のブラウザでのみ機能します。 古いブラウザは、影響なしに無視するだけです。</p>
</blockquote>



<div class="wp-block-group is-style-information-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>「<span class="bold">投機的読み込み</span>」により、ページの読み込みがほぼ瞬時に完了します。</p>



<p>WordPress 6.8 では、ページの読み込み速度が大幅に向上しました。ユーザーがリンクにマウスカーソルを合わせたり、クリックしたりすると、WordPress は次のページを事前に読み込み、よりスムーズでストレスのない閲覧体験を提供します。システムは速度と効率のバランスを取りながら動作し、プラグインや独自のコードを使用して、この機能を細かく制御することも可能です。なお、この機能は<span class="bold-blue"><a href="#browser">最新のブラウザ</a></span>でのみ有効で、古いブラウザでは特に影響はありません。</p>



<p><span class="bold-blue">スペキュレーティブローディング</span>:Speculative Loading<br>「スペキュレーティブローディング」は、ウェブページの読み込み速度を向上させるための技術ですが、少し専門的な言葉なので、より分かりやすい日本語表現をしてみます。<br><strong>先読み機能:</strong>「先読み機能」と言い換えることで、ページの読み込みを事前に予測するという機能が分かりやすいかと思います。</p>



<p><strong>高速ページ表示:</strong>最大のメリットは、ページの表示速度が向上することです。「高速ページ表示」と表現すると、ユーザーにとっての利点がより明確です。</p>



<p><strong>クリック前予測読み込み:</strong>ユーザーがクリックする前に、ページを予測して読み込んでおく機能であるという事が的確に伝わるかと思います。</p>



<p><strong>事前読み込み:</strong>よりシンプルに事前読み込みという言葉で表すことも。</p>



<p><strong>「スペキュレーティブローディング」とは</strong></p>



<p>「スペキュレーティブローディング」とは、ユーザーがウェブサイト上のリンクをクリックする前に、そのリンク先のページを予測して事前に読み込んでおく技術です。これにより、ユーザーが実際にリンクをクリックした際に、ページがほぼ瞬時に表示されるため、ウェブサイトの閲覧体験が大幅に向上します。</p>



<p><strong>「スペキュレーティブローディング」の仕組み</strong></p>



<ol class="wp-block-list">
<li><strong>予測:</strong>
<ol class="wp-block-list">
<li>ウェブブラウザは、ユーザーがどのリンクをクリックするかを予測します。予測には、過去の閲覧履歴や、マウスカーソルの動きなどが利用されます。</li>
</ol>
</li>



<li><strong>事前読み込み:</strong>
<ol class="wp-block-list">
<li>予測に基づいて、リンク先のページを事前に読み込みます。これにより、ページの内容が一時的にコンピューターに保存されます。</li>
</ol>
</li>



<li><strong>瞬時表示:</strong>
<ol class="wp-block-list">
<li>ユーザーが実際にリンクをクリックすると、事前に読み込まれたページが瞬時に表示されます。</li>
</ol>
</li>
</ol>



<p><strong>「スペキュレーティブローディング」のメリット</strong></p>



<ul class="wp-block-list">
<li><strong>ページの表示速度が大幅に向上:</strong>
<ul class="wp-block-list">
<li>ユーザーは、ストレスなく快適にウェブサイトを閲覧できます。</li>
</ul>
</li>



<li><strong>ユーザー体験の向上:</strong>
<ul class="wp-block-list">
<li>ウェブサイトの操作性が向上し、ユーザー満足度が高まります。</li>
</ul>
</li>
</ul>



<p>「スペキュレーティブローディング」は、ウェブサイトの閲覧体験を向上させるための非常に有効な技術です。<br><strong>注意点:</strong></p>



<ul class="wp-block-list">
<li><strong>リソースの消費:</strong>
<ul class="wp-block-list">
<li>予測が外れた場合、不要なページの読み込みが行われるため、コンピューターやネットワークのリソースを消費する可能性があります。</li>
</ul>
</li>



<li><strong>ブラウザの対応状況:</strong>
<ul class="wp-block-list">
<li>「投機的読み込み」は、<a href="#browser">最新のブラウザ</a>でのみ有効な機能です。</li>
</ul>
</li>
</ul>



<p>「投機的読み込み」は、ウェブサイトの閲覧体験を向上させるための非常に有効な技術です。しかし、リソースの消費などの注意点もあるため、適切に利用することが重要です。 最新のブラウザとは、常に進化しており、セキュリティと機能性を向上させるために定期的にアップデートされています。</p>
</div>



<p id="interactivity"><i class="fas fa-anchor"></i>　Interactivity API</p>



<div class="wp-block-group is-style-memo-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>ウェブページ上で、ユーザーの操作に応じて動的にコンテンツを変化させるための機能を提供する API（アプリケーションプログラミングインターフェース）です。これにより、よりインタラクティブなウェブサイトを構築できます。</p>
</div>



<p id="browser"><i class="fas fa-anchor"></i>　最新のブラウザ</p>



<div class="wp-block-group is-style-memo-box is-layout-constrained wp-block-group-is-layout-constrained">
<p><strong>主要ブラウザと最新バージョン</strong></p>



<ul class="wp-block-list">
<li><strong>Google Chrome:</strong><ul><li>Google Chromeは、常に最新のセキュリティ修正と機能改善を提供するために、頻繁にアップデートされます。</li></ul><ul><li>最新バージョンは常に変動しますので、Google Chromeの公式ウェブサイトで確認するのが最良です。</li></ul>
<ul class="wp-block-list">
<li>Chromeは自動更新が基本設定となっています。</li>
</ul>
</li>



<li><strong>Microsoft Edge:</strong><ul><li>Microsoft Edgeも、セキュリティとパフォーマンスを向上させるために定期的にアップデートされます。</li></ul><ul><li>Windowsのアップデートを通じて、またはMicrosoft Edgeの公式ウェブサイトから最新バージョンを入手できます。</li></ul>
<ul class="wp-block-list">
<li>Microsoft EdgeはWindowsの自動更新と連動しているため、自動更新が基本設定となっています。</li>
</ul>
</li>



<li><strong>Mozilla Firefox:</strong><ul><li>Mozilla Firefoxは、プライバシーとセキュリティに重点を置いており、定期的なアップデートでこれらの機能を強化しています。</li></ul><ul><li>Firefoxの公式ウェブサイトから最新バージョンをダウンロードできます。</li></ul>
<ul class="wp-block-list">
<li>Firefoxも自動更新が基本設定となっています。</li>
</ul>
</li>



<li><strong>Apple Safari:</strong><ul><li>Apple Safariは、macOSおよびiOSデバイスに組み込まれており、これらのオペレーティングシステムのアップデートを通じて最新バージョンが提供されます。</li></ul>
<ul class="wp-block-list">
<li>Apple製品のOSの自動更新と連動しているため、自動更新が基本設定となっています。</li>
</ul>
</li>
</ul>



<p><strong>ブラウザのアップデートの重要性</strong></p>



<ul class="wp-block-list">
<li><strong>セキュリティ:</strong>
<ul class="wp-block-list">
<li>最新のブラウザは、既知のセキュリティ脆弱性に対する修正が含まれており、オンラインでの安全性を高めます。</li>
</ul>
</li>



<li><strong>パフォーマンス:</strong>
<ul class="wp-block-list">
<li>アップデートには、ページの読み込み速度の向上やメモリ使用量の最適化など、パフォーマンスの改善が含まれることがあります。</li>
</ul>
</li>



<li><strong>新機能:</strong>
<ul class="wp-block-list">
<li>最新のブラウザは、新しいウェブ標準への対応や便利な新機能の追加など、より快適なウェブ体験を提供します。</li>
</ul>
</li>
</ul>



<p><strong>ブラウザの自動更新</strong></p>



<p>ほとんどの最新ブラウザは、デフォルトで自動更新が有効になっています。これにより、常に最新のセキュリティ修正と機能改善が適用され、安全かつ快適にウェブを利用できます。</p>



<p>常に最新バージョンのブラウザを使用することを推奨します。</p>
</div>



<p id="bcrypt"><i class="fas fa-anchor"></i>　bcrypt ハッシュ</p>



<div class="wp-block-group is-style-information-box is-layout-constrained wp-block-group-is-layout-constrained">
<ul class="wp-block-list">
<li><strong>強固なパスワード暗号化:</strong>
<ul class="wp-block-list">
<li>「<span class="bold-blue">bcrypt</span>」は、非常に強度の高い暗号化方式であるため、「強固なパスワード暗号化」と表現することで、安全性の高さが伝わります。</li>
</ul>
</li>



<li><strong>解読困難なパスワード変換:</strong>
<ul class="wp-block-list">
<li>「<span class="bold-blue">bcrypt</span>」は、解読が非常に難しいハッシュ値を生成するため、「解読困難なパスワード変換」と表現することで、その特徴を強調できます。</li>
</ul>
</li>



<li><strong>安全なパスワード保管技術:</strong>
<ul class="wp-block-list">
<li>「<span class="bold-blue">bcrypt</span>」は、パスワードを安全に保管するために広く利用されている技術であるため、「安全なパスワード保管技術」と表現することで、その目的を明確にできます。</li>
</ul>
</li>



<li><strong>最新式パスワード保護:</strong>
<ul class="wp-block-list">
<li>「<span class="bold-blue">bcrypt</span>」は、現代のセキュリティ基準において推奨されている技術であるため、「最新式パスワード保護」と表現することで、その先進性をアピールできます。</li>
</ul>
</li>
</ul>



<p><strong>「<span class="bold-blue">bcryptハッシュ</span>」とは</strong></p>



<p>「<span class="blue">bcryptハッシュ</span>」とは、パスワードを安全に保管するために使用される暗号化技術の一つです。パスワードを「ハッシュ値」と呼ばれる別の文字列に変換することで、元のパスワードを直接保管するよりも安全に管理できます。</p>



<p><strong>「<span class="bold-blue">bcryptハッシュ</span>」の仕組み</strong></p>



<ol class="wp-block-list">
<li><strong>ソルトの追加:</strong>
<ol class="wp-block-list">
<li>パスワードに「ソルト」と呼ばれるランダムな文字列を追加します。これにより、同じパスワードでも異なるハッシュ値が生成されます。</li>
</ol>
</li>



<li><strong>ハッシュ化:</strong>
<ol class="wp-block-list">
<li>ソルトが追加されたパスワードを、「<span class="bold-blue">bcrypt</span>」と呼ばれるアルゴリズムでハッシュ化します。このアルゴリズムは、計算に時間と負荷がかかるように設計されており、解読を困難にしています。</li>
</ol>
</li>



<li><strong>ハッシュ値の保管:</strong>
<ol class="wp-block-list">
<li>生成されたハッシュ値をデータベースなどに保管します。元のパスワードは保管されません。</li>
</ol>
</li>
</ol>



<p><strong>「<span class="bold-blue">bcryptハッシュ</span>」のメリット</strong></p>



<ul class="wp-block-list">
<li><strong>高い安全性:</strong>
<ul class="wp-block-list">
<li>解読が非常に難しく、パスワードが漏洩した場合でも、元のパスワードを特定されるリスクを大幅に軽減できます。</li>
</ul>
</li>



<li><strong>レインボーテーブル攻撃への耐性:</strong>
<ul class="wp-block-list">
<li>ソルトを使用することで、事前に計算されたハッシュ値の表（レインボーテーブル）を使用した攻撃を防ぐことができます。</li>
</ul>
</li>



<li><strong>ブルートフォース攻撃への耐性:</strong>
<ul class="wp-block-list">
<li>計算に時間と負荷がかかるため、総当たり攻撃（ブルートフォース攻撃）による解読を困難にします。</li>
</ul>
</li>
</ul>



<p>「<span class="blue">bcryptハッシュ</span>」は、現代のウェブサービスにおいて、パスワードを安全に保管するための最も推奨される技術の一つです。</p>
</div>



<p id="query"><i class="fas fa-anchor"></i>　クエリキャッシュ</p>



<div class="wp-block-group is-style-memo-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>データベースへの問い合わせ結果（<span class="bold">クエリ</span>）を一時的に保存しておく機能です。同じ<span class="bold">クエリ</span>が再度実行された場合、データベースに問い合わせる代わりに、保存された結果を再利用することで、処理速度を向上させます。</p>
</div>



<p>従来テーマとの互換性: エディタースタイルや theme.json ファイルを使用する従来のテーマでも、この新しいスタイルブックが利用可能です。</p>



<h2 class="wp-block-heading"><span id="toc6">WordPress6.8導入・運用要件</span></h2>



<h3 class="wp-block-heading"><span id="toc7">必須要件</span></h3>



<h4 class="wp-block-heading"><span id="toc8">https</span></h4>



<div class="wp-block-group is-style-alert-box is-layout-constrained wp-block-group-is-layout-constrained">
<ul class="wp-block-list">
<li><strong>通信の安全確保:</strong>
<ul class="wp-block-list">
<li>「HTTPS」は、ウェブサイトとユーザー間の通信を保護する技術であるため、「通信の安全確保」と表現することで、その目的が伝わります。</li>
</ul>
</li>



<li><strong>ウェブサイトの暗号化:</strong>
<ul class="wp-block-list">
<li>「HTTPS」は、ウェブサイトとユーザー間の通信を暗号化する技術であるため、「ウェブサイトの暗号化」と表現することで、その機能が分かりやすくなります。</li>
</ul>
</li>



<li><strong>安全なウェブサイト:</strong>
<ul class="wp-block-list">
<li>「HTTPS」が導入されたウェブサイトは、通信が暗号化されるため、安全性が高まります。「安全なウェブサイト」と表現することで、ユーザーにとってのメリットが明確になります。</li>
</ul>
</li>



<li><strong>ウェブサイトのセキュリティ向上:</strong>
<ul class="wp-block-list">
<li>より技術的なニュアンスを残しつつ、分かりやすく表現できます。</li>
</ul>
</li>
</ul>



<p><strong>HTTPS </strong><strong>サポートとは</strong></p>



<p>「HTTPS サポート」とは、ウェブサイトが「HTTPS」という通信プロトコルに対応していることを意味します。「HTTPS」は、ウェブサイトとユーザーがデータをやり取りする際に、そのデータを暗号化する技術です。</p>



<p><strong>HTTPS </strong><strong>の仕組み</strong></p>



<ol class="wp-block-list">
<li><strong>暗号化:</strong>
<ol class="wp-block-list">
<li>ウェブサイトとユーザーの間に「SSL/TLS」という暗号化技術を導入することで、通信データを暗号化します。</li>
</ol>
</li>



<li><strong>認証:</strong>
<ol class="wp-block-list">
<li>ウェブサイトの運営者が「SSL/TLS証明書」を取得することで、ウェブサイトの正当性を証明します。</li>
</ol>
</li>



<li><strong>安全な通信:</strong>
<ol class="wp-block-list">
<li>暗号化と認証により、第三者によるデータの盗み見や改ざんを防ぎ、安全な通信を実現します。</li>
</ol>
</li>
</ol>



<p><strong>HTTPS </strong><strong>サポートの重要性</strong></p>



<ul class="wp-block-list">
<li><strong>個人情報の保護:</strong>
<ul class="wp-block-list">
<li>クレジットカード情報や個人情報など、機密性の高いデータを安全にやり取りできます。</li>
</ul>
</li>



<li><strong>ウェブサイトの信頼性向上:</strong>
<ul class="wp-block-list">
<li>「HTTPS」に対応しているウェブサイトは、セキュリティ対策がしっかりしているという印象を与え、ユーザーの信頼を得やすくなります。</li>
</ul>
</li>



<li><strong>SEO </strong><strong>対策:</strong>
<ul class="wp-block-list">
<li>Google などの検索エンジンは、「HTTPS」に対応しているウェブサイトを優先的に表示する傾向があります。</li>
</ul>
</li>
</ul>



<p>「HTTPS サポート」は、ウェブサイトの安全性と信頼性を高めるために、非常に重要な要素です。</p>
</div>



<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-group is-style-question-box is-layout-constrained wp-block-group-is-layout-constrained">
<h4 class="wp-block-heading"><span id="toc9">phpバージョン 7.4 以上。</span></h4>



<ul class="wp-block-list">
<li>最新の PHP バージョンを使用することを強く推奨します。</li>
</ul>



<h4 class="wp-block-heading"><span id="toc10">MySQL 5.7 以上、または MariaDB バージョン 10.3 以上。</span></h4>



<ul class="wp-block-list">
<li>MySQL 8.0 以上、または MariaDB 10.5 以上を推奨します。</li>
</ul>



<h4 class="wp-block-heading"><span id="toc11">Webサーバー：Apache または Nginx</span></h4>
</div>
</div>



<h3 class="wp-block-heading"><span id="toc12">推奨要件</span></h3>



<div class="wp-block-group is-style-memo-box is-layout-constrained wp-block-group-is-layout-constrained">
<h4 class="wp-block-heading"><span id="toc13">php：バージョン 8.0 以上。</span></h4>



<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<ul class="wp-block-list">
<li>PHP 8.1または、8.2を強く推奨します。</li>
</ul>



<h4 class="wp-block-heading"><span id="toc14">SQL：MySql 8.0 以上、または MariaDB バージョン 10.5 以上。</span></h4>



<h4 class="wp-block-heading"><span id="toc15">Webサーバー： Nginx</span></h4>
</div>
</div>



<div class="wp-block-group is-style-question-box is-layout-constrained wp-block-group-is-layout-constrained">
<p><strong>その他</strong></p>



<ul class="wp-block-list">
<li>これらの要件は、WordPress のコア機能が正常に動作するために必要な最低限のものです。</li>



<li>プラグインやテーマによっては、追加の要件が必要になる場合があります。</li>



<li>セキュリティとパフォーマンスの観点から、常に最新バージョンのソフトウェアを使用することを推奨します。</li>
</ul>
</div>



<div class="wp-block-group is-style-comment-box is-layout-constrained wp-block-group-is-layout-constrained">
<p><strong>補足</strong></p>



<ul class="wp-block-list">
<li><strong><a href="#speculative">投機的読み込み</a>について</strong><ul><li>WordPress 6.8 で導入された「投機的読み込み」機能は、<span class="bold-blue"><a href="#browser">最新のブラウザ</a></span>でのみ有効です。</li></ul><ul class="wp-block-list"><li>古いブラウザを使用している場合は、この機能によるパフォーマンス向上は期待できません。</li></ul></li>



<li><strong>セキュリティについて</strong><ul><li>WordPress を安全に運用するためには、PHP や MySQL などのソフトウェアを常に最新の状態に保つことが重要です。</li></ul>
<ul class="wp-block-list">
<li>また、強力なパスワードを使用し、セキュリティ対策プラグインを導入することも推奨します。</li>
</ul>
</li>
</ul>



<p>WordPress の公式ドキュメントも合わせて参照することをおすすめします。</p>
</div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>WordPress 6.7.2　Maintenance</title>
		<link>https://xn--ecka7j.biz/site-operation/wordpress/11453/</link>
		
		<dc:creator><![CDATA[Jun-N]]></dc:creator>
		<pubDate>Thu, 13 Feb 2025 00:39:31 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[バージョンアップ]]></category>
		<category><![CDATA[道具]]></category>
		<guid isPermaLink="false">https://xn--ecka7j.biz/?p=11453</guid>

					<description><![CDATA[WordPress 6.7.2 は、以前のバージョンで報告されたバグを修正し、安定性を向上させるためのアップデートです。 目次 バグ対策ブロックエディターの改善具体的な改善点HTML APIの修正具体的な修正点開発者向け [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>WordPress 6.7.2 は、以前のバージョンで報告されたバグを修正し、安定性を向上させるためのアップデートです。</p>



<ul class="wp-block-list">
<li>ブロックエディターの操作性やパフォーマンスが向上し、よりスムーズなコンテンツ作成が可能になりました。</li>



<li>HTML APIに関する不具合が修正され、開発者がより安全かつ効率的にテーマやプラグインを開発できるようになりました。</li>



<li>WordPress本体に関する複数のバグが修正され、全体的な安定性が向上しました。</li>
</ul>




  <div id="toc" class="toc tnt-none toc-center tnt-none border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-17" checked><label class="toc-title" for="toc-checkbox-17">目次</label>
    <div class="toc-content">
    <ul class="toc-list open"><li><a href="#toc1" tabindex="0">バグ対策</a><ul><li><a href="#toc2" tabindex="0">ブロックエディターの改善</a><ul><li><a href="#toc3" tabindex="0">具体的な改善点</a></li></ul></li><li><a href="#toc4" tabindex="0">HTML APIの修正</a><ul><li><a href="#toc5" tabindex="0">具体的な修正点</a></li><li><a href="#toc6" tabindex="0">開発者向けの変更点</a></li></ul></li><li><a href="#toc7" tabindex="0">その他バグ修正</a><ul><li><a href="#toc8" tabindex="0">主なバグ＃と内容</a></li></ul></li></ul></li></ul>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">バグ対策</span></h2>



<p>WordPress 6.7.2 は、以前のバージョンで報告されたバグを修正していますが、常に新しい脆弱性が発見される可能性があります。そのため、以下の対策を講じることが重要です。</p>



<ul class="wp-block-list">
<li><strong>常に最新バージョンを使用する:</strong> WordPress本体、テーマ、プラグインを常に最新バージョンに保つことで、既知の脆弱性を悪用されるリスクを軽減できます。</li>



<li><strong>信頼できるテーマやプラグインを使用する:</strong> 不明な開発元が提供するテーマやプラグインは、セキュリティ上のリスクが高まる可能性があります。信頼できる開発元が提供するものを利用するようにしましょう。</li>



<li><strong>セキュリティ対策ソフトを導入する:</strong> WordPressのセキュリティを強化するために、セキュリティ対策プラグインやWAF（Web Application Firewall）などの導入を検討しましょう。</li>



<li><strong>定期的なバックアップ:</strong> 万が一の事態に備えて、定期的にWordPressのバックアップを取得しておきましょう。</li>
</ul>



<h3 class="wp-block-heading"><span id="toc2">ブロックエディターの改善</span></h3>



<p>ブロックエディターの操作性やパフォーマンスが向上し、よりスムーズなコンテンツ作成が可能になりました。今回のアップデートでは、主に以下の点が改善されました。</p>



<ul class="wp-block-list">
<li><strong>パフォーマンスの向上:</strong> ブロックエディターの読み込み速度や操作性が向上し、より快適にコンテンツを作成できるようになりました。特に、大規模なコンテンツや複雑なレイアウトを持つページでの編集作業がスムーズになります。</li>



<li><strong>操作性の改善:</strong> ブロックの選択や移動、コピー＆ペーストなどの操作がより直感的になりました。また、ツールバーやメニューの配置が見直され、より効率的に作業を進めることができます。</li>



<li><strong>アクセシビリティの向上:</strong> スクリーンリーダーなどの支援技術を利用しているユーザーにとって、より使いやすいようにアクセシビリティが改善されました。</li>



<li><strong>バグ修正:</strong> 以前のバージョンで報告されていたブロックエディターに関する不具合が修正され、安定性が向上しました。</li>
</ul>



<p>これらの改善により、WordPress 6.7.2 のブロックエディターは、より快適で使いやすいものになりました。</p>



<h4 class="wp-block-heading"><span id="toc3">具体的な改善点</span></h4>



<ul class="wp-block-list">
<li><strong>ブロックの挿入:</strong> ブロックの挿入がよりスムーズになり、目的のブロックを簡単に見つけられるようになりました。</li>



<li><strong>ブロックの移動:</strong> ドラッグ＆ドロップによるブロックの移動がより正確になり、意図しない場所にブロックが移動してしまうことが減りました。</li>



<li><strong>ブロックの複製:</strong> ブロックの複製がより簡単になり、同じブロックを何度も挿入する手間が省けます。</li>



<li><strong>ツールバーの改善:</strong> ブロックのツールバーがより見やすくなり、必要な機能に素早くアクセスできるようになりました。</li>



<li><strong>キーボード操作の改善:</strong> キーボード操作によるブロックの選択や移動がよりスムーズになり、マウスを使わずに編集作業を行うことができます。</li>
</ul>



<p>これらの改善点は、WordPress 6.7.2 を利用するすべてのユーザーにとって有益なものです。</p>



<h3 class="wp-block-heading"><span id="toc4">HTML APIの修正</span></h3>



<p> HTML APIに関する不具合が修正され、開発者がより安全かつ効率的にテーマやプラグインを開発できるようになりました。</p>



<h4 class="wp-block-heading"><span id="toc5">具体的な修正点</span></h4>



<ul class="wp-block-list">
<li><strong>HTML </strong><strong>構造の改善:</strong> WordPress が生成する HTML コードの構造が改善され、よりセマンティックで適切なものになりました。これにより、スクリーンリーダーなどの支援技術を利用しているユーザーにとって、よりコンテンツが理解しやすくなりました。</li>



<li><strong>属性の修正:</strong> HTML 要素の属性に関する不具合が修正され、より正確な HTML コードが生成されるようになりました。これにより、ブラウザの互換性が向上し、意図しない表示崩れを防ぐことができます。</li>



<li><strong>セキュリティの強化:</strong> HTML API に関するセキュリティ上の脆弱性が修正され、クロスサイトスクリプティング（XSS）などの攻撃を予防できるようになりました。</li>



<li><strong>フィルターの改善:</strong> HTML API に関するフィルターが改善され、開発者がより柔軟に HTML コードを操作できるようになりました。</li>
</ul>



<p>これらの修正により、WordPress 6.7.2 の HTML API は、より安全で使いやすいものになりました。</p>



<h4 class="wp-block-heading"><span id="toc6">開発者向けの変更点</span></h4>



<ul class="wp-block-list">
<li><strong>新しいフィルターの追加:</strong> HTML API に関する新しいフィルターが追加され、開発者がより柔軟に HTML コードを操作できるようになりました。</li>



<li><strong>既存のフィルターの改善:</strong> 既存のフィルターが改善され、より効率的に HTML コードを操作できるようになりました。</li>



<li><strong>ドキュメントの更新:</strong> HTML API に関するドキュメントが更新され、より詳細な情報が提供されるようになりました。</li>
</ul>



<p>これらの変更点は、WordPress のテーマやプラグインを開発するすべての人にとって有益なものです。ぜひ、新しい HTML API を活用して、より高品質な WordPress サイトを開発してください。</p>



<h3 class="wp-block-heading"><span id="toc7">その他バグ修正</span></h3>



<p>WordPress本体に関する複数のバグが修正され、全体的な安定性が向上しました。</p>



<p>WordPress 6.7.2 は、以前のバージョンで報告された 35 個のバグを修正し、安定性を向上させるためのメンテナンスリリースです。これらのバグ修正は、WordPress の様々なコンポーネントに影響を与えており、具体的には以下の様なものが含まれます。</p>



<ul class="wp-block-list">
<li><strong>ブロックエディターの改善</strong><strong>:</strong> ブロックエディターの操作性やパフォーマンスが向上し、よりスムーズなコンテンツ作成が可能になりました。</li>



<li><strong>HTML API </strong><strong>の修正</strong><strong>:</strong> HTML API に関する不具合が修正され、開発者がより安全かつ効率的にテーマやプラグインを開発できるようになりました。</li>



<li><strong>カスタマイザーの改善</strong><strong>:</strong> カスタマイザーに関する不具合が修正され、よりスムーズなテーマカスタマイズが可能になりました。</li>



<li><strong>その他バグ修正:</strong> WordPress 本体に関する複数のバグが修正され、全体的な安定性が向上しました。</li>
</ul>



<h4 class="wp-block-heading"><span id="toc8">主なバグ＃と内容</span></h4>



<ul class="wp-block-list">
<li><strong>#62534 </strong><strong>カテゴリー</strong><strong>/</strong><strong>タグ</strong><strong>/</strong><strong>プラグインの管理画面でページネーションが壊れている</strong></li>



<li><strong>#62110 </strong><strong>AtomParser_Parse_Test::test_parse_sets_handlers</strong><strong> </strong><strong>が失敗する</strong></li>



<li><strong>#62808 </strong><strong>古いブランチの</strong><strong> Puppeteer </strong><strong>テストが失敗する</strong></li>



<li><strong>#62843 Playwright </strong><strong>を最新バージョンに更新</strong></li>



<li><strong>#62455 Twenty Twenty-Five </strong><strong>テーマ：スキーマバージョンを更新</strong></li>



<li><strong>#62491 </strong><strong>カスタマイザーのアコーディオンの高さが画面全体を覆う</strong></li>



<li><strong>#62494 </strong><strong>テーマカスタマイザーの左側コントロールにある一部のリンクが反応しない</strong></li>



<li><strong>#62140 </strong><strong>ブロックメタデータコレクションの登録に関する制限を緩和</strong></li>



<li><strong>#62422 6.7 </strong><strong>にアップデートした後、ページを編集できなくなり、ダウングレード後も同様</strong></li>



<li><strong>#62504 </strong><strong>「未分類」カテゴリーをチェックすると、</strong><strong>ID</strong><strong>が</strong><strong>1</strong><strong>から始まるすべてのカテゴリーが追加される</strong></li>



<li><strong>#62523 </strong><strong>キーにアンダースコア</strong><strong> &#8220;_&#8221; </strong><strong>文字を含むカスタム投稿タイプ</strong><strong> (CPT) </strong><strong>のブロックテンプレートを登録できない</strong></li>



<li><strong>#62639 </strong><strong>ブロックフック：</strong><strong>wp_navigation</strong><strong> </strong><strong>投稿メタを更新する際に、コンテキストの型が間違っている</strong></li>



<li><strong>#62269 </strong><strong>WP_HTML_Processor::next_token()</strong><strong> </strong><strong>は、状態を追跡するためにサブクラスで拡張できない</strong></li>



<li><strong>#62290 HTML </strong><strong>プロセッサーでどのブックマークにも移動できない</strong></li>



<li><strong>#62363 HTML API</strong><strong>：</strong><strong>svg:input</strong><strong> </strong><strong>要素で</strong><strong> </strong><strong>Expect closer</strong><strong> </strong><strong>が</strong><strong> true </strong><strong>を報告する必要がある</strong></li>



<li><strong>#62427 HTML API</strong><strong>：次のタグのタグ名クエリが</strong><strong> c</strong></li>



<li><strong>#62522 </strong><strong>コア</strong><strong>/</strong><strong>ボタンテキストブロックバインディングがある場合、空白によって</strong><strong> </strong><strong>WP_Interactivity_API::_process_directives()</strong><strong> </strong><strong>が失敗する可能性がある</strong></li>



<li><strong>#62380 About </strong><strong>ページ：「すべての新機能を見る」リンクがコンテナの外に伸びる可能性がある</strong></li>



<li><strong>#62646 </strong><strong>投稿タイプが</strong><strong> post-formats </strong><strong>をサポートしていないが、</strong><strong>post-format </strong><strong>フィルターが適用されている場合、</strong><strong>REST API </strong><strong>で</strong><strong> PHP </strong><strong>警告が発生する</strong></li>



<li><strong>#62434 </strong><strong>async-upload.php</strong><strong> </strong><strong>の一部の変数にエスケープ機能が欠落している</strong></li>
</ul>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>WordPress 6.7.1 maintenance release</title>
		<link>https://xn--ecka7j.biz/site-operation/wordpress/10864/</link>
		
		<dc:creator><![CDATA[Jun-N]]></dc:creator>
		<pubDate>Fri, 22 Nov 2024 03:46:51 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[サイト運営]]></category>
		<category><![CDATA[ツール]]></category>
		<category><![CDATA[バージョンアップ]]></category>
		<category><![CDATA[道具]]></category>
		<guid isPermaLink="false">https://xn--ecka7j.biz/?p=10864</guid>

					<description><![CDATA[WordPress 6.7.1 は、主にバグ修正に焦点を当てたメンテナンスリリースです。 　このリリースは、WordPress 6.7で導入されたバグに特化しており、安定性を向上させるための高い優先度の修正が含まれていま [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>WordPress 6.7.1 は、主にバグ修正に焦点を当てたメンテナンスリリースです。</p>



<p>　このリリースは、WordPress 6.7で導入されたバグに特化しており、安定性を向上させるための高い優先度の修正が含まれています。<br>16のバグ修正: WordPressコアとブロックエディターのバグ修正が含まれています。</p>




  <div id="toc" class="toc tnt-none toc-center tnt-none border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-19" checked><label class="toc-title" for="toc-checkbox-19">目次</label>
    <div class="toc-content">
    <ul class="toc-list open"><li><a href="#toc1" tabindex="0">トピック</a><ul><li><a href="#toc2" tabindex="0">修正一覧</a><ul><li><a href="#toc3" tabindex="0">注釈</a></li></ul></li></ul></li></ul>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">トピック</span></h2>



<ul class="wp-block-list">
<li>画像サイズの問題: 画像が予想よりも小さく表示される問題を修正。　<br>・・　sizes=auto が原因で、画像が適切なサイズより小さく表示される (#<a href="#no62413">62413</a>)</li>



<li>翻訳の適用: 翻訳が正しく適用されない問題を修正。　<br>・・　翻訳が正しく適用されない (#<a href="#no62337">62337</a>)</li>



<li>パターンのカテゴリ: カテゴリがないパターンがエディターでのブラウズ中に壊れる問題を修正。　<br>・・　カテゴリなしのパターンが、未分類のパターンをブラウズする際にエディタをクラッシュさせる (GB-66944/GB-66888)</li>



<li>ズーム機能の問題: ズームイン/ズームアウトボタンの問題を修正。<br>・・　ズームインが選択されたアイテムに基づいて画面の正しい位置にフォーカスしない（これに関するいくつかのPR問題）<br>・・　プラグインがツールバーアイテムを登録するとズームアウトボタンが表示されなくなる (GB-66884)</li>
</ul>



<h3 class="wp-block-heading"><span id="toc2">修正一覧</span></h3>



<p id="table-top"><i class="fas fa-table fa-2x"></i> Table Top</p>

<figure class="wp-block-table">
<div class="scrollable-table stfc-sticky"><table style="border-collapse: collapse; border-color: red; border-width: 2px;">
<caption class="tal"><i class="fas fa-edit fa-2x" style="color:red; text-align: left;"></i>　Update：2024/11/22</caption>
<thead><tr>
<th></th>
<th class="tac">C</th>
<th class="tac">#</th>
<th scope="col" class="tal c_aqua2">バグ修正概要</th>
<th scope="col" class="tal c_orange2">カテゴリ</th>
</tr></thead>
<tbody>

<tr><td></td><td colspan="4" class="tac" style="color:yellow;">ブロックエディタのバグ</td></tr>
<tr><td></td><td class="tac">1</td>
<td>#66945</td>
<td>パターンにカテゴリがない場合の未分類のパターンブラウジングを修正</td>
<td></td>
</tr>
<tr><td></td><td class="tac">2</td>
<td>#66889</td>
<td>未分類のテーマパターンを複製する際のTypeErrorを修正</td>
<td></td>
</tr>
<tr><td></td><td class="tac">3</td>
<td>#67139</td>
<td>[<a href="#heic" style="color: yellow;"><b>HEIC</b></a>]および[<a href="#heif" style="color: yellow;"><b>HEIF</b></a>]ファイルが常にSafariにアップロードされない</td>
<td></td>
</tr>
<tr><td></td><td colspan="4" class="tac" style="color:yellow;">コンポーネントのバグ</td></tr>

<tr><td></td><td class="tac">4</td>
<td>#62313</td>
<td>v6.7-RC1のサイドバーのわずかな横スクロール</td>
<td>カスタマイズ</td>
</tr>
<tr><td></td><td class="tac">5</td>
<td>#62335</td>
<td>v6.7-RC2 のカスタマイザーの CSS エラー</td>
<td>カスタマイズ</td>
</tr>
<tr><td></td><td class="tac">6</td>
<td>#62440</td>
<td>「最もよく使用される」カテゴリタブが<br>クラシックエディタの「すべてのカテゴリ」タブと同期されない</td>
<td>エディタ</td>
</tr>
<tr><td></td><td class="tac">7</td>
<td>#62447</td>
<td><b>WP6.7</b> の[<b>Block Editor</b>]は、<br>新しいPNGアップロードを背景が壊れたJPEGに変換</td>
<td>エディタ</td>
</tr>
<tr><td></td><td class="tac">8</td>
<td>#62396</td>
<td>シリアライズが存在する場合は[<b>doctype</b>]を含める</td>
<td>HTML API</td>
</tr>
<tr><td></td><td class="tac">9</td>
<td id="no62337">#62337</td>
<td>load_theme_textdomain() 関数で翻訳が適用されない</td>
<td><a href="#i18n" style="color: yellow;"><b>I18N</b></a></td>
</tr>
<tr><td></td><td class="tac">10</td>
<td>#62374</td>
<td>状態プロパティが欠落しており、<br>否定演算子はクライアント/サーバーごとに異なる動作をします</td>
<td>インタラクティビティ<br>API</td>
</tr>
<tr><td></td><td class="tac">11</td>
<td>#62465</td>
<td>インタラクティブ ルーター（Interactivity Router） から<br>冗長なサーバーの状態を削除する</td>
<td>インタラクティビティ<br>API</td>
</tr>
<tr><td></td><td class="tac">12</td>
<td>#62410</td>
<td>カスタムログインロゴのCSSターゲットの変更</td>
<td>ログインと登録</td>
</tr>
<tr><td></td><td class="tac">13</td>
<td>#62331</td>
<td>GD での画像編集では、<br>画像ストリーム関数が複数回実行される</td>
<td>メディア</td>
</tr>
<tr><td></td><td class="tac">14</td>
<td id="no62413">#62413</td>
<td><b>WP6.7</b> の sizes=auto が原因で、<br>画像が適切なサイズより小さく表示される</td>
<td>メディア</td>
</tr>
<tr>
<td></td>
<td>15</td>
<td>#62402</td>
<td>管理者メニュ内の[<b>nav-menu.js</b>]でテキスト翻訳できない</td>
<td>メニュー</td>
</tr>
<tr>
<td></td>
<td>16</td>
<td>#62424</td>
<td><b>WP6.7</b> での[<b>wp_salt()</b>]における警告</td>
<td>Options,Meta APIs</td>
</tr>

</tbody></table></div></figure>
<hr>



<h4 class="wp-block-heading"><span id="toc3">注釈</span></h4>



<p id="heic"><i class="fas fa-tasks fa-border">　<span style="color:yellow; text-align: left;"><b>HEIC</b></span></i></p>



<div class="wp-block-group is-style-information-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>HEIC：（<span class="bold">H</span>igh <span class="bold">E</span>fficiency<span class="bold"> I</span>mage <span class="bold">C</span>ompression）とは、AppleがiOS 11で導入した画像ファイル形式で、高画質で容量を小さく保存できるのが特徴</p>
</div>



<p id="heif"><i class="fas fa-tasks fa-border">　<span style="color:yellow; text-align: left;"><b>HEIF</b></span></i></p>



<div class="wp-block-group is-style-information-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>HEIF:（ヒーフ）は、<span class="bold">H</span>igh <span class="bold">E</span>fficiency <span class="bold">I</span>mage <span class="bold">F</span>ile Format（高効率画像ファイル形式）の略で、静止画や動画を記録できるファイル形式です。JPEGと比較して圧縮効率が高く、画質を保ちながらファイル容量を小さく抑えることができます。</p>
</div>



<p id="i18n"><i class="fas fa-tasks fa-border">　<span style="color:yellow; text-align: left;"><b>I18N</b></span></i></p>



<div class="wp-block-group is-style-information-box is-layout-constrained wp-block-group-is-layout-constrained">
<p><strong>i18n</strong>は、Internationalization（国際化）の略で、さまざまな地域や言語、文化に適応できるようにシステムを設計すること</p>
</div>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
