<?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>サイト運営 | Webサイトに必要なことと道具</title>
	<atom:link href="https://xn--ecka7j.biz/category/site-operation/feed/" rel="self" type="application/rss+xml" />
	<link>https://xn--ecka7j.biz</link>
	<description>セキュリティ対策、最適化、ツール、工作</description>
	<lastBuildDate>Thu, 09 Apr 2026 01:09:27 +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>サイト運営 | 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>「WordPress 6.9」をあえて見送り「6.9.1」を待った理由。安定運用を支える慎重派のアップデート戦略</title>
		<link>https://xn--ecka7j.biz/site-operation/wordpress/13499/</link>
		
		<dc:creator><![CDATA[Jun-N]]></dc:creator>
		<pubDate>Wed, 04 Feb 2026 09:36:56 +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=13499</guid>

					<description><![CDATA[何故6.9をスルーしたか？ 　WordPressのメジャーアップデート。新機能の魅力には惹かれるものの、「サイトが真っ白になったら？」「プラグインが動かなくなったら？」という不安がよぎり、更新ボタンをなかなか押せない方も [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>何故6.9をスルーしたか？</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="317" src="https://xn--ecka7j.biz/wp-content/uploads/2026/02/WordPress-6.9.1-01-1-800x317.jpg" alt="WordPress 6.9.1" class="wp-image-13505" srcset="https://xn--ecka7j.biz/wp-content/uploads/2026/02/WordPress-6.9.1-01-1-800x317.jpg 800w, https://xn--ecka7j.biz/wp-content/uploads/2026/02/WordPress-6.9.1-01-1-500x198.jpg 500w, https://xn--ecka7j.biz/wp-content/uploads/2026/02/WordPress-6.9.1-01-1-300x119.jpg 300w, https://xn--ecka7j.biz/wp-content/uploads/2026/02/WordPress-6.9.1-01-1-768x304.jpg 768w, https://xn--ecka7j.biz/wp-content/uploads/2026/02/WordPress-6.9.1-01-1.jpg 816w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">WordPress 6.9.1 </figcaption></figure>



<div class="wp-block-group is-style-information-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>　WordPressのメジャーアップデート。新機能の魅力には惹かれるものの、「サイトが真っ白になったら？」「プラグインが動かなくなったら？」という不安がよぎり、更新ボタンをなかなか押せない方も多いのではないでしょうか。</p>
</div>



<div class="wp-block-group is-style-comment-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>私もその一人です。今回、WordPress 6.9のリリース時にはあえて静観を決め込み、メンテナンスリリースである「6.9.1」の登場を待ってから移行を行いました。本記事では、なぜ6.9をスルーしたのか、そして6.9.1で何が解決され、実際のCocoon環境でどうだったのかを詳しく解説します。</p>
</div>




  <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">なぜ「6.9」直後のアップデートは危険？</a></li><li><a href="#toc2" tabindex="0">満を持して登場した「6.9.1」での改善点</a></li><li><a href="#toc3" tabindex="0">【実録】Cocoon × WordPress 6.9.1 導入レポート</a><ul><li><a href="#toc4" tabindex="0">検証環境のスペック: PHP 8.3、テーマCocoon 2.9.0.1での挙動。</a></li><li><a href="#toc5" tabindex="0">アップデートの手順:</a></li><li><a href="#toc6" tabindex="0">結果:</a></li></ul></li><li><a href="#toc7" tabindex="0">慎重派が教える「アップデート後に必ず見るべき3箇所」</a></li><li><a href="#toc8" tabindex="0">まとめ：安定こそが最大のSEO</a></li><li><a href="#toc9" tabindex="0">「WP Fastest Cache」利用者のためのアップデート直後チェック</a><ul><li><a href="#toc10" tabindex="0">1. 全キャッシュの完全削除（必須）</a></li><li><a href="#toc11" tabindex="0">2. 「CSSの縮小・結合」設定の一時的な見直し</a></li><li><a href="#toc12" tabindex="0">3. ログインユーザーへのキャッシュ非表示設定</a></li><li><a href="#toc13" tabindex="0">4. モバイル表示の個別確認</a></li><li><a href="#toc14" tabindex="0">プラグインの整合性</a></li></ul></li><li><a href="#toc15" tabindex="0">v 6.9.1バグフィックスまとめ</a></li></ul>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">なぜ「6.9」直後のアップデートは危険？</span></h2>



<ul class="wp-block-list">
<li><strong>初版に付き物の「初期バグ」</strong>: メジャーアップデート直後は、世界中で予期せぬ不具合が報告される「人柱」期間。</li>



<li><strong>今回懸念したリスク</strong>: 6.9で導入された新しいスクリプト読み込み最適化と、既存のキャッシュプラグイン（WP Fastest Cache等）との競合リスクについて。</li>
</ul>



<div class="wp-block-group is-style-information-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>今まで、WordPress <span class="bold">6.8.3</span>で運用してきました。</p>
</div>



<h2 class="wp-block-heading"><span id="toc2">満を持して登場した「6.9.1」での改善点</span></h2>



<ul class="wp-block-list">
<li><strong>49</strong><strong>件の修正という安心感</strong>: 致命的なCPU負荷問題や、エディターの挙動不審が解消された「枯れたバージョン」としての魅力。</li>



<li><strong>メンテナンスリリースの重要性</strong>: 「新機能」ではなく「安定性」を重視するユーザーにとっての6.9.1の立ち位置。</li>
</ul>



<h2 class="wp-block-heading"><span id="toc3">【実録】Cocoon × WordPress 6.9.1 導入レポート</span></h2>



<h3 class="wp-block-heading"><span id="toc4">検証環境のスペック: PHP 8.3、テーマCocoon 2.9.0.1での挙動。</span></h3>



<pre class="wp-block-code"><code>環境情報は以下です。
----------------------------------------------
サイト名：Webサイトに必要なことと道具
サイトURL：https://xn--ecka7j.biz
ホームURL：https://xn--ecka7j.biz
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-child-master
親テーマスタイル：/wp-content/themes/cocoon-master/style.css
子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css
スキン：/wp-content/themes/cocoon-master/skins/silk/style.css
WordPressバージョン：6.8.3
PHPバージョン：8.3.21
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/144.0.0.0 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：2.9.0.1
カテゴリー数：20
タグ数：92
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.3
style.cssサイズ：14543 バイト
functions.phpサイズ：1861 バイト
----------------------------------------------
Gutenberg：1
Font Awesome：5
Auto Post Thumbnail：1
Retina：0
ホームイメージ：/wp-content/uploads/2020/02/ogt-512-512-024-068.png
----------------------------------------------
ブラウザキャッシュ有効化：1
HTML縮小化：0
CSS縮小化：1
JavaScript縮小化：1
Lazy Load：1
----------------------------------------------
利用中のプラグイン：
Advanced Custom Fields 6.7.0
Aurora Heatmap 1.7.1
EWWW Image Optimizer 8.3.1
Query Monitor 3.20.2
Regenerate Thumbnails 3.1.6
SiteGuard WP Plugin 1.7.9
Site Kit by Google 1.171.0
SlimStat Analytics 5.3.5
SVG Support 2.5.14
UpdraftPlus - Backup/Restore 1.26.1
Wordfence Security 8.1.4
WP-Optimize - Clean, Compress, Cache 4.4.1
WPCode Lite 2.3.3
WP Consent API 2.0.0
WP Fastest Cache 1.4.6
WP Multibyte Patch 2.9.3
WP Statistics 14.16
XO Security 3.10.8
----------------------------------------------
</code></pre>



<div class="wp-block-group is-style-information-box is-layout-constrained wp-block-group-is-layout-constrained">
<p><strong>検証環境のスペック</strong>: PHP 8.3、テーマCocoon 2.9.0.1での挙動。</p>
</div>



<h3 class="wp-block-heading"><span id="toc5">アップデートの手順:</span></h3>



<ol class="wp-block-list">
<li>UpdraftPlusでの完全バックアップ</li>



<li>6.9.1への一気上げ</li>



<li>キャッシュプラグインとCocoon側のキャッシュ再生成</li>
</ol>



<h3 class="wp-block-heading"><span id="toc6">結果:</span></h3>



<div class="wp-block-group is-style-information-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>スタイルの崩れや致命的なエラーは発生したのか？<br>（結論：事前のキャッシュクリアでクリア！）</p>
</div>



<h2 class="wp-block-heading"><span id="toc7">慎重派が教える「アップデート後に必ず見るべき3箇所」</span></h2>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="332" src="https://xn--ecka7j.biz/wp-content/uploads/2026/02/WordPress-6.9.1-02-800x332.jpg" alt="WordPress 6.9.1" class="wp-image-13498" srcset="https://xn--ecka7j.biz/wp-content/uploads/2026/02/WordPress-6.9.1-02-800x332.jpg 800w, https://xn--ecka7j.biz/wp-content/uploads/2026/02/WordPress-6.9.1-02-500x208.jpg 500w, https://xn--ecka7j.biz/wp-content/uploads/2026/02/WordPress-6.9.1-02-300x125.jpg 300w, https://xn--ecka7j.biz/wp-content/uploads/2026/02/WordPress-6.9.1-02-768x319.jpg 768w, https://xn--ecka7j.biz/wp-content/uploads/2026/02/WordPress-6.9.1-02.jpg 816w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">WordPress 6.9.1 </figcaption></figure>



<ul class="wp-block-list">
<li><strong>ウィジェットとカスタマイザー</strong>: 6.9系の変更が影響しやすい場所。</li>



<li><strong>お問い合わせフォームの送信テスト</strong>: システムメール周りの修正が入ったため必須。</li>



<li><strong>モバイル表示のチェック</strong>: CSS最適化によるレイアウト崩れがないか。</li>
</ul>



<h2 class="wp-block-heading"><span id="toc8">まとめ：安定こそが最大のSEO</span></h2>



<p>新機能を追うことも大切ですが、個人ブログやビジネスサイトにとって最も大切なのは「止まらないこと」です。6.9.1へのアップデートは、そのバランスが取れたベストなタイミングでした。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="733" src="https://xn--ecka7j.biz/wp-content/uploads/2026/02/WordPress-6.9.1-09-800x733.jpg" alt="WordPress 6.9.1" class="wp-image-13495" srcset="https://xn--ecka7j.biz/wp-content/uploads/2026/02/WordPress-6.9.1-09-800x733.jpg 800w, https://xn--ecka7j.biz/wp-content/uploads/2026/02/WordPress-6.9.1-09-500x458.jpg 500w, https://xn--ecka7j.biz/wp-content/uploads/2026/02/WordPress-6.9.1-09-300x275.jpg 300w, https://xn--ecka7j.biz/wp-content/uploads/2026/02/WordPress-6.9.1-09-768x704.jpg 768w, https://xn--ecka7j.biz/wp-content/uploads/2026/02/WordPress-6.9.1-09.jpg 816w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">WordPress 6.9.1 </figcaption></figure>



<h2 class="wp-block-heading"><span id="toc9">「WP Fastest Cache」利用者のためのアップデート直後チェック</span></h2>



<h3 class="wp-block-heading"><span id="toc10">1. 全キャッシュの完全削除（必須）</span></h3>



<div class="wp-block-group is-style-alert-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>アップデートが完了したら、真っ先にこれを行ってください。古いWordPress（6.8系）の構造で生成されたキャッシュが残っていると、新しいエディターのスタイルやCocoonの修正が反映されず、表示が崩れる最大の原因になります。</p>
</div>



<div class="wp-block-group is-style-ng-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>管理画面上部のツールバーにある <strong>[Delete Cache]</strong> → <strong>[Delete Cache and Minified CSS/JS]</strong> を実行してください。</p>
</div>



<div class="wp-block-group is-style-information-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>「キャッシュ削除」について、WP Fastest Cacheだけでなく、<strong>Cocoon</strong>ユーザーは<strong>「Cocoon設定 &gt; 高速化」にあるキャッシュ削除ボタン</strong>で、「全てのキャッシュの削除」を<span class="bold">クリック</span>します。</p>
</div>



<h3 class="wp-block-heading"><span id="toc11">2. 「CSSの縮小・結合」設定の一時的な見直し</span></h3>



<div class="wp-block-group is-style-alert-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>もし表示が崩れたり、一部のアイコン（Font Awesomeなど）が表示されなくなった場合は、設定画面の「Options」タブで以下を確認してください</p>
</div>



<ul class="wp-block-list">
<li><strong>CSS</strong><strong>の縮小 (Minify CSS)</strong>: 一度チェックを外して改善するか確認。</li>



<li><strong>CSS</strong><strong>の結合 (Combine CSS)</strong>: 6.9の「オンデマンド読み込み」と最も競合しやすい項目です。崩れがある場合はオフにしてください。</li>
</ul>



<h3 class="wp-block-heading"><span id="toc12">3. ログインユーザーへのキャッシュ非表示設定</span></h3>



<div class="wp-block-group is-style-alert-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>「編集したのに反映されない」「管理画面の動きがおかしい」というトラブルを防ぐため、以下の項目が <strong>ON</strong> になっているか再確認してください。</p>
</div>



<ul class="wp-block-list">
<li><strong>ログインユーザー (Logged-in Users)</strong>: 「ログインユーザーに対してキャッシュを表示しない」設定。</li>



<li>これにより、ログイン中の自分だけは常に最新の（キャッシュされていない）状態を確認でき、不具合の切り分けが容易になります。</li>
</ul>



<h3 class="wp-block-heading"><span id="toc13">4. モバイル表示の個別確認</span></h3>



<div class="wp-block-group is-style-alert-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>WordPress 6.9.1ではモバイルでの挙動修正も含まれています。</p>
</div>



<div class="wp-block-group is-style-comment-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>WP Fastest Cacheの <strong>モバイル (Mobile)</strong> 項目で「モバイルユーザーに対してキャッシュを表示しない」設定にしている場合、アップデートの影響を直接受けやすいため、実機での表示確認を念入りに行ってください。</p>
</div>



<h3 class="wp-block-heading"><span id="toc14">プラグインの整合性</span></h3>



<div class="wp-block-group is-style-comment-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>私のサイトで利用中の主要プラグインと6.9.1の互換性予測。</p>
</div>



<!-- ここから、 -->

<p id="table-top-2026"><i class="fas fa-table" style="color:aqua;"></i> Top</p>
<p id="y2026"><i class="fas fa-tasks fa-border">　Plugin互換性予測</i></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:aqua; text-align: left;"></i>　Written：2026/02/04</caption>

<thead>
<tr>
<th></th>
<th scope="col" class="tal c_aqua2">プラグイン名</th>
<th scope="col" class="tac c_orange2">互換性<br>リスク</th>
<th scope="col" class="tal">備考</th>
</tr>
</thead>

<tbody>
<tr>
<td></td>
<td>Advanced Custom Fields</td>
<td class="tac">低</td>
<td>6.9系のエディター変更に追従済み。</td>
</tr>
<tr>
<td></td>
<td>Site Kit by Google</td>
<td class="tac">低</td>
<td>6.9の新しいノート機能と干渉する報告は今のところありません。</td>
</tr>
<tr>
<td></td>
<td>Wordfence / SiteGuard</td>
<td class="tac">低</td>
<td>6.9.1での認証系API変更との致命的な競合は報告されていません。</td>
</tr>
<tr>
<td></td>
<td>WP Fastest Cache</td>
<td class="tac">中</td>
<td>6.9系の「スクリプト読み込みの最適化」と競合しやすいため、<br>更新後は必ずプラグイン側のキャッシュを再生成してください。</td>
</tr>
<tr>
<td></td>
<td>Aurora Heatmap</td>
<td class="tac">低</td>
<td>解析系はフロントエンドに影響を与えにくいため、ほぼ安全です。</td>
</tr>
</tbody></table></div></figure>
<!--ここまで-->

<p class="ta_r">
<span style="color: yellow;"><i class="fas fa-angle-double-up fa-2x faa-float animated"></i> </span><a href="#table-top-2026" class="c_wi">　Table-topに戻る</a>
</p>
<hr>



<h2 class="wp-block-heading"><span id="toc15">v 6.9.1バグフィックスまとめ</span></h2>



<!-- ここから、   -->
<p id="table-top-BugFix"><i class="fas fa-table" style="color:aqua;"></i> BugFix-Top</p>
<p id="BugFix202601"><i class="fas fa-tasks fa-border">　WordPress 6.9.1 BugFix</i></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:aqua; text-align: left;"></i>　Written：2026/02/05</caption>
<thead>
<tr>
<th>#</th>
<th scope="col" class="tal c_aqua2">カテゴリ</th>
<th scope="col" class="tac c_orange2">ターゲット</th>
<th scope="col" class="tal">修正内容の詳細（49件の内訳）</th>
<th scope="col" class="tal">サイト運営への影響</th>
</tr>
</thead>

<tbody>
<tr>
<td></td>
<td>ブロックエディター</td>
<td class="tac">一般</td>
<td>ドラッグ＆ドロップ時の配置バグ、アコーディオンの開閉不良、
	<br>ツールバーの表示崩れなど（22件）</td>
<td>高：<br>記事執筆のストレスが解消</td>
</tr>
<tr>
<td></td>
<td>パフォーマンス</td>
<td class="tac">一般</td>
<td>新機能「CSSオンデマンド読み込み」による<br>サーバーCPU高負荷（100%問題）のロジック修正（5件）</td>
<td>高：<br>サイトの応答速度と安定性が向上</td>
</tr>
<tr>
<td></td>
<td>コアシステム</td>
<td class="tac">一般</td>
<td>Abilities APIの競合修正。<br>特定権限のユーザーが管理画面に入れない不具合の解消（7件）</td>
<td>中：<br>複数人運用のトラブルを回避</td>
</tr>
<tr>
<td></td>
<td>メディア</td>
<td class="tac">一般</td>
<td>Lazy Load（遅延読み込み）時の<br>画像サイズ誤認識、アスペクト比の維持バグを修正（4件）</td>
<td>中：<br>モバイルでの表示崩れを防止</td>
</tr>
<tr>
<td></td>
<td>コアシステム</td>
<td class="tac">開発者</td>
<td><b>PHP 8.3 / 8.4 環境</b>での<b>非推奨(Deprecated)警告の徹底排除</b>、<br>内部フックの最適化（5件）</td>
<td>中：<br>デバッグログの肥大化を抑制</td>
</tr>
<tr>
<td></td>
<td>テーマ互換性</td>
<td class="tac">開発者</td>
<td>古いテーマ（クラシックテーマ）における<br>ブロックスタイルの二重適用問題を修正（3件）</td>
<td>低：<br>古い記事のレイアウト維持</td>
</tr>
<tr>
<td></td>
<td>その他</td>
<td class="tac">共通</td>
<td>サイトヘルス機能の誤判定、<br>自動更新通知メールの重複送信バグを修正（3件）</td>
<td>低：<br>管理上のノイズが減少</td>
</tr>
</tbody></table></div></figure>
<!--ここまで-->
]]></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-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">データが証明する「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-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">&#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-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">主なトピック</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-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">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>Color Palette Explorer: あなただけの特別な色を作ろう・見つけよう！</title>
		<link>https://xn--ecka7j.biz/site-operation/design/11979/</link>
		
		<dc:creator><![CDATA[Jun-N]]></dc:creator>
		<pubDate>Sun, 25 May 2025 12:14:47 +0000</pubDate>
				<category><![CDATA[css ：デザイン]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[webサイトは利用者の為]]></category>
		<category><![CDATA[ツール]]></category>
		<category><![CDATA[道具]]></category>
		<guid isPermaLink="false">https://xn--ecka7j.biz/?p=11979</guid>

					<description><![CDATA[ウェブデザイン、イラスト、その他あらゆる創作活動に。直感的な操作で、あなたのイメージにぴったりの色を簡単に見つけられるカラーピッカーです。 さあ、「Color Palette Explorer」で、あなたの感性を彩る色を [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p><strong>ウェブデザイン、イラスト、その他あらゆる創作活動に。直感的な操作で、あなたのイメージにぴったりの色を簡単に見つけられるカラーピッカーです。</strong></p>



<p>さあ、「<strong>Color Palette Explorer</strong>」で、あなたの感性を彩る色を探してみませんか？ 複雑な操作は不要です。</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></li><li><a href="#toc2" tabindex="0">Color Palette Explorer</a><ul><li><a href="#toc3" tabindex="0">カラーピッカー</a></li><li><a href="#toc4" tabindex="0">カラーパレット</a></li><li><a href="#toc5" tabindex="0">選択された色</a></li><li><a href="#toc6" tabindex="0">カラー情報</a></li><li><a href="#toc7" tabindex="0">関連記事</a></li></ul></li><li><a href="#toc8" tabindex="0">編集後記(備忘録)</a><ul><li><a href="#toc9" tabindex="0">顛末記</a></li></ul></li><li><a href="#toc10" tabindex="0">変更履歴</a><ul><li><a href="#toc11" tabindex="0">もえぎいろ と 抹茶色</a></li><li><a href="#toc12" tabindex="0">空色 と 水色</a></li><li><a href="#toc13" tabindex="0">同色・異名、異色・同コードの確認方法</a></li></ul></li></ul>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">ご紹介する機能</span></h2>



<p>1.&nbsp; <strong>RGB</strong><strong>を直感的にコントロール:</strong></p>



<p>&nbsp;&nbsp;&nbsp; * 画面上のつまみをスライドさせるだけで、赤(Red)、緑(Green)、青(Blue)の各要素を細かく調整できます。</p>



<p>&nbsp;&nbsp;&nbsp; * <strong>数値の</strong>隣のボタンを直接クリックして、<strong>数を</strong>増減させることも可能です。</p>



<p>&nbsp;&nbsp;&nbsp; * もちろん、RGBの数値を直接入力して、ピンポイントで色を指定することもできます。</p>



<p>　　…ブラウザにより見た目が違いますが、機能は同じです。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="140" src="https://xn--ecka7j.biz/wp-content/uploads/2025/05/Color-Palette-Explorer-RGB_830-145-800x140.png" alt="Color Palette Explorer-RGB" class="wp-image-11978" srcset="https://xn--ecka7j.biz/wp-content/uploads/2025/05/Color-Palette-Explorer-RGB_830-145-800x140.png 800w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/Color-Palette-Explorer-RGB_830-145-500x87.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/Color-Palette-Explorer-RGB_830-145-300x52.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/Color-Palette-Explorer-RGB_830-145-768x134.png 768w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/Color-Palette-Explorer-RGB_830-145.png 830w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">Color Palette Explorer-RGB</figcaption></figure>



<p>2.&nbsp; <strong>カラーパレットからダイレクトに選択:</strong></p>



<p>&nbsp;&nbsp;&nbsp; * もし迷ったら、広大なカラーパレットをマウスでクリックしてみてください。きっと、あなたの求める色が見つかるはずです。</p>



<p>&nbsp;&nbsp;&nbsp; * クリックするたびに、「選択された色」のプレビューがリアルタイムに変化します。納得いくまで、何度でもお試しください。</p>



<p>　　･･･まれに、カラーパレットとスライダーの色が一致しない（カラーパレットの外周部位置）場合がありますが、ご心配なく！(生成されるTabele構造での値は正常値です。)</p>



<p>3.&nbsp; <strong>色の情報を詳細に表示:</strong></p>



<p>&nbsp;&nbsp;&nbsp; * 選択した色の情報は、「カラー情報」として瞬時に表示されます。</p>



<p>&nbsp;&nbsp;&nbsp; * 16進数形式（例：#FF0000）とRGB形式（例：rgb(255, 0, 0)）の両方で、色のコードを確認できます。</p>



<p>4. <strong>&nbsp;</strong><strong>伝統色名もチェック:</strong></p>



<p>&nbsp;&nbsp;&nbsp; * あらかじめ登録された豊富な日本の伝統色（和色）と、その英名が表示されます。もし、あなたの選んだ色がこれらの伝統色と合致すれば、美しい色名を知ることができます。</p>



<p>&nbsp;&nbsp;&nbsp; * 和名が「不明」、英名が「Unknown」と表示された場合でもご心配なく。その色の系統（例：～色系）を入力<strong>できるので</strong>メモ代わりに残しておけます。</p>



<p>5.&nbsp; <strong>HTML</strong><strong>テーブル形式で保存:</strong></p>



<p>&nbsp;&nbsp;&nbsp; * <strong>「クリップボードにコピー」</strong>ボタンをワンクリックするだけで、選択した色の情報がHTMLのTable形式でクリップボードに保存されます。</p>



<p>&nbsp;&nbsp;&nbsp; * 簡単にあなたのウェブページやドキュメントに貼り付けることができます。</p>



<p>さらに、もし伝統色の名前について詳しく知りたくなったら、<strong>私が運営しているウェブページ</strong>「 [<a href="https://xn--ecka7j.biz/site-operation/design/11851/">和色パレット：日本の伝統色をRGBで探す｜色名・読み・コードで、1字でも簡単検索</a>]<strong>( <a href="https://xn--ecka7j.biz/site-operation/design/11851/">https://xn--ecka7j.biz/site-operation/design/11851/</a> ) 」</strong>で、後からじっくりと調べ<strong>て</strong>、Table上の「Unknown」な色名を修正したりすることも可能です。</p>



<p>さあ、「Color Palette Explorer」で、あなただけの特別な色を見つけて、あなたの創作活動をより豊かなものにしませんか？</p>



<h2 class="wp-block-heading"><span id="toc2">Color Palette Explorer</span></h2>



<div class="wp-block-group is-style-information-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>色の選択は、以下の３つの方法でできます。<br>①：RGBの各<span class="bold">スライダを動かし</span>て選択<br>②：RGBの各<span class="bold">数字の入力</span>で選択<br>③：カラーパレット上で十字<span class="bold">カーソル操作</span>での選択</p>
</div>



<div class="container_7">
    <h3><span id="toc3">カラーピッカー</span></h3>
    <div class="controls">
        <div class="slider-group">
            <label for="redSlider"><span style="color: red; font-weight: bolder;">赤(R)</span>:</label>
            <input type="range" id="redSlider" min="0" max="255" value="255">
            <input type="number" id="redInput" min="0" max="255" value="255">
        </div>
        <div class="slider-group">
            <label for="greenSlider"><span style="color: green; font-weight: bolder;">緑 (G)</span>:</label>
            <input type="range" id="greenSlider" min="0" max="255" value="255">
            <input type="number" id="greenInput" min="0" max="255" value="255">
        </div>
        <div class="slider-group">
            <label for="blueSlider"><span style="color: blue; font-weight: bolder;">青 (B)</span>:</label>
            <input type="range" id="blueSlider" min="0" max="255" value="255">
            <input type="number" id="blueInput" min="0" max="255" value="255">
        </div>
    </div>

    <h3><span id="toc4">カラーパレット</span></h3>
    <div id="color-palette-container"><!-- カラーパレット コンテナ --> 
        <canvas id="color-palette"></canvas><!-- カラーパレット -->
        <div id="palette-cursor"></div><!-- カラーパレット カーソル -->
    </div>

    <h3><span id="toc5">選択された色</span></h3>
    <div id="color-preview"></div>

    <h3><span id="toc6">カラー情報</span></h3>
    <div class="scrollable-table stfc-sticky"><table id="color-info-table">
        <thead>
            <tr>
                <th>情報</th>
                <th>値</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th>16進数</th>
                <td id="hex-value">#FFFFFF</td>
            </tr>
            <tr>
                <th>RGB</th>
                <td id="rgb-value">rgb(255, 255, 255)</td>
            </tr>
            <tr>
                <th>和名</th>
                <td id="japanese-name" contenteditable="true">白</td><!--td id="japanese-name">白</td-->
            </tr>
            <tr>
                <th>英名</th>
                <td id="english-name" contenteditable="true">White</td><!--td id="english-name">White</td-->
            </tr>
        </tbody>
    </table></div>

    <button id="copy-button">クリップボードにコピー</button>
</div>



<h3 class="wp-block-heading"><span id="toc7">関連記事</span></h3>



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

<a href="https://xn--ecka7j.biz/site-operation/design/11851/" title="和色パレット：日本の伝統色をRGBで探す｜色名・読み・コードで、1文字でも簡単検索 Sortも系・色名・読み・コード・RGBで" 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/05/a00-2025-05-15-090857Read00-320x180.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://xn--ecka7j.biz/wp-content/uploads/2025/05/a00-2025-05-15-090857Read00-320x180.jpg 320w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/a00-2025-05-15-090857Read00-120x68.jpg 120w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/a00-2025-05-15-090857Read00-160x90.jpg 160w" sizes="(max-width: 320px) 100vw, 320px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">和色パレット：日本の伝統色をRGBで探す｜色名・読み・コードで、1文字でも簡単検索 Sortも系・色名・読み・コード・RGBで</div><div class="blogcard-snippet internal-blogcard-snippet">並び替え機能、文字列検索の機能を追加しました。日本の豊かな色彩文化を凝縮。古来より愛されてきた繊細な和色の数々を、1文字の入力でも簡単に探し出せます。「あの時、心惹かれた色はなんという名前だろう？」「このイメージにぴったりの日本の伝統色を見...</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.06.05</div></div></div></div></a>
</div>



<h2 class="wp-block-heading"><span id="toc8">編集後記(備忘録)</span></h2>



<div class="wp-block-group is-style-information-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>カスタムHTMLブロックに書いたScriptの一部が文字化けして動作しなかったので、一時的に「工事中」として、公開し「Gemini」に対応策を聞いていた。<br><br><span class="marker-under">その間に、代替案を探し何とか正式に公開できた。</span></p>



<p><span class="bold">問題は、LocalのPC開発環境では問題なく動作したScriptが、なぜ１行だけ文字化けしたのか（文字化けの根本的な原因は不明）だが、</span><br>　この顛末は、後で別の記事として詳しく公開したい。<br>代替案は２つ考えてあったが、２番目の案は実行するScript自体が（この記事でしか使用しないもので）汎用的なものではないため２番目の案としたもの。<br>何とか、最初の代替案で解決（文字化けの原因は不明ではあるが）できたので良しとした。<br>　解決策は、編集画面下部に「<span class="bold">カスタムJavaScript</span>」という<span class="bold">テキストボックス</span>があり、<strong>カスタムJavaScript</strong>欄に<span class="bold">カスタムHTMLブロック</span>から<span class="bold">Scriptを移動</span>させ、<span class="bold">「カスタムHTMLブロック」を削除</span>して更新した。</p>
</div>



<h3 class="wp-block-heading"><span id="toc9">顛末記</span></h3>



<div class="wp-block-group is-style-information-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>この記事の顛末の続きは、以下のブログカードのクリックからご覧いただけます。16,409文字の読み応えのあるものになっています。よろしければご覧いただけます。</p>
</div>



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

<a href="https://xn--ecka7j.biz/toolboox/chatgpt/12001/" title="ハマった！Webサイト公開直前の落とし穴 - Geminiと挑んだ原因不明エラー解決記" 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/05/Script-812-827-s-819Err-320x180.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://xn--ecka7j.biz/wp-content/uploads/2025/05/Script-812-827-s-819Err-320x180.jpg 320w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/Script-812-827-s-819Err-120x68.jpg 120w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/Script-812-827-s-819Err-160x90.jpg 160w" sizes="(max-width: 320px) 100vw, 320px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">ハマった！Webサイト公開直前の落とし穴 - Geminiと挑んだ原因不明エラー解決記</div><div class="blogcard-snippet internal-blogcard-snippet">Webサイト公開直前に遭遇した、原因不明のConsoleエラーとの壮絶な格闘記。頼れるはずの生成AI「Gemini」に助けを求めるも、その道のりは困難の連続。最終的に問題解決へと導いたのは、意外な場所へのコード移動というアナログな方法だった。AIの可能性と限界、そして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">2025.05.28</div></div></div></div></a>
</div>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="624" src="https://xn--ecka7j.biz/wp-content/uploads/2025/05/Color_Palette_Explorer-800x624.jpg" alt="Color_Palette_Explorer" class="wp-image-12000" srcset="https://xn--ecka7j.biz/wp-content/uploads/2025/05/Color_Palette_Explorer-800x624.jpg 800w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/Color_Palette_Explorer-500x390.jpg 500w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/Color_Palette_Explorer-300x234.jpg 300w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/Color_Palette_Explorer-768x599.jpg 768w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/Color_Palette_Explorer.jpg 1301w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">Color Palette Explorer</figcaption></figure>



<h2 class="wp-block-heading"><span id="toc10">変更履歴</span></h2>



<div class="wp-block-group is-style-information-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>2025/08/19:<br>和色（日本の伝統色）を、.jsデータに追加<br>和色を表す場合に限り、英名部分を「読み方」に設定。<br>和色を詳しくお知りになりたい場合は、以下のブログカードのクリックでご覧いただけます。（カラーピッカー上での操作についても追記しました。）</p>
</div>



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

<a href="https://xn--ecka7j.biz/site-operation/design/11278/" title="心を彩る、和色とカラーコードの調べ - あなただけの色彩パレット" 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/01/wa-shoku-1280-320x180.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://xn--ecka7j.biz/wp-content/uploads/2025/01/wa-shoku-1280-320x180.jpg 320w, https://xn--ecka7j.biz/wp-content/uploads/2025/01/wa-shoku-1280-120x68.jpg 120w, https://xn--ecka7j.biz/wp-content/uploads/2025/01/wa-shoku-1280-160x90.jpg 160w" sizes="(max-width: 320px) 100vw, 320px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">心を彩る、和色とカラーコードの調べ - あなただけの色彩パレット</div><div class="blogcard-snippet internal-blogcard-snippet">Webサイトやブログで「もう少しだけ、この色を添えたい」と思ったことはありませんか？微妙なニュアンスを表現できるグラデーションカラーは、デザインの可能性を無限に広げてくれます。しかし、色の選択は時に迷路のよう。例えば、同じカラーコード #00FFFFでも、※．アクア 「 Aqua」や、シアン 「 Cyan」といった異なる呼び名が存在します。また、「Medium spring green」のように、同じ名前でも※．「 Medium_springgreen　」#00FA9A：（薄い緑系）と、※．「 Medium_Spring_Green」#348017：（濃い緑系）のように、カラーコードが異なる場合もあります。日本の伝統色である和色は、その繊細な色合いと美しい名称で、私たちの心を魅了します。※．「濃紺」：「 のうこん」#1F2F54で「 Navy blue」とも呼ばれますが、※．「 Navy」または、「 Navy blue」でも #000080という別の色も存在します。瑠璃紺：※． るりこん：#19448E　と、紺瑠璃：※． こんるり：#213380のように、似たような名前でもわずかに異なる色合いを持つ和色は、日本文化の奥深さを感じさせます。</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.01.10</div></div></div></div></a>
</div>



<div class="wp-block-group is-style-information-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>和色には、同じ読みで異なる色合い<br>雪白（せっぱく）：rgb(248,248,255) or rgb(255,250,250) や、<br>同じ表示で、紅（くれない）:rgb(215,0,58) 、紅（べに）: rgb(207,53,73)の様に、日本の機微を表す様々な色合いが存在します。<br>群青（ぐんじょう）では、rgb(0,91,170),rgb(76,108,179),rgb(65,105,225),rgb(30,58,138),の様に４色もの色合いが存在します。</p>
</div>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="793" height="594" src="https://xn--ecka7j.biz/wp-content/uploads/2025/08/gunjyouiro.png" alt="群青" class="wp-image-12577" srcset="https://xn--ecka7j.biz/wp-content/uploads/2025/08/gunjyouiro.png 793w, https://xn--ecka7j.biz/wp-content/uploads/2025/08/gunjyouiro-500x375.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2025/08/gunjyouiro-300x225.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2025/08/gunjyouiro-768x575.png 768w" sizes="(max-width: 793px) 100vw, 793px" /><figcaption class="wp-element-caption">群青色</figcaption></figure>



<h3 class="wp-block-heading"><span id="toc11">もえぎいろ と 抹茶色</span></h3>



<p>もえぎいろ と 抹茶色 は  同じような色合いです。<br><span class="bold">もえぎ</span>には、萌<span class="bold">黄</span>、萌<span class="bold">木</span>、萌<span class="bold">葱</span>と３つの異なる（黄・木・葱）で表し、<span class="bold">萌葱色</span>の<span class="bold">#adb367</span>と<span class="bold">抹茶色</span>の<span class="bold">#adb367</span>は、<span class="marker-under">同コード色名違いで同色</span>です。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="792" height="927" src="https://xn--ecka7j.biz/wp-content/uploads/2025/08/moegiiro.png" alt="もえぎいろ" class="wp-image-12596" srcset="https://xn--ecka7j.biz/wp-content/uploads/2025/08/moegiiro.png 792w, https://xn--ecka7j.biz/wp-content/uploads/2025/08/moegiiro-500x585.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2025/08/moegiiro-300x351.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2025/08/moegiiro-768x899.png 768w" sizes="(max-width: 792px) 100vw, 792px" /><figcaption class="wp-element-caption">抹茶色　と　もえぎいろ　</figcaption></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="804" height="1001" src="https://xn--ecka7j.biz/wp-content/uploads/2025/08/macchairo.png" alt="抹茶色" class="wp-image-12595" srcset="https://xn--ecka7j.biz/wp-content/uploads/2025/08/macchairo.png 804w, https://xn--ecka7j.biz/wp-content/uploads/2025/08/macchairo-500x623.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2025/08/macchairo-800x996.png 800w, https://xn--ecka7j.biz/wp-content/uploads/2025/08/macchairo-300x374.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2025/08/macchairo-768x956.png 768w" sizes="(max-width: 804px) 100vw, 804px" /><figcaption class="wp-element-caption">抹茶色　と　もえぎいろ</figcaption></figure>



<h3 class="wp-block-heading"><span id="toc12">空色 と 水色</span></h3>



<p>空色と水色にも、<span class="marker-under">同コード別名が存在</span>します。（<span class="bold">#87ceeb</span>）</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="791" height="348" src="https://xn--ecka7j.biz/wp-content/uploads/2025/08/sorairo.png" alt="そらいろ" class="wp-image-12594" srcset="https://xn--ecka7j.biz/wp-content/uploads/2025/08/sorairo.png 791w, https://xn--ecka7j.biz/wp-content/uploads/2025/08/sorairo-500x220.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2025/08/sorairo-300x132.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2025/08/sorairo-768x338.png 768w" sizes="(max-width: 791px) 100vw, 791px" /><figcaption class="wp-element-caption">そらいろ　と　みずいろ</figcaption></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="788" height="550" src="https://xn--ecka7j.biz/wp-content/uploads/2025/08/mizuiro.png" alt="みずいろ" class="wp-image-12593" srcset="https://xn--ecka7j.biz/wp-content/uploads/2025/08/mizuiro.png 788w, https://xn--ecka7j.biz/wp-content/uploads/2025/08/mizuiro-500x349.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2025/08/mizuiro-300x209.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2025/08/mizuiro-768x536.png 768w" sizes="(max-width: 788px) 100vw, 788px" /><figcaption class="wp-element-caption">そらいろ　と　みずいろ　</figcaption></figure>



<h3 class="wp-block-heading"><span id="toc13">同色・異名、異色・同コードの確認方法</span></h3>



<p>次のブログカードのクリックから、コード（#16進またはRGB）で並び替えたり、読み方で並び替えた後に、読み方で検索すると、それぞれの色を見分けたり、異名。同コードの和色（わしょく・わいろ：日本の伝統色の機微）を確認したりできます。</p>



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

<a href="https://xn--ecka7j.biz/site-operation/design/11851/" title="和色パレット：日本の伝統色をRGBで探す｜色名・読み・コードで、1文字でも簡単検索 Sortも系・色名・読み・コード・RGBで" 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/05/a00-2025-05-15-090857Read00-320x180.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://xn--ecka7j.biz/wp-content/uploads/2025/05/a00-2025-05-15-090857Read00-320x180.jpg 320w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/a00-2025-05-15-090857Read00-120x68.jpg 120w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/a00-2025-05-15-090857Read00-160x90.jpg 160w" sizes="(max-width: 320px) 100vw, 320px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">和色パレット：日本の伝統色をRGBで探す｜色名・読み・コードで、1文字でも簡単検索 Sortも系・色名・読み・コード・RGBで</div><div class="blogcard-snippet internal-blogcard-snippet">並び替え機能、文字列検索の機能を追加しました。日本の豊かな色彩文化を凝縮。古来より愛されてきた繊細な和色の数々を、1文字の入力でも簡単に探し出せます。「あの時、心惹かれた色はなんという名前だろう？」「このイメージにぴったりの日本の伝統色を見...</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.06.05</div></div></div></div></a>
</div>



<div class="wp-block-group is-style-comment-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>2025/08/18:<br>サイトの機能の要約（より明確に）を表すために、<br>アイキャッチを、.webmまたは、 .mp4での表示に変更。<br>.webmで表示されるか、 .mp4で表示されるかは、ブラウザで決まります。</p>
</div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>和色パレット：日本の伝統色をRGBで探す｜色名・読み・コードで、1文字でも簡単検索 Sortも系・色名・読み・コード・RGBで</title>
		<link>https://xn--ecka7j.biz/site-operation/design/11851/</link>
		
		<dc:creator><![CDATA[Jun-N]]></dc:creator>
		<pubDate>Thu, 15 May 2025 03:54:17 +0000</pubDate>
				<category><![CDATA[css ：デザイン]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[インターネット]]></category>
		<category><![CDATA[ホームページ制作]]></category>
		<guid isPermaLink="false">https://xn--ecka7j.biz/?p=11851</guid>

					<description><![CDATA[並び替え機能、文字列検索の機能を追加しました。 日本の豊かな色彩文化を凝縮。古来より愛されてきた繊細な和色の数々を、1文字の入力でも簡単に探し出せます。 「あの時、心惹かれた色はなんという名前だろう？」「このイメージにぴ [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>並び替え機能、<span class="bold">文字列検索</span>の機能を追加しました。</p>



<p>日本の豊かな色彩文化を凝縮。古来より愛されてきた繊細な和色の数々を、<span class="bold-blue">1</span><span class="bold-blue">文字の入力でも</span>簡単に探し出せます。</p>



<p>「あの時、心惹かれた色はなんという名前だろう？」「このイメージにぴったりの日本の伝統色を見つけたい」<br>そんなあなたの想いを、「和色大辞典」が鮮やかに叶えます。日本の豊かな自然や繊細な文化から生まれた、奥ゆかしい「和色」。その一つひとつには、美しい名前と、情感豊かな物語が込められています。<strong>「<a href="#table-top">和色大辞典</a>」 &#8211; あなたの感性を彩る、日本の伝統色検索ツール</strong><br>&#x27a1; テーブル内「<span class="bold-blue"><a href="#search-top2">文字列検索</a></span>」を追加しました。</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><ul><li><a href="#toc3" tabindex="0">&#x1f536;&nbsp;読み Sort</a></li><li><a href="#toc4" tabindex="0">&#x1f536;系 Sort</a></li><li><a href="#toc5" tabindex="0">&#x1f536;#16進 Sort</a></li><li><a href="#toc6" tabindex="0">&#x1f536;色名 Sort</a></li><li><a href="#toc7" tabindex="0">&#x1f536;RGB Sort</a></li><li><a href="#toc8" tabindex="0">文字列の検索</a></li></ul></li></ul></li><li><a href="#toc9" tabindex="0">和色大辞典</a><ul><li><a href="#toc10" tabindex="0">文字列検索</a></li><li><a href="#toc11" tabindex="0">並び替え_Sort</a></li></ul></li></ul>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">主な機能</span></h2>



<ul class="wp-block-list">
<li><strong>和色を中心に</strong>：和色の色合い順に表示する機能を追加</li>



<li><strong>一目瞭然のカラー表示:</strong> お探しの色をダイレクトに表示。RGB値も併記し、デザインワークを強力にサポートします。</li>



<li><strong>日本の伝統色を網羅:</strong> 奥ゆかしい色名と、その色に込められた物語に触れることができます。日本の季節や情景を映し出す、多彩な和色の魅力をご堪能ください。</li>



<li><strong>スマートな並び替え機能:</strong><ul><li><strong>読み方:</strong> ひらがな順に並び替え、微妙な色合いの違いをスムーズに比較できます。</li></ul><ul><li><strong>色名:</strong> 漢字順に並び替え、共通のイメージを持つ色をまとめてチェックできます。</li></ul><ul><li><strong>#16</strong><strong>進:</strong> カラーコード順に並び替え、デジタルデータでの管理に最適です。</li></ul><ul><li><strong>RGB:</strong> 数値順に並び替え、色の構成要素からのアプローチも可能です。</li></ul>
<ul class="wp-block-list">
<li><strong>デフォルト表示:</strong> [F5]キーを押すだけで、読み方順の基本表示に戻ります。</li>
</ul>
</li>



<li><span class="bold-blue">文字列検索</span>：
<ul class="wp-block-list">
<li>漢字、ひらがな、英数字の文字列検索を追加しました。</li>
</ul>
</li>
</ul>



<p><strong>和色とは:</strong></p>



<p>単なる色ではありません。それは、日本の風土、歴史、そして繊細な感性が育んだ、唯一無二の色彩体系です。同じ読みを持つ色の中にも、わずかながら異なる色合いが存在し、そこには日本の自然や文化に対する深い理解が込められています。</p>



<p>さあ、「<a href="#table-top">和色パレット</a>」で、あなたの感性を彩る<span class="bold"><a href="#table-top">特別な色を見つけて</a></span>ください。</p>



<h3 class="wp-block-heading"><span id="toc2">表の表示切替操作ご案内</span></h3>



<p><strong>「和色大辞典」なら、探したい色をスピーディー</strong>に見つけることができます。<br><strong>和色のRGB値</strong>も一目でわかるから、デザインワークにも即座に活用できます。</p>



<p><strong>さらに、便利な並び替え機能（<span class="bold-blue">Sort</span>）で、色の新たな魅力と出会えます。</strong></p>



<ul class="wp-block-list">
<li><strong>「読み方」順:</strong> 似た響きの美しい色が、まるで隣り合うように現れます。</li>



<li><strong>「系」：主に和色の系統</strong>（和色優先のため同系色でも離れて表示されます）近しい色合いに並び替えます。</li>



<li><strong>「色名」順:</strong> 同じ漢字を持つ色が集い、色の奥深さを再発見できます。</li>



<li><strong>「#16進数」順:</strong> デジタルコードのグラデーションが、色の科学的な側面を映し出します。</li>



<li><strong>「RGB」順:</strong> 色の成分による並び替えで、微妙な色彩の違いを繊細に感じ取れます。</li>
</ul>



<p>迷ったら[F5]キー。一瞬で、日本の色彩美が織りなす<strong>デフォルト</strong>の並び順へ戻ります。</p>



<p>「<strong>和色大辞典</strong>」は、単なるカラーコードの検索ツールではありません。それは、日本の繊細な美意識に触れ、あなたの感性を豊かにする、新しい色の体験です。</p>



<p>さあ、「<span class="bold"><a href="#table-top">和色大辞典</a></span>」で、あなただけの特別な「色」を見つけてください。</p>



<p>それでは、各項目の見出し位置をクリックした場合の、実際の表示を順を追ってみましょう。（見出しとは、&#x1f536;マークで示した部分です）</p>



<p>各クリックは１回目と２回目の表示の違いを次の画像で示します。３回目以降は繰り返し表示となり、「F5」キーで初期状態に戻ります。（実際の体験は「<span class="bold"><a href="#table-top">和色大辞典</a></span>」からどうぞ！）</p>



<hr>



<h4 class="wp-block-heading"><span id="toc3">&#x1f536;&nbsp;読み Sort</span></h4>



<p>① 初期画面または「F5」キー押下時：読みの昇順で表示されます。<br>② 「<span class="bold"><a href="#table-top">読み</a></span>」を1回クリック：読みの降順で表示されます。<br>③ 「<span class="bold"><a href="#table-top">読み</a></span>」を再度クリック：読みの昇順で表示されます。</p>



<p>（以降、クリックのたびに昇順と降順が切り替わります）</p>



<p><span class="bold-blue">①</span>初期表示または「F5」キー、および繰り返し時に</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="622" src="https://xn--ecka7j.biz/wp-content/uploads/2025/05/a00-Read00-800x622.jpg" alt="reading" class="wp-image-11874" srcset="https://xn--ecka7j.biz/wp-content/uploads/2025/05/a00-Read00-800x622.jpg 800w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/a00-Read00-500x389.jpg 500w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/a00-Read00-300x233.jpg 300w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/a00-Read00-768x597.jpg 768w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/a00-Read00.jpg 871w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">初期画面または「F5」キー押下時：読みの昇順</figcaption></figure>



<p><span class="bold">②</span>「読み」を1回クリック、および繰り返し時に</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="631" src="https://xn--ecka7j.biz/wp-content/uploads/2025/05/a01-Read01-800x631.jpg" alt="Read" class="wp-image-11875" srcset="https://xn--ecka7j.biz/wp-content/uploads/2025/05/a01-Read01-800x631.jpg 800w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/a01-Read01-500x394.jpg 500w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/a01-Read01-300x237.jpg 300w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/a01-Read01-768x606.jpg 768w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/a01-Read01.jpg 853w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">「読み」を1回クリック：読みの降順で表示</figcaption></figure>



<p><span class="bold-green">③</span>「読み」を再度クリック、および繰り返し時に</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="622" src="https://xn--ecka7j.biz/wp-content/uploads/2025/05/a02-Read02-800x622.jpg" alt="Read" class="wp-image-11876" srcset="https://xn--ecka7j.biz/wp-content/uploads/2025/05/a02-Read02-800x622.jpg 800w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/a02-Read02-500x389.jpg 500w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/a02-Read02-300x233.jpg 300w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/a02-Read02-768x597.jpg 768w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/a02-Read02.jpg 871w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">「読み」を再度クリック：読みの昇順で表示</figcaption></figure>



<hr>



<p>まっちゃいろ　<span class="bold-green">抹茶色</span><br><span class="bold">抹茶色</span>だけでこんなにも･･･日本の色：和色の不思議</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="1003" src="https://xn--ecka7j.biz/wp-content/uploads/2026/01/Matchy-color-800x1003.png" alt="まっちゃ" class="wp-image-13416" srcset="https://xn--ecka7j.biz/wp-content/uploads/2026/01/Matchy-color-800x1003.png 800w, https://xn--ecka7j.biz/wp-content/uploads/2026/01/Matchy-color-500x627.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2026/01/Matchy-color-300x376.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2026/01/Matchy-color-768x963.png 768w, https://xn--ecka7j.biz/wp-content/uploads/2026/01/Matchy-color.png 871w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">まっちゃいろ　抹茶色</figcaption></figure>



<hr>



<h4 class="wp-block-heading"><span id="toc4">&#x1f536;系 Sort</span></h4>



<p>① 「<span class="bold"><a href="#table-top">系</a></span>」を1回クリック：「系」の漢字コード順（昇順）で表示されます。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="640" src="https://xn--ecka7j.biz/wp-content/uploads/2025/05/b01-Serise01-800x640.jpg" alt="Serise" class="wp-image-11877" srcset="https://xn--ecka7j.biz/wp-content/uploads/2025/05/b01-Serise01-800x640.jpg 800w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/b01-Serise01-500x400.jpg 500w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/b01-Serise01-300x240.jpg 300w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/b01-Serise01-768x615.jpg 768w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/b01-Serise01.jpg 841w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">「系」を1回クリック：「系」の漢字コード順（昇順）</figcaption></figure>



<p>② 「<span class="bold"><a href="#table-top">系</a></span>」を再度クリック：「系」の漢字コード順（降順）で表示されます。</p>



<p>（以降、クリックのたびに昇順と降順が切り替わります）</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="651" src="https://xn--ecka7j.biz/wp-content/uploads/2025/05/b02-Serise02-800x651.jpg" alt="Serise" class="wp-image-11878" srcset="https://xn--ecka7j.biz/wp-content/uploads/2025/05/b02-Serise02-800x651.jpg 800w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/b02-Serise02-500x407.jpg 500w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/b02-Serise02-300x244.jpg 300w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/b02-Serise02-768x625.jpg 768w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/b02-Serise02.jpg 830w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">「系」を再度クリック：「系」の漢字コード順（降順）</figcaption></figure>



<hr>



<h4 class="wp-block-heading"><span id="toc5">&#x1f536;#16進 Sort</span></h4>



<p>① 「<span class="bold"><a href="#table-top">#16進</a></span>」を1回クリック：16進数のコードの昇順で表示されます。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="646" src="https://xn--ecka7j.biz/wp-content/uploads/2025/05/c01-Hex01-800x646.jpg" alt="Hex" class="wp-image-11879" srcset="https://xn--ecka7j.biz/wp-content/uploads/2025/05/c01-Hex01-800x646.jpg 800w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/c01-Hex01-500x403.jpg 500w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/c01-Hex01-300x242.jpg 300w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/c01-Hex01-768x620.jpg 768w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/c01-Hex01.jpg 839w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">「#16進」を1回クリック：16進数のコードの昇順</figcaption></figure>



<p>② 「<span class="bold"><a href="#table-top">#16進</a></span>」を再度クリック：16進数のコードの降順で表示されます。</p>



<p>（以降、クリックのたびに昇順と降順が切り替わります）</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="646" src="https://xn--ecka7j.biz/wp-content/uploads/2025/05/c02-Hex02-800x646.jpg" alt="Hex" class="wp-image-11880" srcset="https://xn--ecka7j.biz/wp-content/uploads/2025/05/c02-Hex02-800x646.jpg 800w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/c02-Hex02-500x404.jpg 500w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/c02-Hex02-300x242.jpg 300w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/c02-Hex02-768x620.jpg 768w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/c02-Hex02.jpg 838w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">「#16進」を再度クリック：16進数のコードの降順</figcaption></figure>



<hr>



<h4 class="wp-block-heading"><span id="toc6">&#x1f536;色名 Sort</span></h4>



<p>① 「<span class="bold"><a href="#table-top">色名</a></span>」を1回クリック：色名の漢字コード順（昇順）で表示されます。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="634" src="https://xn--ecka7j.biz/wp-content/uploads/2025/05/d01-Hue01-800x634.jpg" alt="Hue" class="wp-image-11881" srcset="https://xn--ecka7j.biz/wp-content/uploads/2025/05/d01-Hue01-800x634.jpg 800w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/d01-Hue01-500x396.jpg 500w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/d01-Hue01-300x238.jpg 300w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/d01-Hue01-768x609.jpg 768w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/d01-Hue01.jpg 848w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">「色名」を1回クリック：色名の漢字コード順（昇順）</figcaption></figure>



<p>② 「<span class="bold"><a href="#table-top">色名</a></span>」を再度クリック：色名の漢字コード順（降順）で表示されます。</p>



<p>（以降、クリックのたびに昇順と降順が切り替わります）</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="651" src="https://xn--ecka7j.biz/wp-content/uploads/2025/05/d02-Hue02-800x651.jpg" alt="Hue" class="wp-image-11882" srcset="https://xn--ecka7j.biz/wp-content/uploads/2025/05/d02-Hue02-800x651.jpg 800w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/d02-Hue02-500x407.jpg 500w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/d02-Hue02-300x244.jpg 300w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/d02-Hue02-768x625.jpg 768w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/d02-Hue02.jpg 832w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">「色名」を再度クリック：色名の漢字コード順（降順）</figcaption></figure>



<hr>



<h4 class="wp-block-heading"><span id="toc7">&#x1f536;RGB Sort</span></h4>



<div class="wp-block-group is-style-information-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>RGBの一般的な表記は、<br>(0, 0, 0) ～ (255, 255, 255) あるいは、(0,0,0) ～ (255,255,255) ですが、<br>当表においては、(000,000,000) ～ (255,255,255)と記載しています。<br>理由は幾つかありますが、<br><strong><u>一番の理由は、表にした時に美しくするためです。</u></strong></p>
</div>



<p>① 「<span class="bold-blue"><a href="#table-top">RGB</a></span>」を1回クリック：RGBのコードの昇順で表示されます。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="638" src="https://xn--ecka7j.biz/wp-content/uploads/2025/05/e01-RGB01-800x638.jpg" alt="RGB" class="wp-image-11883" srcset="https://xn--ecka7j.biz/wp-content/uploads/2025/05/e01-RGB01-800x638.jpg 800w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/e01-RGB01-500x399.jpg 500w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/e01-RGB01-300x239.jpg 300w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/e01-RGB01-768x613.jpg 768w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/e01-RGB01.jpg 846w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">「RGB」を1回クリック：RGBのコードの昇順</figcaption></figure>



<p>② 「<span class="bold-blue"><a href="#table-top">RGB</a></span>」を再度クリック：RGBのコードの降順で表示されます。</p>



<p>（以降、クリックのたびに昇順と降順が切り替わります）</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="646" src="https://xn--ecka7j.biz/wp-content/uploads/2025/05/e02-RGB02-800x646.jpg" alt="RGB" class="wp-image-11873" srcset="https://xn--ecka7j.biz/wp-content/uploads/2025/05/e02-RGB02-800x646.jpg 800w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/e02-RGB02-500x404.jpg 500w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/e02-RGB02-300x242.jpg 300w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/e02-RGB02-768x620.jpg 768w, https://xn--ecka7j.biz/wp-content/uploads/2025/05/e02-RGB02.jpg 835w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">「RGB」を再度クリック：RGBのコードの降順</figcaption></figure>



<hr>
<p>文字列の検索機能は、表(Table)内の文字を探す場合、</p>



<h4 class="wp-block-heading"><span id="toc8">文字列の検索</span></h4>



<p>例えば、
<br>色の系統の一部、#16進の一部、色名・読みの一部、RGBコードの一部の指定でも、合致したものがあれば、その列を反転表示させます。
<br>並んでいなくても合致した文字列を含む全てのセルは反転表示されます。
<br><a href="#search-top2" class="c_wi"><i class="fas fa-arrow-down"></i>　<i class="fas fa-search fa-lg"></i>に進む</a></p>



<hr>
<p id="table-top"><i class="fas fa-list-alt fa-lg"></i>　<b>「和色大辞典」</b>_Top</p>



<h2 class="wp-block-heading"><span id="toc9">和色大辞典</span></h2>



<div class="wp-block-group is-style-information-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>　同コード(16進)で、別名(色名)もあります。<br>例えば、#add8e6（<span class="bold-blue">水色</span>と<span class="bold-blue">薄水色</span>）、#00bfff（<span class="bold-blue">水色</span>と<span class="bold-blue">空色</span>）。<br><span class="bold">　同じ呼び名</span>で「<span class="bold-green">もえぎいろ</span>」の<span class="bold">様に、</span>正に<span class="bold">和色</span>と呼べる<span class="bold">表現</span>があります。<br>　<span class="bold">同じ読み</span>で、別の<span class="bold"><span class="bold-green">文字</span>で<span class="bold">表</span>現</span>する、<span class="bold">別コード</span>（<span class="bold-green">萌黄</span>色；#a3d675、#006e54、#86b81b、<span class="bold-green">萌木</span>色：#a7bd00、<span class="bold-green">萌葱</span>色：#adb367 ）の様に。<br>&#x27a1; 読みでSortし、「もえぎいろ」で検索すると一目瞭然です。</p>
</div>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="909" src="https://xn--ecka7j.biz/wp-content/uploads/2025/06/moegiiro2025-06-05-800x909.png" alt="もえぎいろ" class="wp-image-12127" srcset="https://xn--ecka7j.biz/wp-content/uploads/2025/06/moegiiro2025-06-05-800x909.png 800w, https://xn--ecka7j.biz/wp-content/uploads/2025/06/moegiiro2025-06-05-500x568.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2025/06/moegiiro2025-06-05-300x341.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2025/06/moegiiro2025-06-05-768x873.png 768w, https://xn--ecka7j.biz/wp-content/uploads/2025/06/moegiiro2025-06-05.png 888w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">もえぎいろ</figcaption></figure>



<h3 class="wp-block-heading"><span id="toc10">文字列検索</span></h3>



<!-- id="search-top2" -->



<p id="search-top2"><i class="fas fa-search fa-2x" style="color: yellow;"></i>
	<br>　テーブル内検索&#x27a1;以下の<b>[<span style="color: white;">___</span>]</b>内に<b>検索文字</b>を<b>入力</b>してください。</p>
<p><i class="fas fa-search" style="color: yellow;"></i>　<input type="text" id="searchBox" placeholder="検索文字列を入力し[Enter]キー">　一致件数: <span id="resultCount">0</span> 件
<br>該当するセル(位置)が<b>黒色</b>反転し、最初の文字列のテーブル最下段に位置送りします。[漢字]変換の場合は、2度[Enter]キーを押下する必要がある（1度目は漢字の確定）事が必要です。
	<br>一致する全ての文字列のセルが反転しますので、並んでいなくてもテーブルをスクロールすることで確認できます。もちろんSort後でも「<b>検索</b>」できます。</p>
<p>パソコン表示の場合、
	<br>テーブルの左端下部に<b>浮動表示</b>される<i class="fas fa-search fa-lg" style="color: white;"></i>のクリックで
	<br>いつでも<b>[<span style="color: white;">___</span>]</b>内の<b>検索文字</b><b>入力</b>の位置に戻ることができます。</p>



<!-- <div class="scrollable-table stfc-sticky"><table id="myTableJ" style="border-collapse: collapse; border-color: red; border-width: 2px;"> -->



<h3 class="wp-block-heading"><span id="toc11">並び替え_Sort</span></h3>



<!-- TABLE 定義 -->



<figure class="wp-block-table">
<div class="scrollable-table stfc-sticky"><table id="myTableJ" style="border-collapse: collapse; border-color: red; border-width: 2px;">
<caption class="tal"><i class="fas fa-check-square fa-2x"></i>&#x1f536;がある項目は、見出しのクリックで<span style="color:white;"><b>表の並び替え</b>Sort</span>ができます。Update：2025/05/19</caption>

<thead>
<tr><th></th>
<th onclick="sortTable(1)" scope="col" class="tac">系<br>&#x1f536;</th>
<th onclick="sortTable(2)" scope="col" class="tac" style="background-color:white;color:black;">#16進<br>&#x1f536;</th>
<th onclick="sortTable(3)" scope="col" class="tal">色名&#x1f536;</th>
<th onclick="sortTable(4)" scope="col" class="tac" style="background-color:white;color:black;">読み&#x1f536;「F5」</th>
<th onclick="sortTable(5)" scope="col" class="tac" style="background-color:lightcyan;color:black;"><span style="color:red;"><b>R</b></span><span style="color:green;"><b>G</b></span><span style="color:blue;"><b>B</b></span><br>&#x1f536;</th>
<th  scope="col" class="tal">説明（備考）</th>
</tr>
</thead>
<tbody id="tableBody">

<tr><td></td>
<td class="あいいろ">藍</td>
<td class="あいいろ">#000080</td>
<td class="あいいろ">藍色</td>
<td class="あいいろ">あいいろ</td>
<td class="あいいろ tac">000,000,128</td>
<td class="あいいろ">深く濃いあお系の色。.Naby</td>
</tr>
<tr><td></td>
<td class="あいいろ2">藍</td>
<td class="あいいろ2">#0d3b66</td>
<td class="あいいろ2">藍色</td>
<td class="あいいろ2">あいいろ</td>
<td class="あいいろ2 tac">013,059,102</td>
<td class="あいいろ2">深く濃い青色。</td>
</tr>
<tr><td></td>
<td class="あいこびちゃ">藍</td>
<td class="あいこびちゃ">#003349</td>
<td class="あいこびちゃ">藍媚茶</td>
<td class="あいこびちゃ">あいこびちゃ</td>
<td class="あいこびちゃ tac">000,051,073</td>
<td class="あいこびちゃ">わずかに緑がかった深い藍色。（あお系の色）</td>
</tr>
<tr><td></td>
<td class="あお">青</td>
<td class="あお">#0000ff</td>
<td class="あお">青</td>
<td class="あお">あお</td>
<td class="あお tac">000,000,255</td>
<td class="あお">基本的なあお系の色。</td>
</tr>
<tr><td></td>
<td class="あおはくしょく">白</td>
<td class="あおはくしょく">#fefcff</td>
<td class="あおはくしょく">青白色</td>
<td class="あおはくしょく">あおはくしょく</td>
<td class="あおはくしょく tac">254,252,255</td>
<td class="あおはくしょく">非常に淡い、わずかに青みがかった白色.Milk_White</td>
</tr>
<tr><td></td>
<td class="あおみどり">青</td>
<td class="あおみどり">#00a497</td>
<td class="あおみどり">青緑</td>
<td class="あおみどり">あおみどり</td>
<td class="あおみどり tac">000,164,151</td>
<td class="あおみどり">鮮やかで、やや緑がかった青緑色</td>
</tr>
<tr><td></td>
<td class="あおむらさきいろ">紫</td>
<td class="あおむらさきいろ">#e6e6fa</td>
<td class="あおむらさきいろ">青紫色</td>
<td class="あおむらさきいろ">あおむらさきいろ</td>
<td class="あおむらさきいろ tac">230,230,250</td>
<td class="あおむらさきいろ">淡く、優しい青紫色「ラベンダー」と呼ばれることも.lavender
  <br>同コード：#e6e6fa、別名：薄藤(うすふじ) </td>
</tr>
<tr><td></td>
<td class="あおりょくしょく">青</td>
<td class="あおりょくしょく">#7bccb5</td>
<td class="あおりょくしょく">青緑色</td>
<td class="あおりょくしょく">あおりょくしょく</td>
<td class="あおりょくしょく tac">123,204,179</td>
<td class="あおりょくしょく">明るく、爽やかな青緑色.blue_green</td>
</tr>
<tr><td></td>
<td class="あか">赤</td>
<td class="あか">#ff0000</td>
<td class="あか">赤</td>
<td class="あか">あか</td>
<td class="あか tac">255,000,000</td>
<td class="あか">基本的なあか系の色。</td>
</tr>
<tr><td></td>
<td class="あかねいろ">茜</td>
<td class="あかねいろ">#b7282e</td>
<td class="あかねいろ">茜色</td>
<td class="あかねいろ">あかねいろ</td>
<td class="あかねいろ tac">183,040,046</td>
<td class="あかねいろ">茜の根で染めたような鮮やかな赤色。
	<br>深みのある、落ち着いた赤色。茜色に近い、温かみのある印象</td>
</tr>
<tr><td></td>
<td class="あかねいろ2">茜</td>
<td class="あかねいろ2">#cd5c5c</td>
<td class="あかねいろ2">茜色</td>
<td class="あかねいろ2">あかねいろ</td>
<td class="あかねいろ2 tac">205,092,092</td>
<td class="あかねいろ2">茜の根で染めたような鮮やかな赤色。
	<br>くすんだ、落ち着いた赤色。レンガのような温かみのある色合い.IndianRedインディアンレッド</td>
</tr>
<tr><td></td>
<td class="あさぎいろ">浅<br>葱</td>
<td class="あさぎいろ">#00a5c6</td>
<td class="あさぎいろ">浅葱色</td>
<td class="あさぎいろ">あさぎいろ</td>
<td class="あさぎいろ tac">000,165,198</td>
<td class="あさぎいろ">わずかに緑みを帯びた明るい青色。</td>
</tr>
<tr><td></td>
<td class="あさぎいろ2">浅<br>葱</td>
<td class="あさぎいろ2">#00ced1</td>
<td class="あさぎいろ2">浅葱色</td>
<td class="あさぎいろ2">あさぎいろ</td>
<td class="あさぎいろ2 tac">000,206,209</td>
<td class="あさぎいろ2">わずかに緑みを帯びた明るい青色。
  <br>鮮やかで明るい水色</td>
</tr>
<tr><td></td>
<td class="あさぎねず">浅<br>葱</td>
<td class="あさぎねず">#b0c4de</td>
<td class="あさぎねず">浅葱鼠</td>
<td class="あさぎねず">あさぎねず</td>
<td class="あさぎねず tac">176,196,222</td>
<td class="あさぎねず">わずかに青みがかった灰色。</td>
</tr>
<tr><td></td>
<td class="あざやかオレンジ">橙</td>
<td class="あざやかオレンジ">#ffa62f</td>
<td class="あざやかオレンジ">cantaloupe</td>
<td class="あざやかオレンジ">あざやかオレンジ</td>
<td class="あざやかオレンジ tac">255,166,047</td>
<td class="あざやかオレンジ">鮮やかで、元気が出るようなオレンジ色.cantaloupe</td>
</tr>
<tr><td></td>
<td class="あずきいろ">茶</td>
<td class="あずきいろ">#800000</td>
<td class="あずきいろ">小豆色</td>
<td class="あずきいろ">あずきいろ</td>
<td class="あずきいろ tac">128,000,000</td>
<td class="あずきいろ">煮た小豆のような暗い赤色。</td>
</tr>
<tr><td></td>
<td class="あやめいろ">紫</td>
<td class="あやめいろ">#663399</td>
<td class="あやめいろ">菖蒲色</td>
<td class="あやめいろ">あやめいろ</td>
<td class="あやめいろ tac">102,051,153</td>
<td class="あやめいろ">鮮やかな紫色。</td>
</tr>
<tr><td></td>
<td class="あんずいろ">茶</td>
<td class="あんずいろ">#f4a460</td>
<td class="あんずいろ">杏色</td>
<td class="あんずいろ">あんずいろ</td>
<td class="あんずいろ tac">244,164,096</td>
<td class="あんずいろ">杏の実のような淡い橙色。
	<br>明るいオレンジがかった茶色「サンディブラウン」と呼ばれることも</td>
</tr>
<tr><td></td>
<td class="うぐいすいろ">鶯</td>
<td class="うぐいすいろ">#6b8e23</td>
<td class="うぐいすいろ">鶯色</td>
<td class="うぐいすいろ">うぐいすいろ</td>
<td class="うぐいすいろ tac">107,142,035</td>
<td class="うぐいすいろ">緑がかった茶色。
	<br>くすんだ、落ち着いた黄緑色
  <br>.Olivedrabオリーブドラブ</td>
</tr>
<tr><td></td>
<td class="うぐいすいろ2">鶯</td>
<td class="うぐいすいろ2">#6c6024</td>
<td class="うぐいすいろ2">鶯色</td>
<td class="うぐいすいろ2">うぐいすいろ</td>
<td class="うぐいすいろ2 tac">108,096,036</td>
<td class="うぐいすいろ2">緑がかった茶色。
	<br>くすんだ、落ち着いた茶色に近い色合い</td>
</tr>
<tr><td></td>
<td class="うぐいすいろ3">鶯</td>
<td class="うぐいすいろ3">#928c36</td>
<td class="うぐいすいろ3">鶯色</td>
<td class="うぐいすいろ3">うぐいすいろ</td>
<td class="うぐいすいろ3 tac">146,140,054</td>
<td class="うぐいすいろ3">緑がかった茶色。
	<br>くすんだ黄緑色、またはオリーブ色に近い色合い</td>
</tr>
<tr><td></td>
<td class="うすあお">青</td>
<td class="うすあお">#afeeee</td>
<td class="うすあお">薄青</td>
<td class="うすあお">うすあお</td>
<td class="うすあお tac">175,238,238</td>
<td class="うすあお">淡い青色。</td>
</tr>
<tr><td></td>
<td class="うすあさぎ">浅<br>葱</td>
<td class="うすあさぎ">#69c2c7</td>
<td class="うすあさぎ">薄浅葱</td>
<td class="うすあさぎ">うすあさぎ</td>
<td class="うすあさぎ tac">105,194,199</td>
<td class="うすあさぎ">さらに淡い浅葱色。</td>
</tr>
<tr><td></td>
<td class="うすきいろ">黄</td>
<td class="うすきいろ">#fffacd</td>
<td class="うすきいろ">薄黄色</td>
<td class="うすきいろ">うすきいろ</td>
<td class="うすきいろ tac">255,250,205</td>
<td class="うすきいろ">淡い黄色。
	<br>淡い黄色、またはクリーム色に近い色合い「レモンシフォン」と呼ばれることも</td>
</tr>
<tr><td></td>
<td class="うすぐんじょう">群<br>青</td>
<td class="うすぐんじょう">#5f9ea0</td>
<td class="うすぐんじょう">薄群青</td>
<td class="うすぐんじょう">うすぐんじょう</td>
<td class="うすぐんじょう tac">095,158,160</td>
<td class="うすぐんじょう">わずかに灰色がかった薄い青色。</td>
</tr>
<tr><td></td>
<td class="うすふじ">藤</td>
<td class="うすふじ">#e6e6fa</td>
<td class="うすふじ">薄藤</td>
<td class="うすふじ">うすふじ</td>
<td class="うすふじ tac">230,230,250</td>
<td class="うすふじ">非常に淡い藤色。薄い青紫色「ラベンダー」と呼ばれることも
  <br>同コード：#e6e6fa、別名：青紫色(あおむらさきいろ)</td>
</tr>
<tr><td></td>
<td class="うすみずいろ">水<br>色</td>
<td class="うすみずいろ">#add8e6</td>
<td class="うすみずいろ">薄水色</td>
<td class="うすみずいろ">うすみずいろ</td>
<td class="うすみずいろ tac">173,216,230</td>
<td class="うすみずいろ">非常に淡い水色。
  <br>同コード：#add8e6、別名（水色）みずいろ</td>
</tr>
<tr><td></td>
<td class="うすみどり">緑</td>
<td class="うすみどり">#8fbc8f</td>
<td class="うすみどり">薄緑</td>
<td class="うすみどり">うすみどり</td>
<td class="うすみどり tac">143,188,143</td>
<td class="うすみどり">淡い緑色。darkSeaGreen ダークシーグリーン</td>
</tr>
<tr><td></td>
<td class="おうどいろ">鶯</td>
<td class="おうどいろ">#bdb76b</td>
<td class="おうどいろ">黄土色</td>
<td class="おうどいろ">おうどいろ</td>
<td class="おうどいろ tac">189,183,107</td>
<td class="おうどいろ">土のような黄色みがかった茶色。(くすんだオリーブ色)</td>
</tr>
<tr><td></td>
<td class="おうりょくしょく">黄<br>緑</td>
<td class="おうりょくしょく">#c3fdb8</td>
<td class="おうりょくしょく">黄緑色</td>
<td class="おうりょくしょく">おうりょくしょく</td>
<td class="おうりょくしょく tac">195,253,184</td>
<td class="おうりょくしょく">明るく、とてもフレッシュな黄緑色.Light_Jade</td>
</tr>
<tr><td></td>
<td class="カーキ">黄</td>
<td class="カーキ">#f0e68c</td>
<td class="カーキ">khaki</td>
<td class="カーキ">カーキ</td>
<td class="カーキ tac">240,230,140</td>
<td class="カーキ">明るい黄色がかった緑色
  <br>同コード：#f0e68c 、別名：黄檗色(きはだいろ) 	</td>
</tr>
<tr><td></td>
<td class="かきいろ">柿</td>
<td class="かきいろ">#c04000</td>
<td class="かきいろ">柿色</td>
<td class="かきいろ">かきいろ</td>
<td class="かきいろ tac">192,064,000</td>
<td class="かきいろ">熟した柿のような赤みがかった橙色。
	<br>濃く、深みのあるオレンジ色。
  <br>温かみと落ち着きを感じさせる色合い</td>
</tr>
<tr><td></td>
<td class="かきいろ2">柿</td>
<td class="かきいろ2">#ed6d3d</td>
<td class="かきいろ2">柿色</td>
<td class="かきいろ2">かきいろ</td>
<td class="かきいろ2 tac">237,109,061</td>
<td class="かきいろ2">熟した柿のような橙色。
  <br>鮮やかで少し赤みがかったオレンジ色</td>
</tr>
<tr><td></td>
<td class="かきいろ3">柿</td>
<td class="かきいろ3">#f04e1f</td>
<td class="かきいろ3">柿色</td>
<td class="かきいろ3">かきいろ</td>
<td class="かきいろ3 tac">240,078,031</td>
<td class="かきいろ3">熟した柿の色。
  <br>鮮やかで情熱的なオレンジがかった赤色</td>
</tr>
<tr><td></td>
<td class="かめのぞき">藍</td>
<td class="かめのぞき">#4f8f9d</td>
<td class="かめのぞき">瓶覗</td>
<td class="かめのぞき">かめのぞき</td>
<td class="かめのぞき tac">079,143,157</td>
<td class="かめのぞき">ごく薄い藍色。</td>
</tr>
<tr><td></td>
<td class="かれくさいろ">草</td>
<td class="かれくさいろ">#e4dc8a</td>
<td class="かれくさいろ">枯草色</td>
<td class="かれくさいろ">かれくさいろ</td>
<td class="かれくさいろ tac">228,220,138</td>
<td class="かれくさいろ">枯れた草のような黄色みがかった色。</td>
</tr>
<tr><td></td>
<td class="ききょういろ">紫</td>
<td class="ききょういろ">#7b68ee</td>
<td class="ききょういろ">桔梗色</td>
<td class="ききょういろ">ききょういろ</td>
<td class="ききょういろ tac">123,104,238</td>
<td class="ききょういろ">濃く鮮やかな青紫色。</td>
</tr>
<tr><td></td>
<td class="きくちばいろ">鶯</td>
<td class="きくちばいろ">#808000</td>
<td class="きくちばいろ">黄朽葉色</td>
<td class="きくちばいろ">きくちばいろ</td>
<td class="きくちばいろ tac">128,128,000</td>
<td class="きくちばいろ">黄色がかった枯葉の色。</td>
</tr>
<tr><td></td>
<td class="きなりいろ">生<br>成</td>
<td class="きなりいろ">#f5f5dc</td>
<td class="きなりいろ">生成色</td>
<td class="きなりいろ">きなりいろ</td>
<td class="きなりいろ tac">245,245,220</td>
<td class="きなりいろ">漂白していない絹や綿の自然な色。
	<br>オフホワイト、わずかに黄色みがかった白色「ベージュ」や「オールドレース」と呼ばれることも</td>
</tr>
<tr><td></td>
<td class="きなりいろ2">生<br>成</td>
<td class="きなりいろ2">#faf0e6</td>
<td class="きなりいろ2">生成り色</td>
<td class="きなりいろ2">きなりいろ</td>
<td class="きなりいろ2 tac">250,240,230</td>
<td class="きなりいろ2">漂白していない麻などの自然な色。
	<br>非常に淡い黄みがかった白色「リネン」と呼ばれることも
  <br>同コード：#faf0e6 、別名：(ベージュ)oldlace</td>
</tr>
<tr><td></td>
<td class="きはだいろ">黄</td>
<td class="きはだいろ">#f0e68c</td>
<td class="きはだいろ">黄檗色</td>
<td class="きはだいろ">きはだいろ</td>
<td class="きはだいろ tac">240,230,140</td>
<td class="きはだいろ">キハダの樹皮で染めた鮮やかな黄色。明るい黄色がかった緑色
  <br>同コード：#f0e68c 、別名：「カーキ」khaki と呼ばれることも</td>
</tr>
<tr><td></td>
<td class="きみどり">黄<br>緑</td>
<td class="きみどり">#98fb98</td>
<td class="きみどり">黄緑</td>
<td class="きみどり">きみどり</td>
<td class="きみどり tac">152,251,152</td>
<td class="きみどり">黄色と緑の中間の明るい色。</td>
</tr>
<tr><td></td>
<td class="きみどり2">黄<br>緑</td>
<td class="きみどり2">#adff2f</td>
<td class="きみどり2">黄緑</td>
<td class="きみどり2">きみどり</td>
<td class="きみどり2 tac">173,255,047</td>
<td class="きみどり2">明るい黄緑色。
	<br>非常に明るく、鮮やかな黄緑色！
  <br>蛍光色に近い目を引く色合いchartreuseシャルトルーズ</td>
</tr>
<tr><td></td>
<td class="ぎんねず">灰</td>
<td class="ぎんねず">#778899</td>
<td class="ぎんねず">銀鼠</td>
<td class="ぎんねず">ぎんねず</td>
<td class="ぎんねず tac">119,136,153</td>
<td class="ぎんねず">わずかに青みがかった明るい灰色。
	<br>わずかに明るい灰色がかった青色「ライトスレートグレー」と呼ばれる</td>
</tr>
<tr><td></td>
<td class="くさいろ">草</td>
<td class="くさいろ">#7b8d42</td>
<td class="くさいろ">草色</td>
<td class="くさいろ">くさいろ</td>
<td class="くさいろ tac">123,141,066</td>
<td class="くさいろ">草のような緑色。</td>
</tr>
<tr><td></td>
<td class="くりいろ">茶</td>
<td class="くりいろ">#a0522d</td>
<td class="くりいろ">栗色</td>
<td class="くりいろ">くりいろ</td>
<td class="くりいろ tac">160,082,045</td>
<td class="くりいろ">栗の実のような濃い茶色。
	<br>赤みがかった濃い茶色「シエナ」と呼ばれることも</td>
</tr>
<tr><td></td>
<td class="くるみいろ">茶</td>
<td class="くるみいろ">#d2b48c</td>
<td class="くるみいろ">胡桃色</td>
<td class="くるみいろ">くるみいろ</td>
<td class="くるみいろ tac">210,180,140</td>
<td class="くるみいろ">胡桃の殻のような薄茶色。
	<br>淡い茶色、またはベージュに近い色合い「タン」と呼ばれることも</td>
</tr>
<tr><td></td>
<td class="くれない">紅</td>
<td class="くれない">#d7003a</td>
<td class="くれない">紅</td>
<td class="くれない">くれない</td>
<td class="くれない tac">215,000,058</td>
<td class="くれない">鮮やかな濃い赤色。(<b>紅</b>と書いて「<b>くれない</b>」と読む)
	<br>(<b>紅</b>と書いて「<b>べに</b>」は別の色
	<br>「色名」でSortすると並び表示されるので色合いの比較ができる)</td>
</tr>
<tr><td></td>
<td class="くろ">黒</td>
<td class="くろ">#000000</td>
<td class="くろ">黒</td>
<td class="くろ">くろ</td>
<td class="くろ tac">000,000,000</td>
<td class="くろ">黒.black #000でも可</td>
</tr>
<tr><td></td>
<td class="くろはい">黒</td>
<td class="くろはい">#0c090a</td>
<td class="くろはい">黒灰</td>
<td class="くろはい">くろはい</td>
<td class="くろはい tac">012,009,010</td>
<td class="くろはい">非常に暗い灰色、
  <br>ほとんど黒に近い色合い.Night</td>
</tr>
<tr><td></td>
<td class="ぐんじょう">群<br>青</td>
<td class="ぐんじょう">#1e3a8a</td>
<td class="ぐんじょう">群青色</td>
<td class="ぐんじょう">ぐんじょういろ<span style='color:transparent;'>1</span></td>
<td class="ぐんじょう tac">030,058,138</td>
<td class="ぐんじょう">深く濃い青色。
  <br>自然界の色で例えるなら、
  <br>夜空の深い青、深海の色、ラピスラズリのような濃い青のイメージ</td>
</tr>
<tr><td></td>
<td class="ぐんじょう2">群<br>青</td>
<td class="ぐんじょう2">#4169e1</td>
<td class="ぐんじょう2">群青色</td>
<td class="ぐんじょう2">ぐんじょういろ<span style='color:transparent;'>2</span></td>
<td class="ぐんじょう2 tac">065,105,225</td>
<td class="ぐんじょう2">濃く鮮やかな青系の色。
  <br>自然界の色で例えるなら、
  <br>晴れた日の澄んだ青空、サファイアのような鮮やかな青いイメージ</td>
</tr>
<tr><td></td>
<td class="ぐんじょう3">群<br>青</td>
<td class="ぐんじょう3">#4c6cb3</td>
<td class="ぐんじょう3">群青色</td>
<td class="ぐんじょう3">ぐんじょういろ<span style='color:transparent;'>3</span></td>
<td class="ぐんじょう3 tac">076,108,179</td>
<td class="ぐんじょう3">深く鮮やかな青色。 
  <br>自然界の色で例えるなら、
  <br>曇り空の青、少し霞んだ海の色、落ち着いた雰囲気の青い花の色といったイメージ</td>
</tr>
<!-- 25/05/17 add -->
<tr><td></td>
<td class="ぐんじょう4">群<br>青</td>
<td class="ぐんじょう4">#005baa</td>
<td class="ぐんじょう4">群青色</td>
<td class="ぐんじょう4">ぐんじょういろ<span style='color:transparent;'>4</span></td>
<td class="ぐんじょう4 tac">000,091,170</td>
<td class="ぐんじょう4">日本画材の岩絵具 
  <br>いわえのぐの『群青 』に由来する色名で、紫みがかった深い青色のことです。
  <br>自然界の色で例えるなら、
  <br>深海の色、晴れた日の少し深い青空、サファイアのような濃い青のイメージ</td>
</tr>

<tr><td></td>
<td class="こいあい">藍</td>
<td class="こいあい">#0f2350</td>
<td class="こいあい">濃藍</td>
<td class="こいあい">こいあい</td>
<td class="こいあい tac">015,035,080</td>
<td class="こいあい">深く濃い藍色。
  <br>（濃藍の別の色合い）</td>
</tr>
<tr><td></td>
<td class="こいあい2">藍</td>
<td class="こいあい2">#191970</td>
<td class="こいあい2">濃藍</td>
<td class="こいあい2">こいあい</td>
<td class="こいあい2 tac">025,025,112</td>
<td class="こいあい2">深く濃い藍色。
  <br>（別名：ミッドナイトブルー）</td>
</tr>
<tr><td></td>
<td class="こがね">橙</td>
<td class="こがね">#e6b422</td>
<td class="こがね">黄金</td>
<td class="こがね">こがね</td>
<td class="こがね tac">230,180,034</td>
<td class="こがね">輝くような濃い黄色。</td>
</tr>
<tr><td></td>
<td class="こがれこう">茶</td>
<td class="こがれこう">#b8860b</td>
<td class="こがれこう">焦香</td>
<td class="こがれこう">こがれこう</td>
<td class="こがれこう tac">184,134,011</td>
<td class="こがれこう">わずかに赤みのある濃い茶色。
	<br>濃い金色、またはくすんだ黄土色のような色合い「ダークゴールデンロッド」と呼ばれることも</td>
</tr>
<tr><td></td>
<td class="こきはなだ">緑</td>
<td class="こきはなだ">#004953</td>
<td class="こきはなだ">深縹</td>
<td class="こきはなだ">こきはなだ</td>
<td class="こきはなだ tac">000,073,083</td>
<td class="こきはなだ">濃く深い青緑色。（あお系の色）</td>
</tr>
<tr><td></td>
<td class="こけいろ">緑</td>
<td class="こけいろ">#556b2f</td>
<td class="こけいろ">苔色</td>
<td class="こけいろ">こけいろ</td>
<td class="こけいろ tac">085,107,047</td>
<td class="こけいろ">苔のような落ち着いた緑色。</td>
</tr>
<tr><td></td>
<td class="こんいろ">紺</td>
<td class="こんいろ">#223a70</td>
<td class="こんいろ">紺色</td>
<td class="こんいろ">こんいろ</td>
<td class="こんいろ tac">034,058,112</td>
<td class="こんいろ">濃い青色。</td>
</tr>
<tr><td></td>
<td class="こんじょう">紺</td>
<td class="こんじょう">#003f5c</td>
<td class="こんじょう">紺青</td>
<td class="こんじょう">こんじょう</td>
<td class="こんじょう tac">000,063,092</td>
<td class="こんじょう">深く濃い青色。
  <br>（あお系の色）</td>
</tr>
<tr><td></td>
<td class="こんじょう2">紺</td>
<td class="こんじょう2">#192f60</td>
<td class="こんじょう2">紺青</td>
<td class="こんじょう2">こんじょう</td>
<td class="こんじょう2 tac">025,047,096</td>
<td class="こんじょう2">深く濃い青色。
  <br>（紺青の別の色合い）</td>
</tr>
<tr><td></td>
<td class="こんぺき">紺</td>
<td class="こんぺき">#0070bb</td>
<td class="こんぺき">紺碧</td>
<td class="こんぺき">こんぺき</td>
<td class="こんぺき tac">000,112,187</td>
<td class="こんぺき">深く澄んだ青色。</td>
</tr>
<tr><td></td>
<td class="こんるり">瑠<br>璃</td>
<td class="こんるり">#213380</td>
<td class="こんるり">紺瑠璃</td>
<td class="こんるり">こんるり</td>
<td class="こんるり tac">033,051,128</td>
<td class="こんるり">濃く深い瑠璃色。
  <br>※瑠璃の色
  <br>&#x27a1;るりこん※1瑠璃紺#005880：RGB(000,088,128)と僅かな違いの色合い
  <br>&#x27a1;るりこん※2瑠璃紺#19448e：RGB(025,068,142)と僅かな違いの色合い
</td>
</tr>
<tr><td></td>
<td class="さくらいろ">桜</td>
<td class="さくらいろ">#efdfe1</td>
<td class="さくらいろ">桜色</td>
<td class="さくらいろ">さくらいろ</td>
<td class="さくらいろ tac">239,223,225</td>
<td class="さくらいろ">桜の花びらのような淡いピンク色。
	<br>非常に淡いピンクがかった灰色。
  <br>朝もやがかかった花びらのよう</td>
</tr>
<tr><td></td>
<td class="さくらいろ2">桜</td>
<td class="さくらいろ2">#fedfe1</td>
<td class="さくらいろ2">桜色</td>
<td class="さくらいろ2">さくらいろ</td>
<td class="さくらいろ2 tac">254,223,225</td>
<td class="さくらいろ2">桜の花びらのような淡いピンク色。</td>
</tr>
<tr><td></td>
<td class="さびあさぎ">浅<br>葱</td>
<td class="さびあさぎ">#008080</td>
<td class="さびあさぎ">錆浅葱</td>
<td class="さびあさぎ">さびあさぎ</td>
<td class="さびあさぎ tac">000,128,128</td>
<td class="さびあさぎ">わずかに灰色がかった浅葱色。
	<br>青緑とも 浅葱色（薄いあお緑系の色）ともいわれる</td>
</tr>
<tr><td></td>
<td class="さんごいろ">珊<br>瑚</td>
<td class="さんごいろ">#e9967a</td>
<td class="さんごいろ">珊瑚色</td>
<td class="さんごいろ">さんごいろ</td>
<td class="さんごいろ tac">233,150,122</td>
<td class="さんごいろ">珊瑚のような明るい赤みがかった橙色。
	<br>明るいオレンジがかった茶色「ライトコーラル」と呼ばれることも</td>
</tr>
<tr><td></td>
<td class="しこん">紫</td>
<td class="しこん">#483d8b</td>
<td class="しこん">紫紺</td>
<td class="しこん">しこん</td>
<td class="しこん tac">072,061,139</td>
<td class="しこん">濃く深い紫色。</td>
</tr>
<tr><td></td>
<td class="しゅいろ">朱</td>
<td class="しゅいろ">#e60033</td>
<td class="しゅいろ">朱色</td>
<td class="しゅいろ">しゅいろ</td>
<td class="しゅいろ tac">230,000,051</td>
<td class="しゅいろ">鮮やかな赤色。</td>
</tr>
<tr><td></td>
<td class="しゅいろ2">朱</td>
<td class="しゅいろ2">#eb6101</td>
<td class="しゅいろ2">朱色</td>
<td class="しゅいろ2">しゅいろ</td>
<td class="しゅいろ2 tac">235,097,001</td>
<td class="しゅいろ2">ややオレンジがかった鮮やかな赤色。</td>
</tr>
<tr><td></td>
<td class="ゆきしろ">白</td>
<td class="ゆきしろ">#f8f8ff</td>
<td class="ゆきしろ">白（雪白）</td>
<td class="ゆきしろ">せっぱく</td>
<td class="ゆきしろ tac">248,248,255</td>
<td class="ゆきしろ">基本色の一つ。
	<br>非常に淡い青みがかった白色「スノー」と呼ばれることも.snow</td>
</tr>
<tr><td></td>
<td class="しろ">白</td>
<td class="しろ">#ffffff</td>
<td class="しろ">白</td>
<td class="しろ">しろ</td>
<td class="しろ tac">255,255,255</td>
<td class="しろ">（純白）和色ではない白</td>
</tr>
<tr><td></td>
<td class="しんく">紅</td>
<td class="しんく">#dc143c</td>
<td class="しんく">真紅</td>
<td class="しんく">しんく</td>
<td class="しんく tac">220,020,060</td>
<td class="しんく">鮮やかで深い紅色。
	<br>鮮やかで濃い赤色「クリムゾン」と呼ばれることも.crimson</td>
</tr>
<tr><td></td>
<td class="せっぱく">白</td>
<td class="せっぱく">#fffafa</td>
<td class="せっぱく">雪白</td>
<td class="せっぱく">せっぱく</td>
<td class="せっぱく tac">255,250,250</td>
<td class="せっぱく">雪のようなな白色。
	<br>非常に淡いピンクがかった白色「スノー」や「シーシェル」と呼ばれることも</td>
</tr>
<tr><td></td>
<td class="せんりょくしょく">緑</td>
<td class="せんりょくしょく">#6cbb3c</td>
<td class="せんりょくしょく">鮮緑色</td>
<td class="せんりょくしょく">せんりょくしょく</td>
<td class="せんりょくしょく tac">108,187,060</td>
<td class="せんりょくしょく">鮮やかで、いきいきとした緑色.Green_Snake</td>
</tr>
<tr><td></td>
<td class="ぞうげいろ">白<br>系</td>
<td class="ぞうげいろ">#faebd7</td>
<td class="ぞうげいろ">象牙色</td>
<td class="ぞうげいろ">ぞうげいろ</td>
<td class="ぞうげいろ tac">250,236,215</td>
<td class="ぞうげいろ">象牙のようなわずかに黄みがかった白色。
	<br>温かみのある明るいベージュ色「アンティークホワイト」と呼ばれることも</td>
</tr>
<tr><td></td>
<td class="そらいろ">空<br>色</td>
<td class="そらいろ">#00bfff</td>
<td class="そらいろ">空色</td>
<td class="そらいろ">そらいろ</td>
<td class="そらいろ tac">000,191,255</td>
<td class="そらいろ">晴れた空のような明るい青色。
	<br>(鮮やかな水色)
  <br>#00bfff同コード別名：水色
</td>
</tr>
<tr><td></td>
<td class="そらいろ2">空<br>色</td>
<td class="そらいろ2">#87ceeb</td>
<td class="そらいろ2">空色</td>
<td class="そらいろ2">そらいろ</td>
<td class="そらいろ2 tac">135,206,235</td>
<td class="そらいろ2">晴れた空のような明るいあお系の色。スカイブルーとも
  <br>同コード：#87ceeb、別名：水色(みずいろ)</td>
</tr>
<tr><td></td>
<td class="そらいろ3">空<br>色</td>
<td class="そらいろ3">#a0d8ef</td>
<td class="そらいろ3">空色</td>
<td class="そらいろ3">そらいろ</td>
<td class="そらいろ3 tac">160,216,239</td>
<td class="そらいろ3">晴れた空のような明るい青色。
	<br>明るく、透明感のある水色。爽やかな印象 </td>
</tr>
<tr><td></td>
<td class="ダークブルー">青</td>
<td class="ダークブルー">#00008b</td>
<td class="ダークブルー">ダークブルー</td>
<td class="ダークブルー">ダークブルー</td>
<td class="ダークブルー tac">000,000,139</td>
<td class="ダークブルー">濃いあお系の色。</td>
</tr>
<tr><td></td>
<td class="ちとせみどり">緑</td>
<td class="ちとせみどり">#00563f</td>
<td class="ちとせみどり">千歳緑</td>
<td class="ちとせみどり">ちとせみどり</td>
<td class="ちとせみどり tac">000,086,063</td>
<td class="ちとせみどり">常緑樹のような深緑色。</td>
</tr>
<tr><td></td>
<td class="てつおなんど">青</td>
<td class="てつおなんど">#008b8b</td>
<td class="てつおなんど">鉄御納戸</td>
<td class="てつおなんど">てつおなんど</td>
<td class="てつおなんど tac">000,139,139</td>
<td class="てつおなんど">鈍い緑がかった濃い青色。</td>
</tr>
<tr><td></td>
<td class="てつこん">紺</td>
<td class="てつこん">#17184b</td>
<td class="てつこん">鉄紺</td>
<td class="てつこん">てつこん</td>
<td class="てつこん tac">023,024,075</td>
<td class="てつこん">わずかに紫がかった深い紺色。</td>
</tr>
<tr><td></td>
<td class="ときいろ">赤<br>系</td>
<td class="ときいろ">#f08080</td>
<td class="ときいろ">鴇色</td>
<td class="ときいろ">ときいろ</td>
<td class="ときいろ tac">240,128,128</td>
<td class="ときいろ">鴇の羽のような淡い紅色。
	<br>明るい赤色、またはピンクがかった赤色
  <br>同コード：#f08080 、別名：「ライトコーラル」lightcoralと呼ばれることも</td>
</tr>
<tr><td></td>
<td class="ときわいろ">緑</td>
<td class="ときわいろ">#006400</td>
<td class="ときわいろ">常盤色</td>
<td class="ときわいろ">ときわいろ</td>
<td class="ときわいろ tac">000,100,000</td>
<td class="ときわいろ">不変の緑、常緑樹の色。</td>
</tr>
<tr><td></td>
<td class="とびいろ">茶</td>
<td class="とびいろ">#a52a2a</td>
<td class="とびいろ">鳶色</td>
<td class="とびいろ">とびいろ</td>
<td class="とびいろ tac">165,042,042</td>
<td class="とびいろ">鳶の羽のような赤茶色。<br>同コード：#a52a2a 、別名：ブラウン(brown)	</td>
</tr>
<tr><td></td>
<td class="とめこん">紺</td>
<td class="とめこん">#1c305c</td>
<td class="とめこん">留紺</td>
<td class="とめこん">とめこん</td>
<td class="とめこん tac">028,048,092</td>
<td class="とめこん">やや緑みを帯びた深い紺色。</td>
</tr>
<tr><td></td>
<td class="なでしこいろ">桃<br>色</td>
<td class="なでしこいろ">#d87093</td>
<td class="なでしこいろ">撫子色</td>
<td class="なでしこいろ">なでしこいろ</td>
<td class="なでしこいろ tac">216,112,147</td>
<td class="なでしこいろ">カワラナデシコの花のような淡い紅色。
	<br>くすんだピンク色「パリサンダー」と呼ばれることも</td>
</tr>
<tr><td></td>
<td class="にゅうはくしょく">白<br>系</td>
<td class="にゅうはくしょく">#fffff0</td>
<td class="にゅうはくしょく">乳白色</td>
<td class="にゅうはくしょく">にゅうはくしょく</td>
<td class="にゅうはくしょく tac">255,255,240</td>
<td class="にゅうはくしょく">乳のようなわずかに濁った白色。
	<br>非常に淡い黄色、アイボリーに近い色合い「アイボリー」や「ライトイエロー」と呼ばれることも</td>
</tr>
<tr><td></td>
<td class="ねずみいろ">灰</td>
<td class="ねずみいろ">#808080</td>
<td class="ねずみいろ">鼠色</td>
<td class="ねずみいろ">ねずみいろ</td>
<td class="ねずみいろ tac">128,128,128</td>
<td class="ねずみいろ">灰色。(ちょうど中間的な明るさの灰色)</td>
</tr>
<tr><td></td>
<td class="のうこん">紺</td>
<td class="のうこん">#1f2f54</td>
<td class="のうこん">濃紺</td>
<td class="のうこん">のうこん</td>
<td class="のうこん tac">031,047,084</td>
<td class="のうこん">非常に濃い藍色。</td>
</tr>
<tr><td></td>
<td class="パープルフラワー">紫</td>
<td class="パープルフラワー">#a74ac7</td>
<td class="パープルフラワー">Purple flower</td>
<td class="パープルフラワー">パープルフラワー</td>
<td class="パープルフラワー tac">167,074,199</td>
<td class="パープルフラワー">鮮やかで、少し深みのある紫色.Purple_flower</td>
</tr>
<tr><td></td>
<td class="はいいろ">灰</td>
<td class="はいいろ">#708090</td>
<td class="はいいろ">灰色</td>
<td class="はいいろ">はいいろ</td>
<td class="はいいろ tac">112,128,144</td>
<td class="はいいろ">灰色。
	<br>灰色がかった青緑色、
  <br>一般的に「スレートグレー」と呼ばれる</td>
</tr>
<tr><td></td>
<td class="はいいろ2">灰</td>
<td class="はいいろ2">#a9a9a9</td>
<td class="はいいろ2">灰色</td>
<td class="はいいろ2">はいいろ</td>
<td class="はいいろ2 tac">169,169,169</td>
<td class="はいいろ2">灰色。
  <br>暗い灰色「ダークグレー」と呼ばれることも</td>
</tr>
<tr><td></td>
<td class="はなあさぎ">浅<br>葱</td>
<td class="はなあさぎ">#2a83a2</td>
<td class="はなあさぎ">花浅葱</td>
<td class="はなあさぎ">はなあさぎ</td>
<td class="はなあさぎ tac">042,131,162</td>
<td class="はなあさぎ">やや紫みを帯びた浅葱色。</td>
</tr>
<tr><td></td>
<td class="はなだいろ">青</td>
<td class="はなだいろ">#2e5894</td>
<td class="はなだいろ">縹色</td>
<td class="はなだいろ">はなだいろ</td>
<td class="はなだいろ tac">046,088,148</td>
<td class="はなだいろ">やや紫がかった濃いあお系の色。</td>
</tr>
<tr><td></td>
<td class="ひいろ">緋</td>
<td class="ひいろ">#fa8072</td>
<td class="ひいろ">緋色</td>
<td class="ひいろ">ひいろ</td>
<td class="ひいろ tac">250,128,114</td>
<td class="ひいろ">鮮やかで明るい赤色。
	<br>明るいオレンジがかった赤色「サーモン」と呼ばれることも</td>
</tr>
<tr><td></td>
<td class="ふかがわねず">灰</td>
<td class="ふかがわねず">#2f4f4f</td>
<td class="ふかがわねず">深川鼠</td>
<td class="ふかがわねず">ふかがわねず</td>
<td class="ふかがわねず tac">047,079,079</td>
<td class="ふかがわねず">わずかに緑がかった暗い灰色。</td>
</tr>
<tr><td></td>
<td class="ふかみどり">緑</td>
<td class="ふかみどり">#228b22</td>
<td class="ふかみどり">深緑</td>
<td class="ふかみどり">ふかみどり</td>
<td class="ふかみどり tac">034,139,034</td>
<td class="ふかみどり">深く濃い緑色。
	<br>深い緑色forestGreen,フォレストグリーン,森林のような色</td>
</tr>
<tr><td></td>
<td class="ふかむらさき">紫</td>
<td class="ふかむらさき">#6c2dc7</td>
<td class="ふかむらさき">深むらさき</td>
<td class="ふかむらさき">ふかむらさき</td>
<td class="ふかむらさき tac">108,045,199</td>
<td class="ふかむらさき">鮮やかで、少し深みのある紫色.Purple_ame_thyst</td>
</tr>
<tr><td></td>
<td class="ふじいろ">藤</td>
<td class="ふじいろ">#6a5acd</td>
<td class="ふじいろ">藤色</td>
<td class="ふじいろ">ふじいろ</td>
<td class="ふじいろ tac">106,090,205</td>
<td class="ふじいろ">薄く優しい紫色。落ち着いた、深みのある青紫色</td>
</tr>
<tr><td></td>
<td class="ふじいろ2">藤</td>
<td class="ふじいろ2">#a59aca</td>
<td class="ふじいろ2">藤色</td>
<td class="ふじいろ2">ふじいろ</td>
<td class="ふじいろ2 tac">165,154,202</td>
<td class="ふじいろ2">薄く優しい紫色。
	<br>淡く優しい紫色で藤の花のような上品で落ち着いた印象</td>
</tr>
<tr><td></td>
<td class="ふじいろ3">藤</td>
<td class="ふじいろ3">#bbbcde</td>
<td class="ふじいろ3">藤色</td>
<td class="ふじいろ3">ふじいろ</td>
<td class="ふじいろ3 tac">187,188,222</td>
<td class="ふじいろ3">薄く優しい紫色。
	<br>淡く優しい青紫色。少し霞んだ空のような穏やかな色合い</td>
</tr>
<tr><td></td>
<td class="ふじねず">藤</td>
<td class="ふじねず">#dda0dd</td>
<td class="ふじねず">藤鼠</td>
<td class="ふじねず">ふじねず</td>
<td class="ふじねず tac">221,160,221</td>
<td class="ふじねず">藤色みがかった灰色。
	<br>明るい紫色、またはライラック色に近い色合い「プラム」と呼ばれることも</td>
</tr>
<tr><td></td>
<td class="ふじむらさき">藤</td>
<td class="ふじむらさき">#9370db</td>
<td class="ふじむらさき">藤紫</td>
<td class="ふじむらさき">ふじむらさき</td>
<td class="ふじむらさき tac">147,112,219</td>
<td class="ふじむらさき">藤の花のような淡い紫色。</td>
</tr>
<tr><td></td>
<td class="ブラウン">茶</td>
<td class="ブラウン">#a52a2a</td>
<td class="ブラウン">brown</td>
<td class="ブラウン">ブラウン</td>
<td class="ブラウン tac">165,042,042</td>
<td class="ブラウン">落ち着いた茶色に近い赤色<br>同コード：#a52a2a 、別名：鳶色(とびいろ)	</td>
</tr>
<tr><td></td>
<td class="ベージュ">白<br>系</td>
<td class="ベージュ">#faf0e6</td>
<td class="ベージュ">oldlace</td>
<td class="ベージュ">ベージュ</td>
<td class="ベージュ tac">250,240,230</td>
<td class="ベージュ">温かみのある、淡いベージュ色.oldlace
  <br>同コード：#faf0e6 、別名：生成り色(きなりいろ) 	</td>
</tr>
<tr><td></td>
<td class="べに">紅</td>
<td class="べに">#cf3525</td>
<td class="べに">紅</td>
<td class="べに">べに</td>
<td class="べに tac">207,053,037</td>
<td class="べに">鮮やかな赤色。(<b>紅</b>と書いて「<b>べに</b>」と読む)：<br>(<b>紅</b>と書いて「<b>くれない</b>」は別の色
	<br>「色名」でSortすると並び表示されるので色合いの比較ができる)</td>
</tr>
<tr><td></td>
<td class="べにねず">茶</td>
<td class="べにねず">#bc8f8f</td>
<td class="べにねず">紅鼠</td>
<td class="べにねず">べにねず</td>
<td class="べにねず tac">188,143,143</td>
<td class="べにねず">わずかに赤みがかった灰色。
	<br>くすんだピンクがかった赤茶色「ロージーブラウン」と呼ばれることも</td>
</tr>
<tr><td></td>
<td class="べにふじ">藤</td>
<td class="べにふじ">#ee82ee</td>
<td class="べにふじ">紅藤</td>
<td class="べにふじ">べにふじ</td>
<td class="べにふじ tac">238,130,238</td>
<td class="べにふじ">赤みがかった藤色。
	<br>明るく鮮やかな紫色「バイオレット」と呼ばれることも</td>
</tr>
<tr><td></td>
<td class="べにむらさき">紫</td>
<td class="べにむらさき">#c71585</td>
<td class="べにむらさき">紅紫</td>
<td class="べにむらさき">べにむらさき</td>
<td class="べにむらさき tac">199,021,133</td>
<td class="べにむらさき">赤みがかった鮮やかな紫色。
	<br>鮮やかで深いマゼンタ色「ミディアムバイオレットレッド」と呼ばれることもMediumVioletRed</td>
</tr>
<tr><td></td>
<td class="ぼたんいろ">桃<br>色</td>
<td class="ぼたんいろ">#e7609e</td>
<td class="ぼたんいろ">牡丹色</td>
<td class="ぼたんいろ">ぼたんいろ</td>
<td class="ぼたんいろ tac">231,096,158</td>
<td class="ぼたんいろ">牡丹の花のような鮮やかなピンク色。</td>
</tr>
<tr><td></td>
<td class="ホットピンク">桃<br>色</td>
<td class="ホットピンク">#ff69b4</td>
<td class="ホットピンク">HotPink</td>
<td class="ホットピンク">ホットピンク</td>
<td class="ホットピンク tac">255,105,180</td>
<td class="ホットピンク">鮮やかで濃いピンク系の色。あか寄り。</td>
</tr>
<tr><td></td>
<td class="マゼンタ">桃<br>色</td>
<td class="マゼンタ">#ff00ff</td>
<td class="マゼンタ">マゼンタ</td>
<td class="マゼンタ">マゼンタ</td>
<td class="マゼンタ tac">255,000,255</td>
<td class="マゼンタ">鮮やかな赤紫系の色。あか寄り。 Magenta</td>
</tr>
<tr><td></td>
<td class="まっちゃいろ">抹<br>茶</td>
<td class="まっちゃいろ">#364e32</td>
<td class="まっちゃいろ">抹茶色</td>
<td class="まっちゃいろ">まっちゃいろ<span style="color:transparent;"></span></td>
<td class="まっちゃいろ tac">054,078,050</td>
<td class="まっちゃいろ">抹茶のような
  <br>落ち着いた緑色。</td>
</tr>
<!-- add 25/05/16 Start -->
<tr><td></td>
<td class="まっちゃいろ00">抹<br>茶</td>
<td class="まっちゃいろ00">#319423</td>
<td class="まっちゃいろ00">抹茶色</td>
<td class="まっちゃいろ00">まっちゃいろ<span style="color:transparent;">00</span></td>
<td class="まっちゃいろ00 tac">049,148,035</td>
<td class="まっちゃいろ00">濃い緑色、フォレストグリーン、
	<br>エメラルドグリーンの少し落ち着いたトーンに近い</td>
</tr>
<!-- w.02.04 -->
<tr><td></td>
<td class="まっちゃいろ03">抹<br>茶</td>
<td class="まっちゃいろ03">#adb367</td>
<td class="まっちゃいろ03">抹茶色</td>
<td class="まっちゃいろ03">まっちゃいろ<span style="color:transparent;">03</span></td>
<td class="まっちゃいろ03 tac">173,179,103</td>
<td class="まっちゃいろ03">「<b>薄めの抹茶ラテ</b>」の様な色
	<br>黄緑色やオリーブグリーンに近い色合い
  <br>自然界の色で例えるなら、オリーブの葉の色、苔の色、くすんだ若葉の色といったイメージの色
  <br>同コード：#adb367、別名：萌葱色</td>
</tr>
<tr><td></td>
<td class="まっちゃいろ05">抹<br>茶</td>
<td class="まっちゃいろ05">#b7ba6b</td>
<td class="まっちゃいろ05">抹茶色</td>
<td class="まっちゃいろ05">まっちゃいろ<span style="color:transparent;">05</span></td>
<td class="まっちゃいろ05 tac">183,186,107</td>
<td class="まっちゃいろ05">薄めの,くすんだ黄緑色、
	<br>オリーブドラブに近い、落ち着いたアースカラー</td>
</tr>
<tr><td></td>
<td class="まっちゃいろ06">抹<br>茶</td>
<td class="まっちゃいろ06">#bbbf4d</td>
<td class="まっちゃいろ06">抹茶色</td>
<td class="まっちゃいろ06">まっちゃいろ<span style="color:transparent;">06</span></td>
<td class="まっちゃいろ06 tac">186,076,191</td>
<td class="まっちゃいろ06">かなり明るく、鮮やかな黄緑色。
	<br>熟していないライムの色合い</td>
</tr>
<tr><td></td>
<td class="まっちゃいろ07">抹<br>茶</td>
<td class="まっちゃいろ07">#bbbf86</td>
<td class="まっちゃいろ07">抹茶色</td>
<td class="まっちゃいろ07">まっちゃいろ<span style="color:transparent;">07</span></td>
<td class="まっちゃいろ07 tac">187,191,134</td>
<td class="まっちゃいろ07">薄めの,やわらかい黄緑
	<br>あるいはライムグリーンに近い色合い</td>
</tr>
<tr><td></td>
<td class="まっちゃいろ08">抹<br>茶</td>
<td class="まっちゃいろ08">#bdbf92</td>
<td class="まっちゃいろ08">抹茶色</td>
<td class="まっちゃいろ08">まっちゃいろ<span style="color:transparent;">08</span></td>
<td class="まっちゃいろ08 tac">189,191,146</td>
<td class="まっちゃいろ08">薄めの,黄緑色の明るさの中間の色合い
	<br>明るめのくすんだ黄緑色、あるいはライトオリーブの様</td>
</tr>
<tr><td></td>
<td class="まっちゃいろ09">抹<br>茶</td>
<td class="まっちゃいろ09">#c4c46a</td>
<td class="まっちゃいろ09">抹茶色</td>
<td class="まっちゃいろ09">まっちゃいろ<span style="color:transparent;">09</span></td>
<td class="まっちゃいろ09 tac">196,196,106</td>
<td class="まっちゃいろ09">薄めの, <b>抹茶の粉</b>の様な(やわらかい黄緑)
	<br>あるいは熟したオリーブの様な色合いに近い</td>
</tr>
<tr><td></td>
<td class="まっちゃいろ10">抹<br>茶</td>
<td class="まっちゃいろ10">#c5c56a</td>
<td class="まっちゃいろ10">抹茶色</td>
<td class="まっちゃいろ10">まっちゃいろ<span style="color:transparent;">10</span></td>
<td class="まっちゃいろ10 tac">197,197,106</td>
<td class="まっちゃいろ10">薄めの,鈍い黄系の色、くすんだ黄緑色、
	<br>あるいはオリーブ色に近い落ち着いた緑色</td>
</tr>
<!-- add 25/05/16 END -->
<tr><td></td>
<td class="みずあさぎ">浅<br>葱</td>
<td class="みずあさぎ">#00a3af</td>
<td class="みずあさぎ">水浅葱</td>
<td class="みずあさぎ">みずあさぎ</td>
<td class="みずあさぎ tac">000,163,175</td>
<td class="みずあさぎ">水のような透明感のある浅葱色。</td>
</tr>
<tr><td></td>
<td class="みずいろ">水<br>色</td>
<td class="みずいろ">#00bfff</td>
<td class="みずいろ">水色</td>
<td class="みずいろ">みずいろ</td>
<td class="みずいろ tac">000,191,255</td>
<td class="みずいろ">鮮やかで明るい水色.deepskyblue
	<br>(晴れた空のような明るい青色)
  <br>#00bfff同コード別名：空色</td>
</tr>
<tr><td></td>
<td class="みずいろ2">水<br>色</td>
<td class="みずいろ2">#00ffff</td>
<td class="みずいろ2">水色</td>
<td class="みずいろ2">みずいろ</td>
<td class="みずいろ2 tac">000,255,255</td>
<td class="みずいろ2">シアン または、 
  <br>アクア と呼ばれ鮮やかな水色</td>
</tr>
<tr><td></td>
<td class="みずいろ3">水<br>色</td>
<td class="みずいろ3">#87ceeb</td>
<td class="みずいろ3">水色</td>
<td class="みずいろ3">みずいろ</td>
<td class="みずいろ3 tac">135,206,235</td>
<td class="みずいろ3">淡く明るい青色。明るく鮮やかな水色。
  <br>同コード：#87ceeb、別名：空色(そらいろ)「スカイブルー」と呼ばれることも</td>
</tr>
<tr><td></td>
<td class="みずいろ4">水<br>色</td>
<td class="みずいろ4">#add8e6</td>
<td class="みずいろ4">水色</td>
<td class="みずいろ4">みずいろ</td>
<td class="みずいろ4 tac">173,216,230</td>
<td class="みずいろ4">薄く明るいあお系の色。ライトブルー　とも
  <br>同コード：#add8e6、別名（薄水色）うすみずいろ</td>
</tr>
<tr><td></td>
<td class="みずいろ5">水<br>色</td>
<td class="みずいろ5">#e0ffff</td>
<td class="みずいろ5">水色</td>
<td class="みずいろ5">みずいろ</td>
<td class="みずいろ5 tac">224,255,255</td>
<td class="みずいろ5">淡い青色。
	<br>非常に明るい水色、またはシアンに近い色合い「ライトシア」と呼ばれることも</td>
</tr>
<tr><td></td>
<td class="みどり">緑</td>
<td class="みどり">#008000</td>
<td class="みどり">緑</td>
<td class="みどり">みどり</td>
<td class="みどり tac">000,128,000</td>
<td class="みどり">基本的なみどり系の色。</td>
</tr>
<tr><td></td>
<td class="みるいろ">緑</td>
<td class="みるいろ">#2e8b57</td>
<td class="みるいろ">海松色</td>
<td class="みるいろ">みるいろ</td>
<td class="みるいろ tac">046,139,087</td>
<td class="みるいろ">海藻のミルに似た暗い緑色。</td>
</tr>
<tr><td></td>
<td class="むらさき">紫</td>
<td class="むらさき">#ba55d3</td>
<td class="むらさき">紫</td>
<td class="むらさき">むらさき</td>
<td class="むらさき tac">186,085,211</td>
<td class="むらさき">紫色。(、鮮やかな紫がかったピンク色「ミディアムパープル」と呼ばれることも)</td>
</tr>
<tr><td></td>
<td class="むらさきいろ">紫</td>
<td class="むらさきいろ">#c38ec7</td>
<td class="むらさきいろ">紫色</td>
<td class="むらさきいろ">むらさきいろ</td>
<td class="むらさきいろ tac">195,142,199</td>
<td class="むらさきいろ">少し落ち着いた紫色.アジサイの花のような
	<br>.Purple_dragon</td>
</tr>
<tr><td></td>
<td class="もえぎいろ">萌<br>黄</td>
<td class="もえぎいろ">#006e54</td>
<td class="もえぎいろ">萌黄色</td>
<td class="もえぎいろ">もえぎいろ</td>
<td class="もえぎいろ tac">000,110,084</td>
<td class="もえぎいろ">若葉の萌え出るような鮮やかな黄緑色。
  <br>自然界の色で例えるなら、
  <br>深い森の緑、常緑樹の濃い葉の色、エメラルドのような深みのある緑といったイメージ</td>
</tr>
<tr><td></td>
<td class="もえぎいろ2">萌<br>黄</td>
<td class="もえぎいろ2">#a3d675</td>
<td class="もえぎいろ2">萌黄色</td>
<td class="もえぎいろ2">もえぎいろ</td>
<td class="もえぎいろ2 tac">163,214,117</td>
<td class="もえぎいろ2">若葉の芽生えのような新鮮な黄緑色。
	<br>明るく、フレッシュな黄緑色！新芽が芽吹くような、活き活きとした印象
  <br>自然界の色で例えるなら、
  <br>春の若葉の色、ライムよりも少し優しい緑、新鮮なハーブの色、みずみずしく爽やか</td>
</tr>
<!-- 25/05/17 add-->
<tr><td></td>
<td class="もえぎいろ3">萌<br>黄</td>
<td class="もえぎいろ3">#86b81b</td>
<td class="もえぎいろ3">萌黄色</td>
<td class="もえぎいろ3">もえぎいろ<span style='color:transparent;'>3</span></td>
<td class="もえぎいろ3 tac">134,184,027</td>
<td class="もえぎいろ3">春先に萌え出る若葉のようなさえた黄緑色のことです。
  <br>平安時代から用いられた伝統ある色名で、少し黄みがかった色を「萌黄」と書きます。
  <br>自然界の色で例えるなら、
  <br>春の草木の生き生きとした緑、熟れる前のレモンのような明るい黄緑(鮮やかなライムグリーン)
  <br>エネルギッシュで活発な印象を与える色</td>
</tr>
<tr><td></td>
<td class="もえぎいろ4">萌<br>木</td>
<td class="もえぎいろ4">#a7bd00</td>
<td class="もえぎいろ4">萌木色</td>
<td class="もえぎいろ4">もえぎいろ<span style='color:transparent;'>4</span></td>
<td class="もえぎいろ4 tac">167,189,000</td>
<td class="もえぎいろ4">春先に新緑が萌え出るような緑色のような冴えた黄緑色のことです。
  <br>平安時代から用いられた伝統ある色名で、青みがかった色を「萌木」と書きます。
  <br>自然界の色で例えるなら、
  <br>熟す前の若い果実の色、新緑の鮮やかな緑、ライムの皮の色</td>
</tr>
<tr><td></td>
<td class="もえぎいろ5">萌<br>葱</td>
<td class="もえぎいろ5">#adb367</td>
<td class="もえぎいろ5">萌葱色</td>
<td class="もえぎいろ5">もえぎいろ<span style='color:transparent;'>5</span></td>
<td class="もえぎいろ5 tac">173,179,103</td>
<td class="もえぎいろ5">萌え出る葱（ねぎ）の芽のような緑色のことです。
  <br>平安時代から用いられた色名で、歌舞伎の定式幕の色も、黒、柿、そして萌葱色です。
  <br>自然界の色で例えるなら、
  <br>オリーブの葉の色、苔の色、くすんだ若葉の色といったイメージ
  <br>同コード：#adb367、別名：抹茶色(まっちゃいろ)</td>
</tr>

<tr><td></td>
<td class="やなぎばいろ">緑</td>
<td class="やなぎばいろ">#00a693</td>
<td class="やなぎばいろ">柳葉色</td>
<td class="やなぎばいろ">やなぎばいろ</td>
<td class="やなぎばいろ tac">000,166,147</td>
<td class="やなぎばいろ">柳の葉のような淡い緑色。</td>
</tr>
<tr><td></td>
<td class="やまぶきいろ">山<br>吹</td>
<td class="やまぶきいろ">#f8b500</td>
<td class="やまぶきいろ">山吹色</td>
<td class="やまぶきいろ">やまぶきいろ</td>
<td class="やまぶきいろ tac">248,181,000</td>
<td class="やまぶきいろ">山吹の花のような鮮やかな黄色。
	<br>鮮やかで、力強い黄色</td>
</tr>
<tr><td></td>
<td class="やまぶきいろ2">山<br>吹</td>
<td class="やまぶきいろ2">#ffb11b</td>
<td class="やまぶきいろ2">山吹色</td>
<td class="やまぶきいろ2">やまぶきいろ</td>
<td class="やまぶきいろ2 tac">255,177,027</td>
<td class="やまぶきいろ2">山吹の花のような明るい黄色。
	<br>鮮やかで明るいオレンジがかった黄色。
  <br>熟したマンゴーのような色合い</td>
</tr>
<tr><td></td>
<td class="やまぶきちゃ">山<br>吹</td>
<td class="やまぶきちゃ">#d2691e</td>
<td class="やまぶきちゃ">山吹茶</td>
<td class="やまぶきちゃ">やまぶきちゃ</td>
<td class="やまぶきちゃ tac">210,105,030</td>
<td class="やまぶきちゃ">山吹の花のような明るい茶色。</td>
</tr>
<tr><td></td>
<td class="ライトコーラル">赤<br>系</td>
<td class="ライトコーラル">#f08080</td>
<td class="ライトコーラル">lightcoral</td>
<td class="ライトコーラル">ライトコーラル</td>
<td class="ライトコーラル tac">240,128,128</td>
<td class="ライトコーラル">優しい赤色「ライトコーラル」と呼ばれることも.lightcoral
  <br>同コード：#f08080 、別名：鴇色(ときいろ)</td>
</tr>
<tr><td></td>
<td class="ライトピンク">桃<br>色</td>
<td class="ライトピンク">#ffb6c1</td>
<td class="ライトピンク">lightpink</td>
<td class="ライトピンク">ライトピンク</td>
<td class="ライトピンク tac">255,182,193</td>
<td class="ライトピンク">明るく、優しいピンク色.lightpink</td>
</tr>
<tr><td></td>
<td class="ライム">緑</td>
<td class="ライム">#00ff00</td>
<td class="ライム">Lime</td>
<td class="ライム">ライム</td>
<td class="ライム tac">000,255,000</td>
<td class="ライム">非常に鮮やかな明るいみどり系の色。</td>
</tr>
<tr><td></td>
<td class="るりいろ">瑠<br>璃</td>
<td class="るりいろ">#004080</td>
<td class="るりいろ">瑠璃色</td>
<td class="るりいろ">るりいろ</td>
<td class="るりいろ tac">000,064,128</td>
<td class="るりいろ">深く鮮やかなあお系の色。宝石の瑠璃のような色。
	<br>※瑠璃の色</td>
</tr>
<tr><td></td>
<td class="るりこん">瑠<br>璃</td>
<td class="るりこん">#005880</td>
<td class="るりこん">瑠璃紺</td>
<td class="るりこん">るりこん</td>
<td class="るりこん tac">000,088,128</td>
<td class="るりこん">深く鮮やかな青色。
  <br>※瑠璃の色（るりこん　1）
  <br>&#x27a1;こんるり(紺瑠璃)#213380：RGB(033,051,128)と僅かな違いの色合い</td>
</tr>
<tr><td></td>
<td class="るりこん2">瑠<br>璃</td>
<td class="るりこん2">#19448e</td>
<td class="るりこん2">瑠璃紺</td>
<td class="るりこん2">るりこん</td>
<td class="るりこん2 tac">025,068,142</td>
<td class="るりこん2">深く鮮やかな青色。
  <br>※瑠璃の色（るりこん　2）
  <br>&#x27a1;こんるり(紺瑠璃)#213380：RGB(033,051,128)と僅かな違いの色合い</td>
</tr>
<tr><td></td>
<td class="わかくさいろ">草</td>
<td class="わかくさいろ">#3cb371</td>
<td class="わかくさいろ">若草色</td>
<td class="わかくさいろ">わかくさいろ</td>
<td class="わかくさいろ tac">060,179,113</td>
<td class="わかくさいろ">春の若草のような明るい緑色。
  <br>（鮮やかで、やや明るい緑色）MediumSeaGreenミディアムシーグリーン</td>
</tr>
<tr><td></td>
<td class="わかくさいろ2">草</td>
<td class="わかくさいろ2">#c3d825</td>
<td class="わかくさいろ2">若草色</td>
<td class="わかくさいろ2">わかくさいろ</td>
<td class="わかくさいろ2 tac">195,216,037</td>
<td class="わかくさいろ2">春の若草のような明るい黄緑色。
  <br>（明るく鮮やかな黄緑色。新緑の若葉の様な、元気が出る色合い）</td>
</tr>
<tr><td></td>
<td class="わかたけいろ">若<br>竹</td>
<td class="わかたけいろ">#00fa9a</td>
<td class="わかたけいろ">若竹色</td>
<td class="わかたけいろ">わかたけいろ</td>
<td class="わかたけいろ tac">000,250,154</td>
<td class="わかたけいろ">成長した若竹のような明るい緑色。</td>
</tr>
<tr><td></td>
<td class="わかたけいろ2">若<br>竹</td>
<td class="わかたけいろ2">#68be8d</td>
<td class="わかたけいろ2">若竹色</td>
<td class="わかたけいろ2">わかたけいろ</td>
<td class="わかたけいろ2 tac">104,190,141</td>
<td class="わかたけいろ2">成長した若竹のような明るい緑色。
  <br>（明るく、爽やかな緑色）
  <br>LightSeaGreenライトシーグリーン</td>
</tr>
<tr><td></td>
<td class="わかたけいろ3">若<br>竹</td>
<td class="わかたけいろ3">#7b9365</td>
<td class="わかたけいろ3">若竹色</td>
<td class="わかたけいろ3">わかたけいろ</td>
<td class="わかたけいろ3 tac">123,147,101</td>
<td class="わかたけいろ3">ややくすんだ緑色。
  <br>森林の木漏れ日のような、穏やかな印象</td>
</tr>
<tr><td></td>
<td class="わかみどり">緑</td>
<td class="わかみどり">#90ee90</td>
<td class="わかみどり">若緑</td>
<td class="わかみどり">わかみどり</td>
<td class="わかみどり tac">144,238,144</td>
<td class="わかみどり">明るい黄緑色。</td>
</tr>
<tr><td></td>
<td class="わすれなぐさいろ">青</td>
<td class="わすれなぐさいろ">#4682b4</td>
<td class="わすれなぐさいろ">勿忘草色</td>
<td class="わすれなぐさいろ">わすれなぐさいろ</td>
<td class="わすれなぐさいろ tac">070,130,180</td>
<td class="わすれなぐさいろ">淡く明るい青色。</td>
</tr>
</tbody></table></div></figure>



<!-- <a href="#search-top2" class="c_wi"> -->



<hr>
<p class="tar"><a href="#search-top2" class="c_wi"><i class="fas fa-arrow-up"></i>　<i class="fas fa-search fa-lg"></i>に戻る</a></p>
<p class="tar"><a href="#table-top" class="c_wi"><i class="fas fa-arrow-up"></i>　Table_Topに戻る</a></p>



<!-- 検索へ id="backToSearch" -->



<div id="backToSearch" style="display: none; position: fixed; left: 20px; bottom: 20px; background-color: lightgray; color: black; padding: 10px; border-radius: 5px; cursor: pointer; z-index: 10;">
  文<br>字<br><i class="fas fa-search fa-lg"></i><br>へ
</div>



<!-- Script1: Table Search -->



<script>
document.addEventListener('DOMContentLoaded', function() {
  const searchBox = document.getElementById('searchBox');
  const table = document.getElementById('myTableJ');
  const resultCountSpan = document.getElementById('resultCount');
  const backToSearchButton = document.getElementById('backToSearch');
  let highlightedRow = null;
  // テーブルの行数を取得
  const rowCount = table.querySelector('tbody').querySelectorAll('tr').length;
  // パソコン表示かつテーブルが150行を超える場合に「&#x1f50d;に戻る」ボタンを表示
  if (window.innerWidth >= 768 && rowCount > 150) {
    backToSearchButton.style.display = 'block';
    backToSearchButton.addEventListener('click', function() {
      document.getElementById('search-top2').scrollIntoView({ behavior: 'smooth', block: 'start' });
    });
  }
  // Enterキーが押された時のみ検索を実行
  searchBox.addEventListener('keydown', function(event) {
    if (event.key === 'Enter') {
      const searchText = searchBox.value.toLowerCase();
      performSearch(searchText);
    }
  });
  function performSearch(searchText) {
    let count = 0;
    let firstMatch = null;
    if (highlightedRow) {
      const highlightedCells = highlightedRow.querySelectorAll('td');
      highlightedCells.forEach(cell => {
        cell.classList.remove('highlight');
      });
      highlightedRow = null;
    }
    const tbody = table.querySelector('tbody');
    const rows = tbody.querySelectorAll('tr');
    rows.forEach(row => {
      const cells = row.querySelectorAll('td');
      let rowMatch = false;
      cells.forEach(cell => {
        const cellText = cell.textContent.toLowerCase();
        if (cellText.includes(searchText)) {
          rowMatch = true;
          cell.classList.add('highlight');
          if (!firstMatch) {
            firstMatch = cell;
            highlightedRow = row;
          }
        } else {
          cell.classList.remove('highlight');
        }
      });
      if (rowMatch) {
        count++;
      }
    });
    resultCountSpan.textContent = count;
    if (firstMatch) {
      firstMatch.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'nearest' });
    }
  }
});
</script>



<!-- Script2: Table Sort -->



<script>
        function sortTable(columnIndex) {
            const table = document.querySelector('table');
            const tbody = document.getElementById('tableBody');
            const rows = Array.from(tbody.querySelectorAll('tr'));
            // ソート方向の判定（初回クリック時、またはソート済みカラムのクリックで反転）
            const currentSortColumn = table.getAttribute('data-sort-column');
            const currentSortDirection = table.getAttribute('data-sort-direction') || 'asc';
            let newSortDirection = 'asc';
            if (currentSortColumn === String(columnIndex) && currentSortDirection === 'asc') {
                newSortDirection = 'desc'; // 降順に切り替え
            }
            table.setAttribute('data-sort-column', columnIndex);
            table.setAttribute('data-sort-direction', newSortDirection);
            const sortedRows = rows.sort((rowA, rowB) => {
                const cellA = rowA.querySelectorAll('td')[columnIndex].textContent.trim();
                const cellB = rowB.querySelectorAll('td')[columnIndex].textContent.trim();
                if (newSortDirection === 'asc') {
                    if (cellA < cellB) return -1;
                    if (cellA > cellB) return 1;
                    return 0;
                } else { // desc
                    if (cellA > cellB) return -1;
                    if (cellA < cellB) return 1;
                    return 0;
                }
            });
            // tbodyの子要素を全て削除
            while (tbody.firstChild) {
                tbody.removeChild(tbody.firstChild);
            }
            // ソートされた行をtbodyに追加
            sortedRows.forEach(row => tbody.appendChild(row));
        }
 </script>



<Style>
/* テーブル内検索 */
#searchBox {
    margin-bottom: 10px;
    height: 40px; /* 検索窓の高さを調整 */
    width: 30%;     /* add 25/06/05 width: 70%;&#x1f448; 60% */
    font-size: 16px; /* 必要に応じてフォントサイズも調整 */
}
</style>
]]></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-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></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-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></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>
	</channel>
</rss>
