<?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>GPT-4 | Webサイトに必要なことと道具</title>
	<atom:link href="https://xn--ecka7j.biz/tag/gpt-4/feed/" rel="self" type="application/rss+xml" />
	<link>https://xn--ecka7j.biz</link>
	<description>セキュリティ対策、最適化、ツール、工作</description>
	<lastBuildDate>Tue, 30 Jul 2024 11:36:26 +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>GPT-4 | Webサイトに必要なことと道具</title>
	<link>https://xn--ecka7j.biz</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>生成AI：Copilotより扱いやすいBingGPT。無料でGPT-4 ! Edge不要でWindowsだけでなく、macOSやLinuxでも利用できる。</title>
		<link>https://xn--ecka7j.biz/toolboox/chatgpt/7557/</link>
		
		<dc:creator><![CDATA[Jun-N]]></dc:creator>
		<pubDate>Sun, 04 Jun 2023 13:19:29 +0000</pubDate>
				<category><![CDATA[生成AI]]></category>
		<category><![CDATA[AI Tool]]></category>
		<category><![CDATA[BingGPT]]></category>
		<category><![CDATA[Copilot]]></category>
		<category><![CDATA[GPT-4]]></category>
		<category><![CDATA[ツール]]></category>
		<guid isPermaLink="false">https://xn--ecka7j.biz/?p=7557</guid>

					<description><![CDATA[待望の Edgeを起動しなくてもできる「BingGPT」しかも無料で、EdgeのCopilotより優れている面も BingGPT操作も見た目は、EdgeのCopilotと同じ私が、最も気に入った点は 目次 BingGPT [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-group is-style-question-box is-layout-constrained wp-block-group-is-layout-constrained">
<p><strong><span class="marker-under-blue">待望の</span></strong></p>



<p>Edgeを起動しなくてもできる「<strong><span class="fz-24px">BingGPT</span></strong>」しかも無料で、EdgeのCopilotより優れている面も</p>
</div>
</div>



<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="800" height="533" src="https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-800x533.jpg" alt="BingGPT" class="wp-image-7659" srcset="https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-800x533.jpg 800w, https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-500x333.jpg 500w, https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-300x200.jpg 300w, https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-768x512.jpg 768w, https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT.jpg 1200w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">BingGPT</figcaption></figure>



<div class="wp-block-group is-style-information-box is-layout-constrained wp-block-group-is-layout-constrained">
<p><strong>BingGPT</strong><br>操作も見た目は、Edgeの<strong>Copilot</strong>と同じ<br>私が、最も気に入った点は</p>



<ul class="wp-block-list">
<li>ブラウザの狭い右ペインでなく、Window画面にそのまま大きく展開できること<br>(上の画像より、<strong>画面いっぱいまで拡大できる</strong>&#x27a1;<strong>全画面がBingGPT画面に</strong>!!!)<br>（<strong>Copilot</strong>は、Edge画面の右ペイン1/3に展開し<strong><del>広げることができない</del></strong>。訂正&#x27a1;BingGPTの様に全面までとは言えないが、1/3のマウスで左端を掴んで広げることができる（できる様になった））</li>



<li><strong>Edge</strong>ブラウザの起動が不要なこと</li>



<li>タスクバーにピン留めできるので、<strong>いつでも呼び出せる</strong>こと</li>



<li><strong>ChatGPT</strong>(無料版)より優秀な<strong>GPT-4</strong>(改)を利用し無料なこと</li>
</ul>
</div>



<figure class="wp-block-image size-large"><img decoding="async" width="800" height="533" src="https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT_F-800x533.jpg" alt="BingGPT　Full画面" class="wp-image-7663" srcset="https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT_F-800x533.jpg 800w, https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT_F-500x333.jpg 500w, https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT_F-300x200.jpg 300w, https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT_F-768x512.jpg 768w, https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT_F.jpg 1200w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">BingGPT　Full画面</figcaption></figure>




  <div id="toc" class="toc tnt-none toc-center tnt-none border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-2" checked><label class="toc-title" for="toc-checkbox-2">目次</label>
    <div class="toc-content">
    <ul class="toc-list open"><li><a href="#toc1" tabindex="0">BingGPTに聞いてみた</a></li><li><a href="#toc2" tabindex="0">Install</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><li><a href="#toc8" tabindex="0">BingGPT</a><ul><li><a href="#toc9" tabindex="0">チャット画面</a></li><li><a href="#toc10" tabindex="0">作成</a></li></ul></li></ul></li><li><a href="#toc11" tabindex="0">BingGPTとCopilot</a></li><li><a href="#toc12" tabindex="0">まとめ</a><ul><li><a href="#toc13" tabindex="0">BingGPTとCopilotのどっち？</a></li><li><a href="#toc14" tabindex="0">事例から</a></li></ul></li></ul>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">BingGPTに聞いてみた</span></h2>



<p>更に、BingGPTに聞いてみた</p>



<div class="wp-block-group is-style-information-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>Edgeの<strong>Copilot</strong>に比べ<strong>BingGPT</strong>の優位点は何でしょうか？</p>
</div>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>BingGPTの優位点は以下のとおりです。</p>



<ul class="wp-block-list">
<li>BingGPTは、最新のウェブ情報を活用して回答を生成するのに対し、BingのCopilotは2021年9月までの情報を元に回答を生成する。つまり、BingGPTはより新しい情報が得られるということです。</li>



<li>BingGPTは、ChatGPTよりも強力かつ検索専用にカスタマイズされたPrometheusモデルをベースにしている。これにより、検索結果や情報提供に重点を置いた応答が可能です。</li>



<li>BingGPTは、BingのAI技術を活かしたさまざまなツールを無料で使える。例えば、Bing Image Creatorによる画像の生成や、Microsoft 365 Copilotによるコンテンツやコードの生成などができます 。</li>
</ul>
<cite>BingGPT</cite></blockquote>



<div class="wp-block-group is-style-alert-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>問いかけが「<strong>Edge</strong>の<strong>Copilot</strong>」ではなく、「<em>Bing</em>の<strong>Copilot</strong>」で問い合わせをしていたことに後から気づいたので、改めて「<strong>EdgeのCopilotに比べBingGPTの優位点は何でしょうか？</strong>」でやり直した結果を以下に、追記します。（また、以前の部分も、これはこれで違う意味で参考になるかと思いますので、残しておきます。（問いかけを間違った例としても、、、、））</p>
</div>



<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p><strong>EdgeのCopilotに比べBingGPTの優位点は何でしょうか？</strong></p>



<ul class="wp-block-list">
<li>BingGPTは、Bingの検索技術とOpenAIのGPT-4をベースにした独自のモデルを組み合わせることによって、優れた検索、チャット形式でより完全な回答の生成、さらにコンテンツ作成や要約などの機能を提供することができるAI検索エンジンです。</li>



<li>EdgeのCopilotは、BingGPTの一部の機能をEdgeブラウザに統合したAIアシスタントです。Edge Copilotは開いているウェブページのコンテキストを使用して回答を生成したり、コンテンツ作成やサイトの要約に重点を置いています。</li>



<li>BingGPTは、Edge Copilotよりも幅広い分野やテーマに対応できるAI検索エンジンです。BingGPTはウェブ上の信頼できる情報源を活用し、検索結果や情報提供に重点を置いています。</li>



<li>BingGPTは、Edge Copilotよりも強力かつ検索専用にカスタマイズされたAI検索エンジンです。BingGPTは最新情報の提供や質問への回答に優れており、普段使いでGPT技術に触れられます。</li>



<li>BingGPTは、Edge Copilotよりも柔軟かつクリエイティブなAI検索エンジンです。BingGPTはトーンや形式や長さなどを自由に設定できるコンテンツ作成機能や、画像の生成が可能なImage Creatorなどの独自の機能を持っています。</li>
</ul>
<cite><strong>BingGPT</strong></cite></blockquote>
</div>



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



<ul class="wp-block-list">
<li><strong>BingGPT</strong>は、Copilot<strong>より新しい情報を得ることができる</strong></li>



<li><strong>BingGPT</strong>は、<strong>ChatGPT</strong>よりも強力かつ検索専用にカスタマイズされたPrometheusモデルをベースにしている。（これは<strong>Copilot</strong>も同じ）</li>



<li><strong>BingGPT</strong>は、Bing Image Creatorによる<strong>画像の生成ができる</strong>。</li>



<li><strong>BingGPTは、Edge Copilotよりも強力</strong></li>
</ul>
</div>



<video controls="" width="1024">
    <source src="https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT_1812_1262_01-48_4.35MB.webm" type="video/webm">

    <source src="https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT_1812_1262_01-48_1.8MB.mp4" type="video/mp4">

    Download the
    <a href="https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT_1812_1262_01-48_4.35MB.webm">WEBM</a>
    or
    <a href="https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT_1812_1262_01-48_1.8MB.mp4">MP4</a>
    video.
</video>



<h2 class="wp-block-heading"><span id="toc2">Install</span></h2>



<p><strong>GitHub</strong>の以下の<strong>URL</strong>から入手</p>




<a rel="noopener" href="https://github.com/dice2o/BingGPT" title="GitHub - dice2o/BingGPT: Desktop application of new Bing&#039;s AI-powered chat (Windows, macOS and Linux)" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img decoding="async" src="https://xn--ecka7j.biz/wp-content/uploads/cocoon-resources/blog-card-cache/e053963d7fd48d353d19e60c2c6b29b0." alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">GitHub - dice2o/BingGPT: Desktop application of new Bing's AI-powered chat (Windows, macOS and Linux)</div><div class="blogcard-snippet external-blogcard-snippet">Desktop application of new Bing&#039;s AI-powered chat (Windows, macOS and Linux) - dice2o/BingGPT</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://github.com/dice2o/BingGPT" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">github.com</div></div></div></div></a>



<h3 class="wp-block-heading"><span id="toc3">ダウンロード</span></h3>



<p><strong>GitHub</strong>のLinkクリックから<br><span class="marker-under"><strong>①</strong>で下に<strong>スクロール</strong>する。</span><br>　　または、<br><span class="marker-under"><strong>①’</strong>を<strong>クリック</strong>する</span>　（図の部分拡大をしています。）</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="533" src="https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-010-800x533.jpg" alt="BingGPT" class="wp-image-7568" srcset="https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-010-800x533.jpg 800w, https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-010-500x333.jpg 500w, https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-010-300x200.jpg 300w, https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-010-768x512.jpg 768w, https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-010.jpg 1500w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">BingGPT</figcaption></figure>



<p><strong>①</strong>の場合は、<span class="marker-under"><span class="fz-18px"><span class="fz-20px"><span class="fz-22px">②</span></span></span>で</span><br>①’の場合は、<span class="marker-under"><strong><span class="fz-22px">②’</span></strong>で</span><br>それぞれ、「<strong>BingGPT0.3.6-win32-x64-Setup.exe</strong>」を<strong>クリック</strong>してインストーラーを<strong>ダウンロード</strong>します（<strong><span class="marker-under">Windowsの場合</span></strong>）</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="926" src="https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-021-800x926.jpg" alt="BingGPT" class="wp-image-7569" srcset="https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-021-800x926.jpg 800w, https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-021-500x579.jpg 500w, https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-021-300x347.jpg 300w, https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-021-768x889.jpg 768w, https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-021.jpg 821w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">BingGPT</figcaption></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="567" height="862" src="https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-022.jpg" alt="BingGPT" class="wp-image-7570" srcset="https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-022.jpg 567w, https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-022-500x760.jpg 500w, https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-022-300x456.jpg 300w" sizes="(max-width: 567px) 100vw, 567px" /><figcaption class="wp-element-caption">BingGPT</figcaption></figure>



<div class="wp-block-group is-style-information-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>この時点では、<strong>v 0.3.6</strong>ですが、23/07/10では<strong>GitHub</strong>に、<strong>v 0.3.7</strong>がアップされていたので、あとから<strong>v0.3.7</strong>にバージョンアップしました。（定期的にGitHubを確認するのが良いと思われます。）</p>
</div>



<h3 class="wp-block-heading"><span id="toc4">インストール</span></h3>



<p>③ダウンロードした「<strong>BingGPT0.3.6-win32-x64-Setup.exe</strong>」を<strong>クリック</strong>してインストール</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="247" height="288" src="https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-030.jpg" alt="BingGPT" class="wp-image-7571"/><figcaption class="wp-element-caption">BingGPT</figcaption></figure>



<h3 class="wp-block-heading"><span id="toc5">チャットを開始</span></h3>



<p>④ Bingプレビューから「チャットを開始」をクリック</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="671" height="324" src="https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-040.jpg" alt="BingGPT" class="wp-image-7572" srcset="https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-040.jpg 671w, https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-040-500x241.jpg 500w, https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-040-300x145.jpg 300w" sizes="(max-width: 671px) 100vw, 671px" /><figcaption class="wp-element-caption">BingGPT</figcaption></figure>



<h3 class="wp-block-heading"><span id="toc6">セキュリティ対応</span></h3>



<p>⑤ Windowsでセキュリティ対策設定をしている場合は、以下の対応が必要です。<br>   （この状態ではインストールできません）</p>



<p>⑤-１．「<strong>詳細情報</strong>」を<strong>クリック</strong></p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="550" height="488" src="https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-051.jpg" alt="BingGPT" class="wp-image-7573" srcset="https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-051.jpg 550w, https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-051-500x444.jpg 500w, https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-051-300x266.jpg 300w" sizes="(max-width: 550px) 100vw, 550px" /><figcaption class="wp-element-caption">BingGPT</figcaption></figure>



<p>⑤-２．「<strong>実行</strong>」を<strong>クリック</strong></p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="544" height="502" src="https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-052.jpg" alt="BingGPT" class="wp-image-7574" srcset="https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-052.jpg 544w, https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-052-500x461.jpg 500w, https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-052-300x277.jpg 300w" sizes="(max-width: 544px) 100vw, 544px" /><figcaption class="wp-element-caption">BingGPT</figcaption></figure>



<h3 class="wp-block-heading"><span id="toc7">サインイン</span></h3>



<p>⑥ BingGPTを利用するために、Microsoftアカウントが必要です。<br>  Windowsユーザなら、メールアドレスでアカウントを作ったハズです。<br>（持っていない場合は、ここから作成できます）</p>



<p>⑥-1.「メールアドレス」を入力して「次へ」をクリック</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="524" height="535" src="https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-061.jpg" alt="BingGPT" class="wp-image-7575" srcset="https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-061.jpg 524w, https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-061-500x510.jpg 500w, https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-061-300x306.jpg 300w" sizes="(max-width: 524px) 100vw, 524px" /><figcaption class="wp-element-caption">BingGPT</figcaption></figure>



<p>⑥-２．パスワードを入力して「サインイン」をクリック</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="528" height="486" src="https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-063.jpg" alt="BingGPT" class="wp-image-7594" srcset="https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-063.jpg 528w, https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-063-500x460.jpg 500w, https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-063-300x276.jpg 300w" sizes="(max-width: 528px) 100vw, 528px" /><figcaption class="wp-element-caption">BingGPT</figcaption></figure>



<p>※．セキュリティ情報の確認が表示された場合は、「問題ありません」をクリック</p>



<h3 class="wp-block-heading"><span id="toc8">BingGPT</span></h3>



<h4 class="wp-block-heading"><span id="toc9">チャット画面</span></h4>



<p>BingGPTのチャット画面です。<br>Edgeのチャット画面とほぼ同じです。<br>今回は、チャットでなく　作成　画面をお見せします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="469" height="600" src="https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-071.jpg" alt="BingGPT" class="wp-image-7577" srcset="https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-071.jpg 469w, https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-071-300x384.jpg 300w" sizes="(max-width: 469px) 100vw, 469px" /><figcaption class="wp-element-caption">BingGPT</figcaption></figure>



<h4 class="wp-block-heading"><span id="toc10">作成</span></h4>



<p>ここも、EdgeのCopilotと同じ内容です。<br>最大の利点は、横幅の設定（変更）に自由度があることです。<br>（Copilotは、Edgeの右ペイン1/3程度で固定されていて広げることができません。）</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="533" src="https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-072-800x533.jpg" alt="BingGPT" class="wp-image-7578" srcset="https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-072-800x533.jpg 800w, https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-072-500x333.jpg 500w, https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-072-300x200.jpg 300w, https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-072-768x512.jpg 768w, https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-072.jpg 1500w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">BingGPT</figcaption></figure>



<p>14インチ解像度（3000×2000(推奨)）、拡大／縮小：250%(推奨) 画面いっぱいに拡大してみました。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="533" src="https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-077-800x533.jpg" alt="BingGPT" class="wp-image-7567" srcset="https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-077-800x533.jpg 800w, https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-077-500x333.jpg 500w, https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-077-300x200.jpg 300w, https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-077-768x512.jpg 768w, https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT-077.jpg 1500w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">BingGPT</figcaption></figure>



<link href="https://xn--ecka7j.biz/wp-content/uploads/j_css/css5.css" rel="stylesheet">

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome-animation/0.2.1/font-awesome-animation.min.css" rel="stylesheet">

<!-- 抽出 From G:\Bootstrap5_Test_samples/bootstrap_sel1.css 23/05/04Update -->
<link href="https://xn--ecka7j.biz/wp-content/uploads/j_css/bootstrap_sel1.css" rel="stylesheet">
<!-- All Bootstrap Icons -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.0/font/bootstrap-icons.css" rel="stylesheet">



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">
<p><iframe loading="lazy" title="BingGPT　Copilotより便利で、ChatGPT（無料版） より優秀なGPT-4（改）搭載" width="1256" height="942" src="https://www.youtube.com/embed/Gdm7u4NnuJ8?start=108&#038;feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></p>



</div>





<h2 class="wp-block-heading"><span id="toc11">BingGPTとCopilot</span></h2>



<div class="wp-block-group is-style-question-box is-layout-constrained wp-block-group-is-layout-constrained">
<p><strong>BingGPT</strong>とEdgeの<strong>Copilot</strong>について聞いてみた</p>



<p><strong>EdgeのCopilot</strong>と<strong>BingGPT</strong>の違いが良くわからず両方を使っていますが、どのような使い分けがよいですか？ <strong>BingGPTはEdgeの起動が不要</strong>なくらいで、同じ様なものと認識は間違っていますか</p>
</div>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>　　<strong>Copilot</strong>と<strong>Bing GPT</strong>は、どちらもMicrosoftが開発したAIツールですが、CopilotはMicrosoft 365アプリケーションで利用されることが多く、大規模言語モデル (LLM) の機能とMicrosoft Graphのデータを組み合わせて、あなたの言葉を地球上のすべての情報に接続することができます。一方、Bing GPTは、Web検索に特化したAIツールであり、Webページから情報を収集して返します。</p>



<p>Copilotは、Microsoft 365アプリケーションで利用されることが多く、ExcelやWordなどのアプリケーションで利用されることが多いです。一方、Bing GPTはWeb検索に特化しており、Webページから情報を収集して返します。</p>
<cite>BingGPT</cite></blockquote>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="870" src="https://xn--ecka7j.biz/wp-content/uploads/2023/07/BingGPT-800x870.jpg" alt="" class="wp-image-7699" srcset="https://xn--ecka7j.biz/wp-content/uploads/2023/07/BingGPT-800x870.jpg 800w, https://xn--ecka7j.biz/wp-content/uploads/2023/07/BingGPT-500x544.jpg 500w, https://xn--ecka7j.biz/wp-content/uploads/2023/07/BingGPT-300x326.jpg 300w, https://xn--ecka7j.biz/wp-content/uploads/2023/07/BingGPT-768x836.jpg 768w, https://xn--ecka7j.biz/wp-content/uploads/2023/07/BingGPT.jpg 944w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<h2 class="wp-block-heading"><span id="toc12">まとめ</span></h2>



<h3 class="wp-block-heading"><span id="toc13">BingGPTとCopilotのどっち？</span></h3>



<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<p class="is-style-information-box has-box-style"><strong>BingGPT</strong>と<strong>Copilot</strong>のどちらを使えばよいのか？　<br>どちらも、<strong>GPT-4</strong>なのに<strong>無料で使える</strong>点は同じで、<br><br><strong>BingGPT</strong>の方が<strong>Edge</strong>を立ちあげなくても良い分「手軽ではあるものの」・・・<br>これは、当分悩ましい事である様です。・・・と言うのは、<br></p>
</div>



<h3 class="wp-block-heading"><span id="toc14">事例から</span></h3>



<p>.js（JQuery)の<strong>改善点について聞いてみた</strong>結果</p>



<ul class="wp-block-list">
<li><strong>Copilot</strong>でJQueryの改善点を聞いてみた<br> &#x27a1;そもそも.jsの行数が多かった（ここでは載せていませんが）ため、目検でのチェックをあきらめ、改善の前後を<strong>WinMerge</strong>で比較してみたところ、改善点とされていたところは、コメント行が日本語表記になっていた部分だけでした。</li>



<li><strong>BingGPT</strong>でJQueryの改善点を聞いてみた（同じ内容）<br>&#x27a1; 何度やっても、回答を拒否されました。<br>  「<span class="marker">申し訳ございません。プロンプトに応答できません。他の方法をお試しください。</span>」とか、<br><br>「<span class="marker">申し訳ありませんが、このリクエストには応えられません。プロフェッショナルなトーンでコードを生成することは、コードの品質や可読性に悪影響を及ぼす可能性があります。コードは明確で簡潔であるべきです。トーンはコードに関係なく、コメントやドキュメンテーションにのみ適用されるべきです。ご理解いただければ幸いです。</span>」</li>
</ul>



<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-group is-style-alert-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>これらを考えてみると、<strong>リクエストの内容により</strong>様々ということ</p>



<p>つまり、暫くは両方を使ってみることになる様です。<br>（必ずしも<strong>望んだ結果が得られない</strong>事や、<br>今回の.jsの改善リクエストの様に<strong>拒否される</strong>（常に拒否されるとは限らないが）こと、</p>
</div>
</div>



<p>同じ質問に対してでも同じ結果が得られるとは限らない（<b>実際</b>）ので、<br>どちらを使う場合も、「<b>下書きの生成</b>」または、<span class="rotate_90" style="font-size:2rem; color:white;"><i class="bi bi-arrow-repeat"></i></span>「下書を再生成」を繰り返してみることも必要だと思えます。）</p>
]]></content:encoded>
					
		
		<enclosure url="https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT_1812_1262_01-48_4.35MB.webm" length="4561064" type="video/webm" />
<enclosure url="https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT_1812_1262_01-48_1.8MB.mp4" length="1894035" type="video/mp4" />

			</item>
		<item>
		<title>生成AI：Copilot(GPT-4)にInvisible reCAPTCHA for WordPressの代替を問う．しかも無料で</title>
		<link>https://xn--ecka7j.biz/toolboox/chatgpt/7362/</link>
		
		<dc:creator><![CDATA[Jun-N]]></dc:creator>
		<pubDate>Wed, 24 May 2023 10:51:15 +0000</pubDate>
				<category><![CDATA[生成AI]]></category>
		<category><![CDATA[AI Tool]]></category>
		<category><![CDATA[Copilot]]></category>
		<category><![CDATA[Edge Copilot]]></category>
		<category><![CDATA[GPT-4]]></category>
		<category><![CDATA[ツール]]></category>
		<category><![CDATA[プラグイン]]></category>
		<guid isPermaLink="false">https://xn--ecka7j.biz/?p=7362</guid>

					<description><![CDATA[あなたは調べ物をする場合、どの様な手段で行いますか？Google検索などで様々なサイトに訪れて探すのが一般的であったかも知れません。 ところが今はChatGPTに代表される便利なツールがあります。 私は、改良※GPT-4 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-group is-style-question-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>あなたは調べ物をする場合、どの様な手段で行いますか？<br>Google検索などで様々なサイトに訪れて探すのが一般的であったかも知れません。<br><br>ところが今はChatGPTに代表される便利なツールがあります。<br><br>私は、改良<sup><span class="bold-red">※</span></sup><strong>GPT-4</strong>の「<strong>Copilot</strong>」を使っています。<br><br>内容の鮮度・確度という面では、それ程でもないですが、それでも驚くべきパフォーマンスで質問に答えてくれます。</p>



<p><a href="https://xn--ecka7j.biz/toolboox/chatgpt/7147/#copilot" target="_blank"><strong><span class="bold-green">Copilotに聞いてみた。 ChatGPTと,どこが違うの？優位点？</span></strong></a></p>
</div>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p><span class="bold-red">※</span>．マイクロソフトが開発したGPT-4ベースのAI機能です。<br>マイクロソフトが開発したGPT-4ベースは、OpenAIのGPT-4をライセンスして、マイクロソフト独自の改良や最適化を施したものです。<br>OpenAIのGPT-4は、オープンソースのAIプラットフォームです。<br>マイクロソフトが開発したGPT-4ベースは、OpenAIのGPT-4を基礎としながらも、マイクロソフト独自の改良やカスタマイズを加えたものです。　たとえば、マイクロソフトのデータやサービスに最適化したり、セキュリティーやプライバシーを強化したりしています。OpenAIのGPT-4は、一般公開されていないため、詳細は不明です。ChatGPTはOpenAIが開発したgpt-4ベースのAIです。マイクロソフトはOpenAIの最大の出資者であり、gpt-4のライセンスを取得していますが、それぞれ独自に改良やカスタマイズを行っています。</p>
<cite><strong>Copilot</strong></cite></blockquote>



<span style="font-size:20px;font-weight:bolder;"><!--22px&#x27a1;20px-->
      <a href="#copilot">
        <p class="Background_Text17 ta_c" style="margin-top:27px;">
          ここをクリックして<i class="bi bi-pencil-square fa fa-2x"></i> Copilotに聞いた内容を見る &#x27a1; ジャンプ
        </p>
      </a>
 </span>
<style type="text/css">
.Background_Text17 {
   width:      100%; 
   color: transparent; 
   -webkit-background-clip: text; 
/* -webkit-が無いと、虹色グラデーションにみになる 2022/01/10 */
   background-image : linear-gradient(to right,red,orange,yellow,green,aqua,blue,purple);
                     /* 虹色の方向と色 */
  animation : animation_Rainbow17 17s linear infinite;
                              /* 12s：12秒間一定速度で無限に繰り返す */
}
  @keyframes  animation_Rainbow17 {                    
     0% { background-position: 0 0 } 
   100% { background-position: 600px 0px }
}
</style>



<hr>
<span style="font-size:20px;font-weight:bolder;"><a href="#reCAPTCHA_Plugin">
<p class="Background_Text22 ta_c" style="margin-top:27px;">ここをクリックして<i class="bi bi-plugin fa fa-2x"></i> reCAPTCHAの結果を見る &#x27a1;</p></a></span>

<style type="text/css">
.Background_Text22 {
   width:      100%; 
   color: transparent; 
   -webkit-background-clip: text; 
   background-image : linear-gradient(to right,red,orange,yellow,green,aqua,blue,purple);
  animation : animation_Rainbow22 22s linear infinite;
}
  @keyframes  animation_Rainbow22 {                    
     0% { background-position: 0 0 } 
   100% { background-position: 600px 0px }
}
</style>




  <div id="toc" class="toc tnt-none toc-center tnt-none border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-4" checked><label class="toc-title" for="toc-checkbox-4">目次</label>
    <div class="toc-content">
    <ul class="toc-list open"><li><a href="#toc1" tabindex="0">php8対応について</a><ul><li><a href="#toc2" tabindex="0">Copilotに聞いてみる</a><ul><li><a href="#toc3" tabindex="0">執筆分野１</a></li><li><a href="#toc4" tabindex="0">Copilotの回答１</a></li><li><a href="#toc5" tabindex="0">評価①</a></li><li><a href="#toc6" tabindex="0">執筆分野２</a></li><li><a href="#toc7" tabindex="0">Copilotの回答２</a></li><li><a href="#toc8" tabindex="0">評価②</a></li><li><a href="#toc9" tabindex="0">執筆分野3</a></li><li><a href="#toc10" tabindex="0">Copilotの回答3</a></li><li><a href="#toc11" tabindex="0">評価③</a></li><li><a href="#toc12" tabindex="0">執筆分野4</a></li><li><a href="#toc13" tabindex="0">Copilotの回答4</a></li><li><a href="#toc14" tabindex="0">評価④</a></li><li><a href="#toc15" tabindex="0">執筆分野5</a></li><li><a href="#toc16" tabindex="0">Copilotの回答5</a></li><li><a href="#toc17" tabindex="0">評価⑤</a></li><li><a href="#toc18" tabindex="0">執筆分野6</a></li><li><a href="#toc19" tabindex="0">Copilotの回答6</a></li><li><a href="#toc20" tabindex="0">評価⑥</a></li><li><a href="#toc21" tabindex="0">執筆分野7</a></li><li><a href="#toc22" tabindex="0">Copilotの回答7</a></li><li><a href="#toc23" tabindex="0">評価⑦</a></li></ul></li></ul></li><li><a href="#toc24" tabindex="0">まとめ</a><ul><li><a href="#toc25" tabindex="0">Copilotの情報を参考に</a></li><li><a href="#toc26" tabindex="0">一覧</a></li></ul></li><li><a href="#toc27" tabindex="0">更新</a></li></ul>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">php8対応について</span></h2>



<img decoding="async" src="https://xn--ecka7j.biz/wp-content/uploads/2023/05/reCAPTCHA00-0_InvisiblereCAPTCHAforWordPress.jpg" alt="Copilot" width="466">



<p>どこかの記事で「<strong>Invisible reCAPTCHA for WordPress</strong>」は<strong>php8</strong>に<strong>対応していない</strong>と書いてあった。<br>かなり曖昧な記憶。<br>筆者のサイト環境の現状は、php7.4.33(Xserver推奨)で稼働中ですが、<br>そろそろphpを8.0.25(Xserver推奨、8.1.12可能)に上げたいとも思っているところです。<br>そこで調べることにしました。</p>



<p id="copilot"><i class="bi bi-pencil-square fa fa-2x c_aqua"> Copilot</i></p>



<h3 class="wp-block-heading"><span id="toc2">Copilotに聞いてみる</span></h3>



<p><i class="fab fa-edge" style="color:aqua;font-size: 30px;"></i>　&#x27a1;　<span class="fa-stack fa-lg sb_icon">	<i class="far fa-comment fa-stack-2x"></i>	<i class="fa-stack-1x">b</i>
</span>　&#x27a1;　<i class="bi bi-chat-text sb_icon"></i> チャット の隣の　<i class="bi bi-pencil-square sb_icon"></i> 作成アイコンをクリック　
<br>
<br>　　&#x27a1;　<span class="bg-light text-dark"> 執筆分野 </span>　&#x27a1;　「トーン」、「形式」、「長さ」　&#x27a1;　<span class="bg-primary"> 下書きの生成 </span>　　

</p>



<h4 class="wp-block-heading"><span id="toc3">執筆分野１</span></h4>



<p class="bg-light text-dark">
	「Invisible reCAPTCHA for WordPress」は、php8の環境ではうまく動作しないと聞いたのですが本当ですか？
<br>
　本当だとしたら理由・原因は何でしょうか？
</p>



<h4 class="wp-block-heading"><span id="toc4">Copilotの回答１</span></h4>



<p class="bg-secondary">「Invisible reCAPTCHA for WordPress」は、php8の環境ではうまく動作しないと聞いたのですが本当ですか？　本当だとしたら理由・原因は何でしょうか？
<br>
この質問に対して、以下のような回答を生成しました。
<br>
<br>&#8211; 「Invisible reCAPTCHA for WordPress」は、WordPressの各種フォームにGoogleが提供する認証システム「reCAPTCHA」を導入できるプラグインです 。

<br>&#8211; php8の環境では、このプラグインが原因で重大なエラーが発生する可能性があります。
<br>　　	エラーの内容は、「Uncaught Error: Call to undefined function MchGdbcRequestController::isRequestMethodPost()」というもので、
	プラグインのコードに互換性のない記述があるために起こると考えられます。

<br>&#8211; このエラーを解決するには、プラグインの作者に修正を依頼するか、自分でプラグインのコードを編集する必要があります。
<br>　　具体的には、「wp-content/plugins/invisible-recaptcha/public/classes/GdbcRequestController.php」のファイルを開き、
	「self::isRequestMethodPost()」という記述を「is_post_request()」に変更するという方法が提案されています。

<br>&#8211; ただし、この方法はあくまで暫定的なもので、プラグインの更新があった場合には再度エラーが発生する可能性があります。
<br> また、自分でプラグインのコードを編集する場合には、バックアップを取ったり、デバッグモードを有効にしたりするなどの注意が必要です。

<br>&#8211; そのため、php8の環境で「Invisible reCAPTCHA for WordPress」を使う場合には、プラグインの互換性や安定性に十分注意するか、別のプラグインを探すことをおすすめします。
</p>



<h4 class="wp-block-heading"><span id="toc5">評価①</span></h4>



<p>「php8の環境では、このプラグインが原因で重大なエラーが発生する可能性があります。」という回答がありました。<br>なにやら、暫定対応的な打開策（応急措置的・各個撃破的）も示されていますが、</p>



<p>php8のリリースは、2020/11/26です。<br>そしてphpの最新バージョンは8.2.5で2023/04/13です。<br>多くのホスティングサービスが、既にphp8では、8.0.x～8.1.xを推奨環境としています。<br>「Invisible reCAPTCHA for WordPress」の有効インストール数100,000以上ですので、利用者もそれなりの数に上るはずです。<br>筆者が参加している<a rel="noopener" href="https://wp-cocoon.com/community/" target="_blank">WordPressテーマのフォーラム（200万件を超えるダウンロード数を誇る）</a>でも、利用者が多くいます、でもこのプラグインにまつわるトラブルは聞いたことがありません。<br>さらに、Copilotに質問してみました。</p>



<h4 class="wp-block-heading"><span id="toc6">執筆分野２</span></h4>



<p class="bg-light text-dark">
「Invisible reCAPTCHA for WordPress」は、php8の環境ではうまく動作しないと聞いたのですが本当ですか？　
<br>
本当だとしたら理由・原因は何で、代替のプラグイン候補を、おすすめ順に５つ程上げてもらえますか？	
</p>



<h4 class="wp-block-heading"><span id="toc7">Copilotの回答２</span></h4>



<p class="bg-secondary">
この質問に対して、私は以下のような回答を生成しました。
<br>
&#8220;`<br>
「Invisible reCAPTCHA for WordPress」は、php8の環境では一部の機能が正常に動作しない可能性があります。 <br>これは、プラグインのコードがphp8に対応していないために発生するエラーです。
<br>
<br>代替のプラグイン候補として、以下のものがあります。
<br>
<br>&#8211; Google Captcha (reCAPTCHA) by BestWebSoft
	<br>&#8211; Google reCAPTCHA v2とv3に対応したプラグインです。
	<br>&#8211; ログイン、登録、コメント、お問い合わせフォームなどに適用できます。
	<br>&#8211; 無料版と有料版があります。
<br>
<br>&#8211; Advanced noCaptcha &amp; invisible Captcha (v2 &amp; v3)
	<br>&#8211; Google reCAPTCHA v2とv3に対応したプラグインです。
	<br>&#8211; ログイン、登録、コメント、お問い合わせフォームなどに適用できます。
	<br>&#8211; 複数のreCAPTCHAを同じページに表示できます。
	<br>&#8211; 無料版と有料版があります。
<br>
<br>&#8211; Login No Captcha reCAPTCHA
	<br>&#8211; Google reCAPTCHA v2に対応したプラグインです。
	<br>&#8211; ログインフォームにのみ適用できます。
	<br>&#8211; 簡単に設定できます。
	<br>&#8211; 無料で利用できます。
<br>
<br>&#8211; WPBruiser {no- Captcha anti-Spam}
	<br>&#8211; Google reCAPTCHAを使用しないプラグインです。
	<br>&#8211; ログイン、登録、コメント、お問い合わせフォームなどに適用できます。
	<br>&#8211; スパムボットを自動的に検出してブロックします。
	<br>&#8211; 無料版と有料版があります。
<br>
<br>&#8211; WPForms
	<br>&#8211; Google reCAPTCHA v2とv3に対応したプラグインです。
	<br>&#8211; ドラッグアンドドロップでお問い合わせフォームを作成できます。
	<br>&#8211; スパム対策だけでなく、メールマーケティングや支払い機能なども備えています。
	<br>&#8211; 無料版と有料版があります。
<br>
以上が、「Invisible reCAPTCHA for WordPress」の代替のプラグイン候補です。ご参考になれば幸いです。
	
</p>



<h4 class="wp-block-heading"><span id="toc8">評価②</span></h4>



<p>php8に関して<br>「一部の機能が正常に動作しない可能性があります。 これは、プラグインのコードがphp8に対応していないために発生するエラーです。」<br>とニュアンスが少し違ってきました。<br><strong>代替プラグイン</strong>に関しては、筆者が注目しているものが提示されていません。<br>それに、代替プラグインの<strong>候補の選定理由</strong>もはっきりしません。<br>そこで、こちらから代替プラグインの１つ「<strong>CAPTCHA 4WP</strong>」を、<br>次のような形で、提示して再度質問をしてみます。</p>



<h4 class="wp-block-heading"><span id="toc9">執筆分野3</span></h4>



<p class="bg-light text-dark">
	「Invisible reCAPTCHA for WordPress」は、php8の環境ではうまく動作しないと聞いたのですが本当ですか？　
	<br>
本当だとしたら理由・原因は何で、代替のプラグイン候補を、おすすめ順に５つ程上げてもらえますか？
<br>

代替プラグインの候補の１つとして「CAPTCHA 4WP」の評価は、どうでしょうか？
<br>
「CAPTCHA 4WP」は、https: //WordPress.org/pluginで、
<br>検証済WordPressバージョン：6.2、最終更新日：2週間前、有効インストール数：200,000+ となっています。
</p>



<h4 class="wp-block-heading"><span id="toc10">Copilotの回答3</span></h4>



<p class="bg-secondary">
	以下が私が生成したテキストです。コードブロックの構文（三重のバッククォート）で囲まれています。
<br>
&#8220;`<br>
「Invisible reCAPTCHA for WordPress」は、php8の環境では動作しない可能性があります。 <br>これは、プラグインがphp8に対応していないためにエラーが発生することが原因です。
<br> 代替のプラグイン候補としては、以下のようなものがあります。
<br>・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
<br>「代替のプラグイン候補は、回答２と同じの為、ここでは削除しました」
<br>・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
<br>代替プラグインの候補の１つとして「CAPTCHA 4WP」の評価は、あまり高くありません。
<br>このプラグインは、reCAPTCHA v1にしか対応しておらず、現在は非推奨となっています。<br> また、最終更新日が2019年11月と古く、WordPressバージョン：6.2という表記も間違っています。 
よって、「CAPTCHA 4WP」はおすすめできません。<br>
&#8220;`</p>



<h4 class="wp-block-heading"><span id="toc11">評価③</span></h4>



<p>「CAPTCHA 4WP」の内容が、筆者が提示した内容と大きく異なっています。</p>



<p>&#x27a1; reCAPTCHA&nbsp;<strong>v3</strong>にも対応しています。(v1だけではないです。)<br>&#x27a1; 最終更新日は詳細を確認すると<strong>2023/05/23</strong>現在で(<strong>2週間前</strong>)となっています。<br>&#x27a1; 検証済WordPressバージョンも<strong>6.2</strong>です。</p>



<img decoding="async" src="https://xn--ecka7j.biz/wp-content/uploads/2023/05/reCAPTCHA03-3_CAPTCHA4WP.jpg" alt="CAPTCHA 4WP" width="466">
<br>「<b>CAPTCHA 4WP</b>」の<b>情報入手先公式サイト</b>（WordPress.org/plugin）の<b>URLを付けて</b>再質問します。
<p></p>



<h4 class="wp-block-heading"><span id="toc12">執筆分野4</span></h4>



<p class="bg-light text-dark">
	「Invisible reCAPTCHA for WordPress」は、php8の環境ではうまく動作しないと聞いたのですが本当ですか？　
<br>本当だとしたら理由・原因は何で、代替のプラグイン候補を、おすすめ順に５つ程上げてもらえますか？
<br>
代替プラグインの候補の１つとして「CAPTCHA 4WP」の評価は、どうでしょうか？
<br>
「CAPTCHA 4WP」は、https://ja.wordpress.org/plugins/　で検索すると、
<br>
　https://ja.wordpress.org/plugins/<b>advanced-nocaptcha-recaptcha</b>/　で、出てきます。
<br>
「CAPTCHA 4WP」は、旧名（<b>advanced-nocaptcha-recaptcha</b>）の様です。
<br>
　6.2.0で検証済、最終更新日：2週間前、有効インストール数：200,000+ となっています。
</p>



<h4 class="wp-block-heading"><span id="toc13">Copilotの回答4</span></h4>



<p class="bg-secondary">
	この質問に対して、私は次のような回答を生成しました。
<br>
&#8220;`<br>
「Invisible reCAPTCHA for WordPress」は、php8の環境では一部の機能が正常に動作しない可能性があります。 <br>これは、プラグインがphp8に対応していないために発生するエラーです。<br>
<br>
代替のプラグイン候補として、以下のものがあります。<br>
<br>
&#8211; **reCAPTCHA v3 for WordPress**: 
	<br>Googleが提供するreCAPTCHA v3をWordPressに導入できるプラグインです。
	<br>スパムやボットを自動的に判別し、ユーザーに気づかれずに認証を行います。
	<br>WordPressバージョン：5.7.3、最終更新日：1ヶ月前、有効インストール数：10,000+ となっています。
<br>
<br>&#8211; **Advanced noCaptcha &amp; invisible Captcha**: 
	<br>reCAPTCHA v2やv3をWordPressに導入できるプラグインです。
	<br>ログインフォームやコメント欄などに認証機能を追加できます。
	<br>WordPressバージョン：5.8.2、最終更新日：1週間前、有効インストール数：200,000+ となっています。
<br>
<br>&#8211; **Login No Captcha reCAPTCHA**: 
	<br>ログインフォームにreCAPTCHA v2を導入できるプラグインです。
	<br>簡単な設定でスパムやボットからログインを保護できます。
	<br>WordPressバージョン：5.8.2、最終更新日：1ヶ月前、有効インストール数：100,000+ となっています。
<br>
<br>&#8211; **Google Captcha (reCAPTCHA) by BestWebSoft**: 
	<br>reCAPTCHA v2やv3をWordPressに導入できるプラグインです。
	<br>ログインフォームやコメント欄などに認証機能を追加できます。
	<br>WordPressバージョン：5.8.2、最終更新日：1ヶ月前、有効インストール数：100,000+ となっています。
<br>
<br>&#8211; **WPBruiser {no- Captcha anti-Spam}**: 
	<br>reCAPTCHAなしでスパムやボットを防ぐことができるプラグインです。
	<br>アルゴリズムを用いて不正なアクセスを検出し、ブロックします。
	<br>WordPressバージョン：5.8.2、最終更新日：1ヶ月前、有効インストール数：30,000+ となっています。
<br><br>
代替プラグインの候補の１つとして「CAPTCHA 4WP」の評価は、どうでしょうか？
<br><br>
	「CAPTCHA 4WP」は、「Advanced noCaptcha &amp; invisible Captcha」と同じプラグインです。 
	<br>プラグイン名が変更されたために混乱が生じているようです。 
	<br>評価としては、「Advanced noCaptcha &amp; invisible Captcha」と同じく高い評価を得ているプラグインです。

</p>



<h4 class="wp-block-heading"><span id="toc14">評価④</span></h4>



<p>「CAPTCHA 4WP」は、「Advanced noCaptcha &amp; invisible Captcha」と同じプラグインとCopilotが認識した様です。<br><br>ただ、まだ情報が古いのか整理されていません。<br>「WordPressバージョン：<strong>5.8.2</strong>」なのに「最終更新日：<strong>1週間前</strong>」です。<br>一体<strong>いつの時点</strong>での[1週間前]なのか、いつ調査した情報なのか？<br>（WordPress<strong>5.8.2</strong>は、<strong>2021/11/11</strong>のリリースです。）<br>「混乱が生じているようです。」･･･は、どこのことでしょうか？<br><br>他のプラグインも明らかに、検証済WordPressバージョンが古いです（<strong>2023/05/23</strong>時点では、バージョン<strong>6.2.2</strong>検証済みのプラグインも多くあります。）</p>



<p>１番目の「<strong>reCAPTCHA v3 for WordPress</strong>」は、https://ja.wordpress.org/plugins/search/で見つけることが出来ません<br>https://ja.wordpress.org/plugins/search/reCAPTCHA+v3+for+WordPress/　では、<br>多くの<strong>v3</strong>対応のプラグインが案内されています。<br>どうも「reCAPTCHA v3 for WordPress」は<strong>総称</strong>の様です。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="545" height="1110" src="https://xn--ecka7j.biz/wp-content/uploads/2023/05/reCAPTCHA-v3-for-WordPress.jpg" alt="reCAPTCHA v3 for WordPress" class="wp-image-7384" srcset="https://xn--ecka7j.biz/wp-content/uploads/2023/05/reCAPTCHA-v3-for-WordPress.jpg 545w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/reCAPTCHA-v3-for-WordPress-500x1018.jpg 500w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/reCAPTCHA-v3-for-WordPress-300x611.jpg 300w" sizes="(max-width: 545px) 100vw, 545px" /><figcaption class="wp-element-caption">reCAPTCHA v3 for WordPress</figcaption></figure>



<p>「reCAPTCHA v3 for WordPress」を<strong>Google検索</strong>すると、<br>「<strong>Invisible reCaptcha for WordPress</strong>が便利で簡単」と薦めています。</p>



<p>２番目の「<strong>Advanced noCaptcha &amp; invisible Captcha</strong>」も見つかりません。<br>URL:https://ja.wordpress.org/plugins/search/Advanced+noCaptcha+%26+invisible+Captcha/のトップには、「<strong>CAPTCHA 4WP</strong>」プラグインが表示されています。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="540" height="707" src="https://xn--ecka7j.biz/wp-content/uploads/2023/05/Advanced-noCaptcha-invisible-Captcha.jpg" alt="Advanced noCaptcha &amp; invisible Captcha" class="wp-image-7385" srcset="https://xn--ecka7j.biz/wp-content/uploads/2023/05/Advanced-noCaptcha-invisible-Captcha.jpg 540w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Advanced-noCaptcha-invisible-Captcha-500x655.jpg 500w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Advanced-noCaptcha-invisible-Captcha-300x393.jpg 300w" sizes="(max-width: 540px) 100vw, 540px" /><figcaption class="wp-element-caption">Advanced noCaptcha &amp; invisible Captcha</figcaption></figure>



<p><br>「<strong>CAPTCHA 4WP</strong>」アイコンをクリックすると、「CAPTCHA 4WP」の詳細が表示され、この時のURLが、https://ja.wordpress.org/plugins/<strong>advanced-nocaptcha-recaptcha</strong>/です。<br>このことから、「<strong>advanced-nocaptcha-recaptcha</strong>」が改名され「<strong>CAPTCHA 4WP</strong>」となったと推測されます。</p>



<p><br>３番目の候補の**Login No Captcha reCAPTCHA**は、
<br><img decoding="async" src="https://xn--ecka7j.biz/wp-content/uploads/2023/05/reCAPTCHA09-2_LoginNoCaptchareCAPTCHAbyBestWebSoft.jpg" alt="Login No Captcha reCAPTCHA" width="466"> ver.6.1.3検証済みです。
<br>４番目の候補の**<b>Google Captcha (reCAPTCHA) by BestWebSoft</b>**は、
<br><img decoding="async" src="https://xn--ecka7j.biz/wp-content/uploads/2023/05/reCAPTCHA02-1_reCAPTCHAbyBestWebSoft.jpg" alt="Google Captcha (reCAPTCHA) by BestWebSoft" width="466"> ver.6.2.2検証済みです。
<br>５番目の候補の**<b>WPBruiser {no- Captcha anti-Spam}</b>**は、
<br><img decoding="async" src="https://xn--ecka7j.biz/wp-content/uploads/2023/05/reCAPTCHA09-5_WPBruiserno-Captchaanti-Spam.jpg" alt="WPBruiser {no- Captcha anti-Spam}" width="466"> ver.<b>5.5.12</b>検証済みで、最終更新が<b>３年前</b>です。
<br>
<br>これらは、日本の公式サイト（https://ja.wordpress.org/plugins/）でも、海外の公式サイト（https://wordpress.org/plugins/）でも同じ内容でした。
<br>
<br>以前、情報の入手先と、情報の入手日（取得日であって検索日ではない）を求めたことがありますが、
<br>その時も、検索日＝入手日で答えてくれ、（どうもシステム上で情報入手日を開示しない様になっている？様です。）
<br>
<br>検証済みWPバージョンが古い回答だったので、再度しつこいようだけど、質問してみます。
（Copilotに対しては、遠慮も・よけいな考慮も必要ありません。）
<br>
<br>とことん、解明したいので、
<br>次の様に投げかけました。・・・・<b>ところが</b>、、、、
</p>



<h4 class="wp-block-heading"><span id="toc15">執筆分野5</span></h4>



<p class="bg-light text-dark">
	「Invisible reCAPTCHA for WordPress」は、php8の環境ではうまく動作しないと聞いたのですが本当ですか？　
<br>本当だとしたら理由・原因は何で、代替のプラグイン候補を、おすすめ順に５つ程上げてもらえますか？
<br>
代替プラグインの候補の１つとして「CAPTCHA 4WP」の評価は、どうでしょうか？
<br>
「CAPTCHA 4WP」は、2023/05/23時点でhttps://ja.wordpress.org/plugins/　で検索すると、https://ja.wordpress.org/plugins/advanced-nocaptcha-recaptcha/　で、出てきます。
<br>
「CAPTCHA 4WP」は、旧名（advanced-nocaptcha-recaptcha）の様です。
<br>
WordPressバージョン：6.2、最終更新日：2週間前、有効インストール数：200,000+ となっています。
<br>
また、先にお勧め順で５つ上げて貰ったプラグインは、検証済WordPressバージョン：5.7.3　とか、5.8.2、等で、
<br>
参照＆提供データが古い様です。
<br>少なくとも、2023/05/23時点で、検証済WordPressバージョン：6.2.2というプラグインも、https://ja.wordpress.org/plugins/　で多数見受けます
<br>
もう一度、最新データで確認願います。
</p>



<h4 class="wp-block-heading"><span id="toc16">Copilotの回答5</span></h4>



<p class="bg-secondary">
というメッセージを受け取りました。
<br><br>
このメッセージに対して、以下のようなテキストを生成しました。
<br>
&#8220;`	<br>
	このテキストは以下のように書き換えることができます：<br>
<br>
&#8220;<br>
「Invisible reCAPTCHA for WordPress」はphp8の環境に対応していないという噂がありますが、これは事実ですか？
<br>もしそうなら、その理由や原因を教えてください。また、代わりに使えるプラグインをおすすめ順に5つ挙げてください。
<br>
<br>その中の1つ、「CAPTCHA 4WP」について詳しく知りたいのですが、
<br>
<br>このプラグインは2023/05/23現在、https://ja.wordpress.org/plugins/　で「advanced-nocaptcha-recaptcha」という名前で見つかります。
<br>
<br>WordPressバージョン：6.2、最終更新日：2週間前、有効インストール数：200,000+ という情報があります。
<br>
<br>しかし、他に紹介してもらったプラグインは検証済WordPressバージョンが5.7.3や5.8.2など古いものばかりです。
<br>2023/05/23現在では検証済WordPressバージョン：6.2.2のプラグインも多くあります。
<br>
最新の情報で再度調べてください。
<br>&#8220;`
</p>



<h4 class="wp-block-heading"><span id="toc17">評価⑤</span></h4>



<p>なんと、Copilotから、「<strong>このテキストは以下のように書き換えることができます</strong>」と、内容を変えたものだけが回答として返されました。<br>人間の会話で言うところの、「質問に質問で返す」・・・・とういか、<br>「なんとも、人間的な対応です。」<br>「まるで、質問した内容はこの様なことでしょうか？」と問い返してきました。</p>



<p>そうであるならと、この内容をそのまま「執筆分野」にコピペして質問してみます。</p>



<h4 class="wp-block-heading"><span id="toc18">執筆分野6</span></h4>



<p>そのままコピペ</p>



<p class="bg-light text-dark">
	「Invisible reCAPTCHA for WordPress」はphp8の環境に対応していないという噂がありますが、これは事実ですか？
<br>もしそうなら、その理由や原因を教えてください。また、代わりに使えるプラグインをおすすめ順に5つ挙げてください。
<br>
<br>その中の1つ、「CAPTCHA 4WP」について詳しく知りたいのですが、
<br>
<br>このプラグインは2023/05/23現在、https://ja.wordpress.org/plugins/　で「advanced-nocaptcha-recaptcha」という名前で見つかります。
<br>
<br>WordPressバージョン：6.2、最終更新日：2週間前、有効インストール数：200,000+ という情報があります。
<br>
<br>しかし、他に紹介してもらったプラグインは検証済WordPressバージョンが5.7.3や5.8.2など古いものばかりです。
<br>2023/05/23現在では検証済WordPressバージョン：6.2.2のプラグインも多くあります。
<br>
最新の情報で再度調べてください。
</p>



<h4 class="wp-block-heading"><span id="toc19">Copilotの回答6</span></h4>



<p class="bg-secondary">
「Invisible reCAPTCHA for WordPress」はphp8の環境に対応していないという噂がありますが、これは事実ですか？
<br>もしそうなら、その理由や原因を教えてください。また、代わりに使えるプラグインをおすすめ順に5つ挙げてください。
<br>
その中の1つ、「CAPTCHA 4WP」について詳しく知りたいのですが、
<br>
このプラグインは2023/05/23現在、https://ja.wordpress.org/plugins/　で「advanced-nocaptcha-recaptcha」という名前で見つかります。
<br>
WordPressバージョン：6.2、最終更新日：2週間前、有効インストール数：200,000+ という情報があります。
<br>
しかし、他に紹介してもらったプラグインは検証済WordPressバージョンが5.7.3や5.8.2など古いものばかりです。
<br>2023/05/23現在では検証済WordPressバージョン：6.2.2のプラグインも多くあります。
<br>
最新の情報で再度調べてください。<br>
&#8220;`<br>
というメッセージを受け取りました。
<br>
このメッセージに対して、以下のようなテキストを生成しました。
<br>
&#8220;`<br>
こんにちは。このメッセージにお答えします。
<br>
<br>&#8211; 「Invisible reCAPTCHA for WordPress」はphp8の環境に対応していないという噂は事実ではありません。
	<br>このプラグインはphp8でも動作することが開発者によって確認されています。
	<br>詳細はこちらの記事をご覧ください。
<br>	&#8211; php8に対応していないという噂が広まった理由や原因は、以下の可能性が考えられます。
<br>	&#8211; php8のリリース直後に一時的な不具合が発生したことで誤解された。
<br>	&#8211; php8と互換性のない他のプラグインやテーマと組み合わせたことで問題が起きた。
<br>	&#8211; php8の設定や環境によって動作が異なる場合がある。
<br><br>&#8211; 「Invisible reCAPTCHA for WordPress」以外にもphp8に対応しているreCAPTCHAプラグインは多数あります。
<br>	おすすめ順に5つ挙げると、以下のようになります。
<br>	
<br>&#8211; 「Google Captcha (reCAPTCHA) by BestWebSoft」
<br>&#8211; 「Login No Captcha reCAPTCHA」
<br>&#8211; 「Advanced noCaptcha &amp; invisible Captcha (v2 &amp; v3)」
<br>&#8211; 「Really Simple CAPTCHA」
<br>&#8211; 「WPBruiser {no- Captcha anti-Spam}」
<br>
<br>&#8211; 「CAPTCHA 4WP」について詳しく知りたいということですが、
<br>	このプラグインは「advanced-nocaptcha-recaptcha」という名前で見つかるのは正しいです。
<br>	しかし、このプラグインは2021年12月に開発者が変わり、名称や機能も変更されました。
<br>	現在の最新バージョンは1.0.0で、　
<br>	WordPressバージョン6.2.2でも動作することが確認されています。
<br>
<br>	詳細はこちらのページをご覧ください。
<br>&#8211; 他に紹介したプラグインは検証済WordPressバージョンが古いものばかりだということですが、
<br>	これは必ずしも問題ではありません。
<br>	検証済WordPressバージョンは開発者がテストした最新のバージョンを示すものであり、それ以降のバージョンでも動作する可能性が高いです。
<br>	もちろん、不具合や互換性の問題が発生する場合もありますので、注意して使用する必要があります。
<br>	また、開発者からのサポートやアップデートを受けられるかどうかも重要な要素です。
<br>	評価やレビューなどを参考にして、自分のニーズに合ったプラグインを選択することをおすすめします。
<br>

&#8220;`</p>



<h4 class="wp-block-heading"><span id="toc20">評価⑥</span></h4>



<p>① 「Google Captcha (reCAPTCHA) by BestWebSoft」<br>② 「Login No Captcha reCAPTCHA」<br>③ 「Advanced noCaptcha &amp; invisible Captcha (v2 &amp; v3)」<br>④ 「Really Simple CAPTCHA」<br>⑤ 「WPBruiser {no- Captcha anti-Spam}」<br>とお勧めのプラグインが変わりました。<br>しかも、詳細は省かれています。<br>&#8211; 「CAPTCHA 4WP」について言及があり、<br>このプラグインは「advanced-nocaptcha-recaptcha」という名前で見つかるのは正しいです。<br>このプラグインは2021年12月に開発者が変わり、名称や機能も変更されました。<br>現在の最新バージョンは<span class="bold-red">1.0.0</span>で、　&#x27a1;<span class="marker-under-blue">これは誤りで「<strong>7.2.1</strong>」と公式サイトにあります。</span><br>WordPressバージョン6.2.2でも動作することが確認されています。　&#x27a1;<span class="marker-under-blue">確かに他でも確認（Cocoonフォーラムユーザ）されていますが</span>、</p>



<p><span class="marker-under">「詳細はこちらのページをご覧ください。」の<strong>ページが示されていません。</strong></span></p>



<h4 class="wp-block-heading"><span id="toc21">執筆分野7</span></h4>



<p class="bg-light text-dark">
	「詳細はこちらのページをご覧ください。」のページが示されていなかったので
<br>	
<br>	プレビュー内の　<span style="font-size: 2em;color: blue;" class="rotate_90"><i class="bi bi-arrow-repeat"></i></span>　[下書きを再生成]をクリック　しました。
</p>



<h4 class="wp-block-heading"><span id="toc22">Copilotの回答7</span></h4>



<p class="bg-secondary">
&#8220;`
<br>こんにちは。このメッセージにお答えします。
<br>
<br>&#8211; 「Invisible reCAPTCHA for WordPress」はphp8の環境に対応していないという噂は事実ではありません。
<br>　このプラグインはphp8でも動作することが開発者によって確認されています。
<br>　詳細は[こちらの記事](https://wordpress.org/support/topic/php-8-compatibility-32/)をご覧ください。
<br>
<br>&#8211; php8に対応していないという噂が広まった理由や原因は、以下の可能性が考えられます。
<br>  &#8211; php8のリリース直後に一時的な不具合が発生したことで誤解された。
<br>  &#8211; php8と互換性のない他のプラグインやテーマと組み合わせたことで問題が起きた。
<br>  &#8211; php8の設定や環境によって動作が異なる場合がある。
<br>
<br>&#8211; 「Invisible reCAPTCHA for WordPress」以外にもphp8に対応しているreCAPTCHAプラグインは多数あります。
<br>　　https://wordpress.org/plugins/invisible-recaptcha/
<br>　　Version:1.2.3 Last updated:3 years ago Active installations:100,000+  Tested up to:5.4.13  
<br>
<br>おすすめ順に5つ挙げると、以下のようになります。
<br>
<br>&#8211; [Google Captcha (reCAPTCHA) by BestWebSoft]
<br>	　https://wordpress.org/plugins/google-captcha/
<br>　　Version:1.71 Last updated:3 weeks ago Active installations:200,000+  Tested up to:6.2.2　
<br>
<br>&#8211; [Login No Captcha reCAPTCHA]
<br>	　https://wordpress.org/plugins/login-recaptcha/
<br>　　Version:1.7.1 Last updated:4 months ago Active installations:90,000+  Tested up to:6.1.3
<br>
<br>&#8211; [Advanced noCaptcha &amp; invisible Captcha (v2 &amp; v3)]
<br>	　https://wordpress.org/plugins/advanced-nocaptcha-recaptcha/
<br>　　Version:7.2.1 Last updated:2 weeks ago Active installations:200,000+  Tested up to:6.2.0 PHP Version:7.2 or higher　
<br>
<br>&#8211; [Really Simple CAPTCHA]
<br>	　https://wordpress.org/plugins/really-simple-captcha/
<br>　　Version:2.2 Last updated:6 hours ago Active installations:500,000+  Tested up to:6.2.2 PHP Version:7.4 or higher　
<br>
<br>&#8211; [WPBruiser {no- Captcha anti-Spam}]
<br> 	　https://wordpress.org/plugins/goodbye-captcha/
<br>　　Version:3.1.43 Last updated:3 years ago Active installations:30,000+  Tested up to:5.5.12
<br>
<br>&#8211; 「CAPTCHA 4WP」について詳しく知りたいということですが、
<br>このプラグインは「advanced-nocaptcha-recaptcha」という名前で見つかるのは正しいです。
<br>しかし、このプラグインは2021年12月に開発者が変わり、名称や機能も変更されました。
<br>現在の最新バージョンは1.0.0で、WordPressバージョン6.2.2でも動作することが確認されています。
<br>詳細は[こちらのページ](https://wordpress.org/plugins/advanced-nocaptcha-recaptcha/)をご覧ください。
<br>&#8211; 他に紹介したプラグインは検証済WordPressバージョンが古いものばかりだということですが、これは必ずしも問題ではありません。
<br>検証済WordPressバージョンは開発者がテストした最新のバージョンを示すものであり、それ以降のバージョンでも動作する可能性が高いです。
<br>もちろん、不具合や互換性の問題が発生する場合もありますので、注意して使用する必要があります。
<br>また、開発者からのサポートやアップデートを受けられるかどうかも重要な要素です。
<br>評価やレビューなどを参考にして、自分のニーズに合ったプラグインを選択することをおすすめします。
</p>



<h4 class="wp-block-heading"><span id="toc23">評価⑦</span></h4>



<p>やっと、というか、ほぼ最終結論に近いものが得られた様に思います。</p>



<p>「Invisible reCAPTCHA for WordPress」以外にもphp8に対応している・・・ここは対応しているに変わった？様です。</p>



<p>示された参照先URLは海外のものであるが、内容も同じであることを確認しました。<br>wordpress.orgをja.wordpress.orgにすると日本の公式サイトにつながります。</p>



<p><br>４番目の[Really Simple CAPTCHA]は、検証済みWordPressバージョンが6.2.2で、有効インストール数が50万超、作者が日本人
	<br><img decoding="async" src="https://xn--ecka7j.biz/wp-content/uploads/2023/05/reCAPTCHA01-4_ReallySimpleCAPTCHA.jpg" alt="" width="466">
	<br>で、代替プラグイン候補の１番に上げたいところですが、
	<br>詳細を確認してみると、
	<br>「但し、単体では動作しません。他のプラグインから呼び出されることで動作します。当初は Contact Form 7 プラグインのために作成されたものですが、独自に作成した他のプラグインからも利用できます。」
	<br>となっていて筆者の用途には合わないことがわかりました。
</p>

<hr>



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



<h3 class="wp-block-heading"><span id="toc25">Copilotの情報を参考に</span></h3>



<div class="wp-block-group is-style-information-box is-layout-constrained wp-block-group-is-layout-constrained">
<p><strong>Copilot</strong>からは、ある程度の有効な情報が得られた、ただCopilotから入手した情報だけだと不足を感じて何度もやり直したり、やり直すにあたって、</p>



<ul class="wp-block-list">
<li>こちらから新たな情報（既知の情報など）を付加して質問したり、</li>



<li>今回の場合は、WordPress.org/pluginで<strong>既に得ていたた情報を追加して念押し</strong>したり、と、</li>



<li>単純な質問だけでは充分な答え（同じ内容で質問しても都度回答）の内容が異なったり、</li>



<li>中には前後で矛盾した内容も見受けられた）り</li>



<li>信用のおける情報と言う程には遠いものであったり<strong>も</strong>した。</li>



<li>しかし<strong><span class="marker-blue">要点を掴んで、適切に質問すれば有効な回答を得ることができる</span></strong>。</li>
</ul>
</div>



<div class="wp-block-group is-style-question-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>肝心なことは、「質問する側からもある程度の情報を用意しておくことと、質問内容の組み立て方をしっかりとしておくこと」が肝要であること・考慮しておく必要があるということだろうと思います。。<br>以下に得られた情報に別途仕入れた情報や既に持っていた情報を付加して、今後「Invisible reCAPTCHA for WordPress」の入替の為にテーブル形式でまとめておくことにしました。</p>
</div>



<h3 class="wp-block-heading"><span id="toc26">一覧</span></h3>



<p id="reCAPTCHA_Plugin" class="c_wi"><i class="bi bi-plugin fa fa-spin fa-2x"></i> <b>reCAPTCHA_Plugin</b></p>



<div class="wp-block-group is-style-information-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>以下の内容は、WordPress.orgの検索時点での内容です。最新のバージョン(更新内容は、各プラグインの名称クリックから確認できます。)</p>
</div>



<figure class="wp-block-table">
　<div class="scrollable-table stfc-sticky"><table class="eg1" style="border-collapse: collapse; border-color: red" border="3"> 
<caption class="tal">ja.wordpress.org/plugins/確認日:<b>23/05/24</b>　Plugin欄は加筆を含みます。
<br>#のNo重複は回答都度、提示順とPluginが変わったためです。(1件だけ過去の問い合わせ結果を追加しています。)
<br>Pluginまたは、<b> icon</b>　のクリックで pluginの最新状態を確認できます。
<br>　<i class="fas fa-space-shuttle faa-passing animated c_lime"></i>　2023/09/06 プラグイン最新状況を確認 ＆ 更新
</caption>	
<thead><tr><th>＃</th><th scope="col" class="bc_37">reCAPTCHA Plugin</th><th scope="col" class="c_aqua">icon</th><th scope="col" class="c_aqua2">内容</th></tr></thead>
<tbody>
<tr><td>00</td><td>
	「<a rel="noopener" href="https://ja.wordpress.org/plugins/invisible-recaptcha/" target="_blank" class="c_wi"><b>Invisible reCAPTCHA <br>for WordPress</b>
	</a>」
	<br>
	<br>検証済WP_Ver:<span class="c_26"> 5.4.13</span> <i class="bi bi-clock-history"></i> 
	<br>最終更新日:<span class="c_26"> <b>3年前</b></span> <i class="bi bi-arrow-repeat fa fa-spin fa-lg c_red"></i> 20/04/08
	<br>Install数:100,000+ 
	
　</td><td>
	<a rel="noopener" href="https://ja.wordpress.org/plugins/invisible-recaptcha/" target="_blank">
		<img decoding="async" src="https://xn--ecka7j.biz/wp-content/uploads/2023/05/icon0-Invisible_reCAPTCHA_for_WordPress.jpg" alt="" width="140px">
	</a>
　</td><td>現状、
	<br>php7.4.33、WordPress6.1.3環境で動作中
	<br>当Pluginは、3年以上メンテナンスされておらず、
	<br>当Pluginの代替pluginを探す必要がある状況
	<br>（模索中）そこでCopilotに、
	<br>問い合わせ、代替Pluginの候補を挙げて貰った。　
　</td>
</tr>
<tr><td>01<br>04</td><td>「Google Captcha (reCAPTCHA) <br>by BestWebSoft」
	<br>別名<br>「
	<a rel="noopener" href="https://ja.wordpress.org/plugins/google-captcha/" target="_blank" class="c_wi"><b>reCaptcha by BestWebSoft</b>
	</a>」
	<br>
	<br>検証済WP_Ver:<span class="c_wi"><b>6.3.1</b></span> <i class="bi bi-brightness-high-fill fa fa-spin fa-2x c_yellow"></i>
	　<i class="bi bi-1-circle-fill"></i>
	<br>最終更新日:23/08/20週
	<br>Install数:200,000+ 
	
　</td><td>
	<a rel="noopener" href="https://ja.wordpress.org/plugins/google-captcha/" target="_blank">
		<img decoding="async" src="https://xn--ecka7j.biz/wp-content/uploads/2023/05/icon2-ReallySimpleCAPTCHA.gif" alt="" width="140px">
	</a>
　</td><td>&#8211; Google reCAPTCHA v2とv3に対応
	<br>&#8211; ログイン、登録、<b>コメント</b>、
	<br>　お問い合わせフォームなどに適用できます。
	<br>&#8211; 無料版と有料版があります。
	<br>（php8にも対応しています。）
	<br>-reCAPTCHA v2やv3だけでなく、
	<br>　noCaptchaも利用できる
	<br>※.他のセキュリティプラグインと競合する
	<br>　可能性、互換性にも注意が必要です。
	<br>　多くのテーマやプラグインとの互換性が高い。

　</td>
</tr>
<tr><td>02<br>03</td><td>「
	<a rel="noopener" href="https://ja.wordpress.org/plugins/advanced-nocaptcha-recaptcha/" target="_blank" class="c_wi"><b>CAPTCHA 4WP</b>
	</a>」
	<br>[旧名]・別名
	<br>「Advanced noCaptcha <br>&amp; invisible Captcha」
	<br>
	<br>検証済WP_Ver:6.2.2 <i class="bi bi-brightness-high fa fa-spin fa-lg c_yellow"></i>
	　<i class="bi bi-2-circle"></i>
	<br>最終更新日:23/08/16週
	<br>Install数:200,000+ 
	
　</td><td>
	<a rel="noopener" href="https://ja.wordpress.org/plugins/advanced-nocaptcha-recaptcha/" target="_blank">
		<img decoding="async" src="https://xn--ecka7j.biz/wp-content/uploads/2023/05/icon3-CAPTCHA4WP.jpg" alt="" width="140px">
	</a>
　</td><td>&#8211; Google reCAPTCHA v2とv3に対応
	<br>&#8211; ログイン、登録、<b>コメント</b>、
	<br>　お問い合わせフォームなどに適用できます。
	<br>&#8211; 複数のreCAPTCHAを同じページに表示でき、
	<br>（php8にも対応しています。）
	<br>※.CAPTCHAの画像が読みにくい場合があります。
	<br>　ユーザにとっては手間がかかる場合もあります。
	<br>　画像認証はユーザにとって負担になる場合も、
	<br>　これは、他のreCAPTCHAプラグインも同じ
　</td>
</tr>
<tr><td>03<br>02</td><td>
	「<a rel="noopener" href="https://ja.wordpress.org/plugins/login-recaptcha/" target="_blank" class="c_wi"><b>Login No Captcha <br>reCAPTCHA</b>
	</a>」
　<br>
  <br>検証済WP_Ver:6.1.3  <i class="bi bi-brightness-low fa fa-spin fa-lg"></i>
  
　<br>最終更新日:8か月前 
  <br>Install数:90,000+ 
  <br><b>ログインフォームにのみ適用</b>　<i class="bi bi-arrow-down-circle-fill"></i>
　</td><td>
	<a rel="noopener" href="https://ja.wordpress.org/plugins/login-recaptcha/" target="_blank">
		<img decoding="async" src="https://xn--ecka7j.biz/wp-content/uploads/2023/05/icon8-Login_No_Captcha_reCAPTCHA.jpg" alt="" width="140px">
	</a>
　</td><td>&#8211; Google reCAPTCHA v2に対応
	<br>&#8211;<span class="c_26"> <b>ログインフォームにのみ適用</b>でき</span>ます。
	<br>&#8211; 簡単に設定できます。
	<br>&#8211; 無料で利用できます。
	<br>（php8にも対応しています。）
	<br>※.ログインページだけに絞って
	<br>　reCAPTCHA v2を利用したい場合に便利。
	<br>　コメントや
	<br>　お問い合わせフォームなどに適用する場合は、
	<br>　別のプラグインと併用する必要があります。	
　</td>
</tr>
<tr><td>04<br>05</td><td>
	「<a rel="noopener" href="https://ja.wordpress.org/plugins/goodbye-captcha/" target="_blank" class="c_wi"><b>WPBruiser <br>{no- Captcha anti-Spam}</b>
	</a>」
　<br>別名「WPBruiser」
　<br>
  <br>検証済WP_Ver:<span class="c_26"> 5.5.12</span> <i class="bi bi-clock-history"></i>
　<br>最終更新日:<span class="c_26"> <b>3年前</b></span>  <i class="bi bi-arrow-repeat fa fa-spin fa-lg c_red"></i> 20/01/29
  <br>Install数:30,000+ 
  
　</td><td>
	<a rel="noopener" href="https://ja.wordpress.org/plugins/goodbye-captcha/" target="_blank">
		<img decoding="async" src="https://xn--ecka7j.biz/wp-content/uploads/2023/05/icon9-WPBruiser-no-Captcha-anti-Spam.jpg" alt="" width="140px">
	</a>
　</td>
 <td>&#8211; Google reCAPTCHAを使用しない。
	<br>&#8211; ログイン、登録、<b>コメント</b>、
	<br>　お問い合わせフォームなどに適用できます。
	<br>&#8211; スパムボットを自動的に検出してブロック。
	<br>&#8211; 無料版と有料版があります。
	<br>（php8にも対応しています。）
	<br>※.最終更新日が３年前で、
	<br>　検証済WPバージョンが古い状態です。
　</td>
</tr>
<tr><td>05</td><td>
	「<a rel="noopener" href="https://ja.wordpress.org/plugins/wpforms-lite/" target="_blank" class="c_wi"><b>WPForms</b>
	</a>」
	<br>別名「Contact Form 
	<br>by WPForms – Drag &amp; Drop 
	<br>Form Builder for WordPress」
	<br>
	<br>検証済WP_Ver:<span class="c_wi"><b>6.3.1</b></span> <i class="bi bi-brightness-high-fill fa fa-spin fa-2x c_orange"></i>
	　<i class="bi bi-3-circle"></i>
	<br>最終更新日:23/08/09週
	<br>Install数:5百万以上 
	
　</td><td>
	<a rel="noopener" href="https://ja.wordpress.org/plugins/wpforms-lite/" target="_blank">
		<img decoding="async" src="https://xn--ecka7j.biz/wp-content/uploads/2023/05/icon9-WPForms.jpg" alt="" width="140px">
	</a>
　</td><td>&#8211; Google reCAPTCHA v2とv3に対応
	<br>&#8211; ドラッグアンドドロップで
	<br>　お問い合わせフォームを作成できます。
	<br>&#8211; スパム対策だけでなく、
	<br>　メールマーケティングや支払い機能なども備え、
	<br>&#8211; 無料版（Link先）と有料版があります。
	<br>（php8にも対応しています。）
	<br>※.他のフォーム作成プラグインと比べて、
	<br>　カスタマイズ性やセキュリティ面で劣る可能性。
	<br>　他のプラグインの数が多くなると、
	<br>　サイトの速度や安定性に影響を与える恐れ。
	<br>　無料版では自動応答メールや
	<br>　条件分岐などの機能が使えません 。
　</td>
</tr>


<tr><td>04</td><td>
	「<a rel="noopener" href="https://ja.wordpress.org/plugins/really-simple-captcha/" target="_blank" class="c_wi"><b>Really Simple <br>CAPTCHA</b>
	</a>」
	<br>
	<br>検証済WP_Ver:<span class="c_wi"><b>6.2.2</b></span> <i class="bi bi-brightness-high-fill fa fa-spin fa-2x c_purple"></i>
	<br>最終更新日:４か月前　
	<br>Install数:500,000+　
	<br><b>単体では動作しません</b>　<i class="bi bi-arrow-down-circle-fill"></i>
　</td><td>
	<a rel="noopener" href="https://ja.wordpress.org/plugins/really-simple-captcha/" target="_blank">
		<img decoding="async" src="https://xn--ecka7j.biz/wp-content/uploads/2023/05/icon1-ReallySimpleCAPTCHA.jpg" alt="" width="140px">
	</a>
　</td><td>&#8211; 但し、<span class="c_21"><b>単体では動作しません。</b></span>
	<br>他のプラグインから呼び出されることで動作。
	<br>当初は「Contact Form 7」の為に
	<br>作成されたものですが、
	<br>独自に作成した他のプラグインからも利用できます。
	<br>（<span class="c_wi">筆者の場合</span>「Contact Form 7」等の
	<br>問い合わせフォームプラグインを使用せず、
	<br><a rel="noopener" href="https://www.a-itc.info/contact" target="_blank" class="c_wi"><b>問い合わせはConcreteCMSから利用している</b>
	</a>為、
	<br>かつ「<b>単体では動作しません</b>」とのことで、
	<br>コメント入力時などの代替候補にはなりません）
　</td>
</tr>


<tr><td>08</td><td>
	「<a rel="noopener" href="https://ja.wordpress.org/plugins/advanced-google-recaptcha/" target="_blank" class="c_wi"><b>Advanced<br>Google reCAPTCHA</b>
	</a>」
	<br>
	<br>検証済WP_Ver:<span class="c_wi"><b>6.3.1</b></span> <i class="bi bi-brightness-high-fill fa fa-spin fa-2x c_yellow"></i>
	<br>最終更新日:23/08/09週
	<br>Install数:40,000+　
	

　</td><td>
	<a rel="noopener" href="https://ja.wordpress.org/plugins/advanced-google-recaptcha/" target="_blank">
		<img decoding="async" src="https://xn--ecka7j.biz/wp-content/uploads/2023/05/Advanced-Google-reCAPTCHA.jpg" alt="" width="140px">
	</a>
　</td><td>
	<br>コメントフォームやログインフォームなどに
	<br>Google reCAPTCHAを追加できる
	<br><b>コメント</b>スパムや総当たり攻撃からサイトを保護
	<br>
	<br>※.デメリット
	<br>プラグインの互換性や安定性に問題がある場合があります。
	<br>ユーザーにとっては、認証を行う手間が増えます。
　</td>
</tr>




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



<h2 class="wp-block-heading"><span id="toc27">更新</span></h2>



<div class="wp-block-group is-style-information-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>追記：2024/07/30時点での各代替Pluginの検証済WP_Verは、以下。<br>「<a rel="noopener" href="https://ja.wordpress.org/plugins/google-captcha/" target="_blank"><span class="marker-under-blue"><strong>reCaptcha by BestWebSoft</strong> </span></a>」 Install数: 200,000+ <span class="marker-under-blue"> <span class="bold-blue">6.6.1</span></span>  <br>「<a rel="noopener" href="https://ja.wordpress.org/plugins/advanced-nocaptcha-recaptcha/" target="_blank"><strong>CAPTCHA 4WP</strong> </a>」<strong> </strong>Install数: 100,000+  <strong>6.5.5</strong><br>「<a rel="noopener" href="https://ja.wordpress.org/plugins/login-recaptcha/" target="_blank"><strong>Login No Captcha reCAPTCHA</strong> </a>」Install数: 80,000+  <span class="bold-red">6.4.5</span><br>「<a rel="noopener" href="https://ja.wordpress.org/plugins/goodbye-captcha/" target="_blank"><strong>WPBruiser{no- Captcha anti-Spam}</strong> </a>」 Install数: 20,000+ <span class="bold-red"><span class="marker-under"> 5.5.15</span></span><br>「<a rel="noopener" href="https://ja.wordpress.org/plugins/wpforms-lite/" target="_blank"><span class="marker-under-blue"><strong>WPForms</strong> </span></a>」 Install数: 6百万以上<strong> <span class="bold-blue"><span class="marker-under-blue"> 6.6.1</span></span></strong><br>「<a rel="noopener" href="https://ja.wordpress.org/plugins/really-simple-captcha/" target="_blank"><strong>Really SimpleCAPTCHA</strong> </a>」 <strong> </strong>Install数: 400,000+  <strong>6.5.5</strong><br>「<a rel="noopener" href="https://ja.wordpress.org/plugins/advanced-google-recaptcha/" target="_blank"><span class="marker-under-blue"><strong>Advanced Google reCAPTCHA</strong> </span></a>」 <strong> </strong>Install数: 100,000+<strong> <span class="bold-blue"><span class="marker-under-blue"> 6.6.1</span></span></strong></p>
</div>



<!--前回の記事ではHTMLブロックに以下を追加している。（下の２つは記事に必要）-->
<!--link href="https://xn--ecka7j.biz/wp-content/uploads/j_css/css5.css" rel="stylesheet"-->
<!--アニメーションとして使う場合--追加のアニメーション.cssを--CDN 経由で読み込む -->
<!--link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome-animation/0.2.1/font-awesome-animation.min.css" rel="stylesheet"--><!---->
<!--link href="https://xn--ecka7j.biz/wp-content/uploads/j_css/bootstrap_sel1.css" rel="stylesheet"-->
<!--link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.0/font/bootstrap-icons.css" rel="stylesheet"-->
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>生成AI：Copilot（GPT-4）に .cssデザインの改善を尋ねてみた（無料）</title>
		<link>https://xn--ecka7j.biz/toolboox/chatgpt/7147/</link>
		
		<dc:creator><![CDATA[Jun-N]]></dc:creator>
		<pubDate>Sat, 13 May 2023 09:28:05 +0000</pubDate>
				<category><![CDATA[生成AI]]></category>
		<category><![CDATA[AI Tool]]></category>
		<category><![CDATA[Copilot]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Edge Copilot]]></category>
		<category><![CDATA[GPT-4]]></category>
		<category><![CDATA[ツール]]></category>
		<category><![CDATA[ホームページ制作]]></category>
		<guid isPermaLink="false">https://xn--ecka7j.biz/?p=7147</guid>

					<description><![CDATA[.cssデザインの改善を聞いてみて分かったこと　.1 ※．ここと、他の記事で&#8221;ChatGPT&#8220;と書いているものは、正式には（GPT-4搭載したマイクロソフトEdge「Copilot」です。） 　今 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-group is-style-information-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>.cssデザインの改善を聞いてみて分かったこと　.1</p>



<p><span class="bold-red"><span class="badge-red">※．</span></span><span class="marker-under"><span class="marker">ここと、他の記事で&#8221;<strong>ChatGPT</strong>&#8220;と書いているものは、正式には（<strong>GPT-4搭載したマイクロソフトEdge「Copilot」</strong>です。）</span></span></p>



<p>　今回の場合、提供された回答（スケルトン）を少し修正・変更するだけで、実用になる（使える）ものを入手することができました。</p>



<p>以下に、操作方法も含め「執筆分野」に対する</p>



<ul class="wp-block-list">
<li>　「回答」</li>



<li>　提示された「Codeを表示」</li>



<li>　提示されたCodeでの実行結果</li>



<li>　Codeの変更後の表示</li>
</ul>



<p>　など、<br>「現状」を、お伝えできたらと、想って（思って）います。</p>



<p>※.アイコンは、<strong>Bootstrap</strong> および <strong>FontAwesome5</strong> のアイコンをそのまま（又は編集して）使用しています。実際のアイコンとの相違はご了承ください。<br><br>この記事は、<strong>Edge</strong>から、<strong>Copilot</strong>を使用して得た情報を元にして編集した（書いた）ものです。</p>
</div>



<p><span class="badge-red"><strong>追記</strong></span>23/06/03：Copilotの利用制限　<br>&#x27a1;　両方のCopilotに聞いてみた「<a href="#copilot2"><span class="bold"><span class="marker-under-blue">Copilotの利用制限事項はありますか？</span></span></a>」</p>




  <div id="toc" class="toc tnt-none toc-center tnt-none border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-6" checked><label class="toc-title" for="toc-checkbox-6">目次</label>
    <div class="toc-content">
    <ul class="toc-list open"><li><a href="#toc1" tabindex="0">起動</a></li><li><a href="#toc2" tabindex="0">執筆～回答</a><ul><li><a href="#toc3" tabindex="0">参照先（元）のCube</a></li><li><a href="#toc4" tabindex="0">回答</a><ul><li><a href="#toc5" tabindex="0">回答にあったCubeを表示</a></li></ul></li></ul></li><li><a href="#toc6" tabindex="0">改善</a><ul><li><a href="#toc7" tabindex="0">回答Cubeを少し改造・改善</a></li></ul></li><li><a href="#toc8" tabindex="0">まとめ</a></li><li><a href="#toc9" tabindex="0">Copilotに聞いてみた（２）</a></li><li><a href="#toc10" tabindex="0">EdgeのChatとCopilotの両方で聞いてみた</a><ul><li><a href="#toc11" tabindex="0">Copilotの利用制限事項？</a><ul><li><a href="#toc12" tabindex="0">Chatで聞いてみる</a></li><li><a href="#toc13" tabindex="0">Copilotで聞いてみる</a></li><li><a href="#toc14" tabindex="0">聞いてみてわかったこと</a></li></ul></li></ul></li></ul>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">起動</span></h2>



<p><i class="fab fa-edge" style="color:aqua;font-size: 30px;"></i> Edgeを起動
<br>Edgeの右上にある<span class="fa-stack fa-lg sb_icon">
	<i class="far fa-comment fa-stack-2x"></i>
	<i class="fa-stack-1x">b</i>
</span> をクリックすると、
<br><span class="tar">右ペインに
<img decoding="async" src="https://xn--ecka7j.biz/wp-content/uploads/2023/05/ChatGPT_23-05-11.jpg" alt="ChatGPT" width="400">が表示されます。</span>
<br>※．これが「<b>Copilot</b>」です。正式には（<b>GPT-4搭載したマイクロソフトEdge「Copilot」</b>です。）
<br>
<br><i class="bi bi-chat-text sb_icon"></i> チャット の隣の　<i class="bi bi-pencil-square sb_icon"></i> 作成アイコンをクリックして起動します。
</p>
<hr>



<h2 class="wp-block-heading"><span id="toc2">執筆～回答</span></h2>



<p>「<span class="bg-light text-dark">執筆分野</span>」に、以下の内容を記入して。</p>
	<p class="bg-light text-dark">以下の私のサイトの、回転するCubeのコードを参考にして、
	<br>　より良いコーディングを示してください。
	<br>
	<br>・ 参考するサイトのURLは以下です。
	<br>　	<b>https://xn--ecka7j.biz/ </b>
	<br>
	<br>・ 但し、.jsは使用しないで、.cssだけで実現する方法でお願いします。
	<br>　（私のサイトでも.jsは使用していません。）	</p>
<p>執筆分野に記入以降の操作</p>
<p>各セクションの「<span class="bg-primary">ボタン</span>」色が、選択したボタン操作です。</p>
<p><i class="bi bi-person w_icon"><sup><i class="bi bi-broadcast" style="font-size:0.5rem;"></i></sup></i> トーン
<br>
<span class="bg-primary">プロフェッショナル</span>　
<span class="bg-secondary">カジュアル</span>　
<span class="bg-secondary">熱狂的</span>
<br>
<span class="bg-secondary">ニュース</span>　
<span class="bg-secondary">面白い</span>
<br><br>
<i class="bi bi-card-text w_icon"></i>　形式
<br>
<button type="button" class="btn btn-primary">
<i class="bi bi-justify-left w_icon"><br>段落</i></button>　
<button type="button" class="btn btn-secondary">
<i class="bi bi-envelope w_icon"><br>メール</i></button>　
<button type="button" class="btn btn-secondary">
<i class="bi bi-file-richtext w_icon"><br>ブログの投稿</i></button>　
<button type="button" class="btn btn-secondary">
<i class="bi bi-list-ul w_icon"><br>アイデア</i></button>
<br><br>
<i class="bi bi-justify-left w_icon"></i> 長さ
<br>
<span class="bg-secondary">短い</span>　
<span class="bg-secondary">中</span>　
<span class="bg-primary">長い</span>
</p>
<p>執筆分野に<b>ある程度の文字数</b>を入力すると、</p>
<p>「<span class="bg-secondary">　　下書きの生成　　</span>」　が、
	<br>「<span class="bg-primary">　　下書きの生成　　</span>」　に変わり、クリックできる様になります。</p>
<p class="tac">「<span class="bg-primary">　　下書きの生成　　</span>」 をクリック</p>
<p class="tac"><img decoding="async" src="https://xn--ecka7j.biz/wp-content/uploads/2023/05/ChatGPT_23-05-12.jpg" alt="ChatGPT" width="400">
</p>
<p>処理進行中（途中）は、「<span class="bg-secondary">　　下書きの生成　　</span>」　に戻ります。</p>
<p>プレビュー内に回答が、かえって来はじめます。</p>
<p class="tac">「<span class="bg-secondary">　　下書きの生成　　</span>」</p>
<p class="tac">が</p>
<p class="tac">「<span class="bg-primary">　　下書きの生成　　</span>」</p>
<p class="tac">になったら</p>
<p>プレビュー内の下側の<i class="bi bi-files w_icon rotate_180"></i> アイコンクリックで、クリップボードにコピーされます</p>
<hr>



<h3 class="wp-block-heading"><span id="toc3">参照先（元）のCube</span></h3>



<p>改善の為に提示したCubeは、以下のものです。</p>



<div class="cube_container_j7"><div class="cube_big_j7"><div class="cube_face_j7"><p><a href="https://xn--ecka7j.biz/" target="_blank"><i class="fas fa-server"></i>.bizHome<br>トップページ</a></p></div><div class="cube_face_j7"><p><a href="https://xn--ecka7j.biz/category/toolboox/" target="_blank"><i class="fas fa-briefcase"></i> ToolBox<br>道具箱</a></p></div><div class="cube_face_j7"><p><a href="https://xn--ecka7j.biz/category/site-operation/" target="_blank"><i class="fas fa-sitemap"></i>Operation<br>運用</a></p></div><div class="cube_face_j7"><p><a href="https://xn--ecka7j.biz/category/plugin/" target="_blank"><i class="fas fa-plug"></i> Plugin<br>プラグイン</a></p></div><div class="cube_face_j7"><p><a href="https://xn--ecka7j.biz/category/security/" target="_blank"><i class="fas fa-cog fa-spin s_none"></i>Security<br>セキュリティ</a></p></div><div class="cube_face_j7"><p><a rel="noopener" href="https://a-itc.info/" target="_blank"><i class="fas fa-laptop"></i> .info<br>スマホ最適</a></p></div></div></div>



<br><br>
<hr>



<h3 class="wp-block-heading"><span id="toc4">回答</span></h3>



<p class="bg-secondary">以下のコードは、CSSだけで回転するキューブを作成する方法です。参考にしたサイトのURLは <b>https://xn--ecka7j.biz/site-operation/design/3515/ </b> です。まず、HTMLでキューブの各面をdiv要素として定義します。クラス名は前、後、上、下、左、右とします。</p>



<code>
	&lt;div class="cube"&gt;
	<br>　&lt;div class="face"&gt;
	<br>　　&lt;div class="front"&gt;前&lt;/div&gt;
	<br>　　&lt;div class="back"&gt;後&lt;/div&gt;
	<br>　　&lt;div class="top"&gt;上&lt;/div&gt;
	<br>　　&lt;div class="bottom"&gt;下&lt;/div&gt;
	<br>　　&lt;div class="left"&gt;左&lt;/div&gt;
	<br>　　&lt;div class="right"&gt;右&lt;/div&gt;
	<br>　&lt;/div&gt;
	<br>&lt;/div&gt;
</code>



<p class="bg-secondary">次に、CSSでキューブのスタイルとアニメーションを設定します。キューブの親要素に perspective プロパティを指定して視点を設定し、 transform-style: preserve-3d を指定して子要素に3D変形を適用します。キューブの各面には transform プロパティを使って位置と角度を調整します。また、 border や background-color などで見た目を整えます。キューブの回転は animation プロパティと @keyframes ルールで定義します。以下はその例です。</p>



<code>
	.cube {position:absolute;top:100px;left:100px;font-size:70px;perspective:400px;}
	<br>.cube &gt; .face {position:relative;width:100px;height:100px;
	<br>　transform-style:preserve-3d; /* 子要素に3D変形を適用 */
	<br>　animation:rotate 10s linear infinite; /* 回転アニメーション */
	<br>}
	<br>.cube &gt; .face &gt; * {  position:absolute;　top:0;left:0;width:100%;height:100%;border:10px double silver;border-radius:20px;}
	<br>.cube &gt; .face &gt; .front {transform: translateZ(50px); /* 前面を手前に移動 */ }
	<br>.cube &gt; .face &gt; .back {transform: translateZ(-50px) rotateY(180deg); /* 後面を後方に移動して裏返す */ }
	<br>.cube &gt; .face &gt; .top {transform: translateY(-50px) rotateX(90deg); /* 上面を上に移動して上向きにする */ }
	<br>.cube &gt; .face &gt; .bottom {transform: translateY(50px) rotateX(-90deg); /* 下面を下に移動して下向きにする */ }
	<br>.cube &gt; .face &gt; .left {transform: translateX(-50px) rotateY(-90deg); /* 左面を左に移動して左向きにする */ }
	<br>.cube &gt; .face &gt; .right {transform: translateX(50px) rotateY(90deg); /* 右面を右に移動して右向きにする */ }
	<br>@keyframes rotate {from {transform: rotateX(0deg) rotateY(0deg); /* 初期状態 */ }
	<br>　to {transform: rotateX(360deg) rotateY(360deg); /* 最終状態 */ }
	}
</code>
<hr>



<h4 class="wp-block-heading"><span id="toc5">回答にあったCubeを表示</span></h4>



<p><u>正しい<b>Cube</b>に見えますか？</u>・・・
	<br>元々の記述にはなかった・・・　perspective:400px;視点が追加されています。
</p>



<div class="cube_2"><div class="face_2"><div class="front_2">前</div><div class="back_2">後</div><div class="top_2">上</div><div class="bottom_2">下</div><div class="left_2">左</div><div class="right_2">右</div></div></div>



<br><br><br>



<p class="bg-primary">　回答のHTMLと.cssから、複数のCubeを定位置に表示させる為に、
<br>　.cube {position:absolute;・・・・は、
<br>　.cube {position:relative;・・・に、表示位置調整の為変更しました。
<br>　.cube {
<br>　に、margin-left:100px; margin-bottom:120px;を追加しています。
<br>
<br>　<u>※．視点の位置： perspective:400px;　</u>
<br>
<br>　rotateは10秒です。
</p>
<hr>



<h2 class="wp-block-heading"><span id="toc6">改善</span></h2>



<h3 class="wp-block-heading"><span id="toc7">回答Cubeを少し改造・改善</span></h3>



<div class="cube_J">
 <div class="face_J">
  <div class="front tac" style="font-size:0.8em;background-color:rgba(0,255,255,0.765432);">
   <i class="bi bi-layout-text-window"></i>
  </div>
  <div class="back tac" style="font-size:0.8em;background-color:rgba(0,0,255,0.765432);">
   <i class="bi bi-tools"></i>
  </div>
  <div class="top tac" style="font-size:0.8em;background-color:rgba(255,0,0,0.765432);">
   <i class="bi bi-upc-scan"></i>
  </div>
  <div class="bottom tac" style="font-size:0.8em;background-color:rgba(0,128,0,0.765432);">
   <i class="bi bi-plugin fas fa-spin"></i>
  </div>
  <div class="left tac" style="font-size:0.8em;background-color:rgba(255,255,0,0.765432);">
   <i class="bi bi-gear-fill fas fa-spin s_none"></i>
  </div>
  <div class="right tac" style="font-size:0.8em;background-color:rgba(255,0,255,0.765432);">
   <i class="bi bi-laptop"></i>
  </div>
 </div>
</div>



<p class="bg-primary">　各Cubeの面に、background-color:rgba() で半透明カラーを指定。
<br>各Cobe面(face)の文字をBootstrapアイコンに置換えてセンタリング
<br>
<br>　<u>※．<b>改善</b>：視点の位置を、perspective:400px; から 
<br>  &#x27a1;  perspective:<b>800</b>px;　にしてみました。</u>
<br>   　
<br><b>参照元Cubeは&#8221;perspective&#8221;</b>を使っていません。
<br>
<br>　&#8221;bi bi-gear-fill&#8221; と &#8220;bi bi-plugin&#8221;　は、回転を付けています。
<br>
<br>　角丸、border-radius:20px;を、border-radius: 5px;に変更。
<br>
<br>　rotateを12秒に変更しています。<br>
</p>
<hr>



<h2 class="wp-block-heading"><span id="toc8">まとめ</span></h2>



<br>



<div class="wp-block-group is-style-question-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>今回の場合、提供された回答（スケルトン）を少し修正・変更するだけで、<br>実用になる（使える）ものを入手することができました。</p>



<p>ただ、今回の様に必ず旨く通用するもの入手できるか？というと、そうでもない様です。</p>



<p>肝心なことは、「執筆分野」に投稿する内容・質（適語表現であることも含め）・難易度だろうと思います。</p>



<p>また、技術的なものであった場合、保有するBigDataが最新のものでは無いため、</p>



<p>特に進化の早いIT関連技術では、最新の情報やテクニックは入手し辛いものになっている様です。</p>



<p>筆者が、別の切り口で「執筆分野」に投稿したものは、未だ有効な情報の入手が出来ないでいるのが現状です。</p>
</div>



<p id="copilot"><i class="bi bi-tools fa fa-2x fa-spin"></i> Copilot</p>



<h2 class="wp-block-heading"><span id="toc9">Copilotに聞いてみた（２）</span></h2>



<div class="wp-block-group is-style-information-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>Microsoft <strong>Copilot </strong>？</p>



<ul class="wp-block-list">
<li>Edgeから利用できる<strong>Copilot</strong>もGPT-4を使用しているようですが、<strong>ChatGPT</strong>とどこが違うのでしょうか？優位点を上げてください。</li>



<li>「マイクロソフトが開発した<strong>GPT-4</strong>ベース」と答えられましたが、<strong>OpenAI</strong>の「<strong>GPT-4</strong>」とは、どこが違うのでしょうか？</li>
</ul>
</div>



<div class="wp-block-group is-style-question-box is-layout-constrained wp-block-group-is-layout-constrained">
<p><strong>以下のような回答が考えられます。</strong></p>



<p>Edgeから利用できるCopilotは、マイクロソフトが開発したGPT-4ベースのAI機能です。<br>ChatGPTとは、OpenAIが開発したGPT-3ベースのチャットボットです。<br>CopilotとChatGPTの違いや優位点は以下の通りです。</p>



<ul class="wp-block-list">
<li>Copilotは、文章を執筆する機能や、検索や質問に答える機能など、多様な作業を支援することができます。<br>ChatGPTは、主に会話をすることに特化した機能です。</li>



<li>Copilotは、マイクロソフトの製品やサービスと連携して、より便利に使えます。<br>例えば、Edgeアプリから直接Copilotを呼び出したり、生成した文章をブログに追加したりできます。<br>ChatGPTは、Webサイトやアプリからアクセスする必要があります。</li>



<li>Copilotは、GPT-4をベースにしているため、より高度な文章生成や理解能力を持っています。<br>GPT-4は、GPT-3よりも約10倍のパラメーター数と約100倍のデータ量で学習されています。<br>ChatGPTは、GPT-3をベースにしているため、Copilotよりも劣る可能性があります。</li>
</ul>



<p><strong>マイクロソフトが開発したGPT-4ベースとOpenAIのGPT-4との違いは以下の通りです。</strong></p>



<ul class="wp-block-list">
<li>マイクロソフトが開発したGPT-4ベースは、OpenAIのGPT-4をライセンスして、マイクロソフト独自の改良や最適化を施したものです。<br>OpenAIのGPT-4は、オープンソースのAIプラットフォームです。</li>



<li>マイクロソフトが開発したGPT-4ベースは、マイクロソフトの製品やサービスに組み込まれています。<br>例えば、Microsoft 365 CopilotやEdge Copilotなどです。<br>OpenAIのGPT-4は、一般に公開されておらず、限られたパートナー企業や研究者にしかアクセスできません。</li>



<li>マイクロソフトが開発したGPT-4ベースは、マイクロソフトのビジョンや倫理観に沿って設計されています。例えば、安全性や公平性や透明性などに配慮しています。<br>OpenAIのGPT-4は、オープンなAIコミュニティによって開発されており、多様な視点や目的を持っています。</li>
</ul>
</div>



<p id="copilot2"><i class="bi bi-airplane-fill rotete_045 fa-2x"></i></p>



<h2 class="wp-block-heading"><span id="toc10">EdgeのChatとCopilotの両方で聞いてみた</span></h2>



<h3 class="wp-block-heading"><span id="toc11">Copilotの利用制限事項？</span></h3>



<div class="wp-block-group is-style-question-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>以下の画像は、Edgeの左側（画像のほぼ2/3）が<strong>Chat</strong>画面で、右側が<strong>Copilot</strong>の画面です。<br>今回は、ChatとCopilotに同じ質問をしてみた結果です。</p>
</div>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="764" src="https://xn--ecka7j.biz/wp-content/uploads/2023/06/Copilot2023-06-03-172246-800x764.jpg" alt="" class="wp-image-7537" srcset="https://xn--ecka7j.biz/wp-content/uploads/2023/06/Copilot2023-06-03-172246-800x764.jpg 800w, https://xn--ecka7j.biz/wp-content/uploads/2023/06/Copilot2023-06-03-172246-500x478.jpg 500w, https://xn--ecka7j.biz/wp-content/uploads/2023/06/Copilot2023-06-03-172246-300x287.jpg 300w, https://xn--ecka7j.biz/wp-content/uploads/2023/06/Copilot2023-06-03-172246-768x734.jpg 768w, https://xn--ecka7j.biz/wp-content/uploads/2023/06/Copilot2023-06-03-172246.jpg 1452w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">ChatとCopilot</figcaption></figure>



<h4 class="wp-block-heading"><span id="toc12">Chatで聞いてみる</span></h4>



<p><strong>Copilotの利用制限事項はありますか？</strong></p>



<div class="wp-block-group is-style-information-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>Copilotの利用制限事項については、以下のようなものがあります。</p>



<ul class="wp-block-list">
<li><del>CopilotはMicrosoft 365のアプリでのみ利用可能で、他のアプリやブラウザでは動作しません。1</del>  &#x27a1; <strong>Edgeで利用可。</strong></li>



<li>Copilotは現在プレビュー版であり、正式版とは異なる可能性があります。<span class="badge-pink">1</span></li>



<li><del>Copilotはまだ日本語に対応しておらず、英語のみで利用できます。2</del>　&#x27a1; <strong>日本語</strong>でも</li>



<li>Copilotは文字数や回答数に制限がある可能性があります。<span class="badge-pink">2</span></li>



<li>Copilotは責任あるAIの原則に従って開発されていますが、生成されたコンテンツについてはユーザー自身が責任を持つ必要があります。<span class="badge-pink">1</span> <span class="badge-pink">3</span></li>
</ul>
</div>



<h4 class="wp-block-heading"><span id="toc13">Copilotで聞いてみる</span></h4>



<p><strong>Copilotの利用制限事項はありますか？</strong></p>



<div class="wp-block-group is-style-alert-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>_</p>



<ul class="wp-block-list">
<li>Copilotは、GitHubの利用規約に従って使用する必要があります。Copilotは、GitHubのコードホスティングサービスやその他のGitHubの製品やサービスと同じように、GitHubの利用規約に基づいて提供されます。</li>



<li>Copilotは、法律や倫理に反する目的で使用しないでください。Copilotは、人権侵害や暴力的な行為など、法律や倫理に反する目的で使用することを禁止します。</li>



<li>Copilotは、著作権やライセンスに注意して使用する必要があります。Copilotは、オープンソースのコードから学習していますが、それらのコードの著作権やライセンスを自動的に引き継ぐわけではありません。Copilotが生成したコードについては、自分で著作権やライセンスの確認を行う必要があります。</li>



<li>Copilotは、完全に信頼できるものではありません。Copilotは、あくまで開発者の補助ツールであり、生成したコードは必ずレビューして確認する必要があります。Copilotは、間違ったコードや不適切なコードを生成する可能性があります。</li>
</ul>
</div>



<h4 class="wp-block-heading"><span id="toc14">聞いてみてわかったこと</span></h4>



<ul class="wp-block-list">
<li>Copilotは開発途上にあること</li>



<li>Copilotで得られた答えが完全でない理由</li>



<li>利用者が主体で責任を持って運用すること。<br>（<strong>Copilot</strong>「副操縦士」という名前の所以(由来)。<strong>利用者がPilot</strong>）</li>



<li>Copilotは、便利で有用なツールであること。</li>
</ul>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>生成AI：無料でGPT-4 日本語で検索してみる Copilot（WordPressプラグイン を探す）</title>
		<link>https://xn--ecka7j.biz/toolboox/chatgpt/7093/</link>
		
		<dc:creator><![CDATA[Jun-N]]></dc:creator>
		<pubDate>Tue, 09 May 2023 10:32:58 +0000</pubDate>
				<category><![CDATA[生成AI]]></category>
		<category><![CDATA[AI Tool]]></category>
		<category><![CDATA[Copilot]]></category>
		<category><![CDATA[Edge Copilot]]></category>
		<category><![CDATA[GPT-4]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[プラグイン]]></category>
		<guid isPermaLink="false">https://xn--ecka7j.biz/?p=7093</guid>

					<description><![CDATA[何も評価項目を付けずに除外条件のみで、「ワードプレスで有効なreCAPTCHAプラグインを50個教えてください。但し、有料版、Add-On、ContactForm系、複合プラグインは除外してください。」で検索してみる。　 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-group is-style-information-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>何も評価項目を付けずに除外条件のみで、<br>「ワードプレスで有効なreCAPTCHAプラグインを50個教えてください。但し、有料版、Add-On、ContactForm系、複合プラグインは除外してください。」で検索してみる。<br>　次に、評価項目を付けて、<br>　更に、https://ja.wordpress.org/plugins/search/reCAPTCHA/ で調べたPluginを順に提示し、<br>提示分を含め評価項目順に評価し、未提示Pluginを含めBest20を求めてみた。<br>「<strong>検索結果がスムーズに、驚くべき速さで反映され関心する</strong>」半面、相互に限界も感じる。<br>「執筆分野」への「記載内容・順序・正確性、条件」などが大事なこと。<br>正確な日本語表現を心がけていても、重複する内容が返ってきたりする。<br>もちろん「執筆分野」への記載内容の工夫、改善の余地があること、改善の方法を模索する必要があることは認識している。<br><br><span class="marker"><span class="bold-red">※</span>．ここと、他の記事で&#8221;<strong>ChatGPT</strong>&#8220;と書いているものは、正式には（<strong>GPT-4搭載したマイクロソフトEdge「Copilot」</strong>です。</span>）</p>
</div>



<link href="https://xn--ecka7j.biz/wp-content/uploads/j_css/css5.css" rel="stylesheet">

<!-- 抽出 From G:\Bootstrap5_Test_samples/bootstrap_sel1.css 23/05/04Update -->
<link href="https://xn--ecka7j.biz/wp-content/uploads/j_css/bootstrap_sel1.css" rel="stylesheet">

<!-- All Bootstrap Icons -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.0/font/bootstrap-icons.css" rel="stylesheet">




  <div id="toc" class="toc tnt-none toc-center tnt-none border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-8" checked><label class="toc-title" for="toc-checkbox-8">目次</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">プラグイン reCAPTCHA を探す</a></li></ul></li><li><a href="#toc4" tabindex="0">回答内容も追記して</a></li><li><a href="#toc5" tabindex="0">WordPress.org/pluginで調べる</a><ul><li><a href="#toc6" tabindex="0">Table</a></li></ul></li><li><a href="#toc7" tabindex="0">調べた25個のPluginを提示</a></li><li><a href="#toc8" tabindex="0">日付のyy/mm/dd編集</a><ul><li><a href="#toc9" tabindex="0">25個内1つをreName、１つを除外して提示</a></li></ul></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">.csv形式での出力を依頼してみる</a><ul><li><a href="#toc13" tabindex="0">.csvへの編集もしてくれた、但し</a></li></ul></li></ul></li><li><a href="#toc14" tabindex="0">執筆分野の見直し・評価など</a><ul><li><a href="#toc15" tabindex="0">執筆分野</a></li></ul></li><li><a href="#toc16" tabindex="0">まとめ</a><ul><li><a href="#toc17" tabindex="0">GPT-4のChatGPTの限界</a><ul><li><a href="#toc18" tabindex="0">限界を知った上での利用</a></li></ul></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>



<h4 class="wp-block-heading"><span id="toc3">プラグイン reCAPTCHA を探す</span></h4>



<p><span class="badge bg-light" style="color: black;">執筆分野</span></p>

<p class="badge bg-light" style="color: black;">
ワードプレスで有効なreCAPTCHAプラグインを50個教えてください。但し、有料版、Add-On、ContactForm系、複合プラグインは除外してください。</p>

<p><i class="bi bi-person w_icon"><sup><i class="bi bi-broadcast" style="font-size:0.5rem;"></i></sup></i> トーン <input type="button" class="btn btn-primary" value="プロフェッショナル"> 
<br><i class="bi bi-card-text w_icon"></i>　形式　<button type="button" class="btn btn-primary">	
<br><i class="bi bi-list-ul w_icon"></i><br>アイディア</button> 
<br><i class="bi bi-justify-left w_icon"></i>　長さ　<button type="button" class="btn btn-primary">長い</button>
</p>

<p class="tac"><button type="button" class="btn btn-primary" style="font-size:1.5rem;">[下書きの生成]</button></p>
<p class="tac"><i class="bi bi-pencil" style="font-size:1.5rem;"></i>[プレビュー]内の<span style="font-size:2.5rem; color:white;" class="rotate_180">
        <i class="bi bi-files"></i></span> コピーアイコンのクリック</p>
<p>[Ctrl]+[V]で貼付け</p>


<p class="bg-secondary">[回答]</p>
<p>但し、見やすさを考慮して、貼付け後に「箇条書き部分は<b>改行</b>を追加しています。」</p>
<p class="bg-secondary">ワードプレスで有効なreCAPTCHAプラグインを50個教えてください。但し、有料版、Add-On、ContactForm系、複合プラグインは除外してください。
<br>&#8211; Advanced noCaptcha &amp; invisible Captcha
<br>&#8211; Login No Captcha reCAPTCHA
<br>&#8211; No CAPTCHA reCAPTCHA for WooCommerce
<br>&#8211; Google Captcha (reCAPTCHA) by BestWebSoft
<br>&#8211; WPBruiser {no- Captcha anti-Spam}
<br>&#8211; Invisible reCaptcha for WordPress
<br>&#8211; WPForms – Drag &amp; Drop WordPress Forms Plugin
<br>&#8211; Really Simple CAPTCHA
<br>&#8211; Contact Form 7 – reCaptcha v2
<br>&#8211; WP ReCaptcha Integration
<br>&#8211; Easy Forms for Mailchimp
<br>&#8211; Ninja Forms Contact Form – The Drag and Drop Form Builder for WordPress
<br>&#8211; Caldera Forms – More Than Contact Forms
<br>&#8211; Gravity Forms Google Captcha (reCAPTCHA) Add-On
<br>&#8211; WPForms Google Captcha (reCAPTCHA) Add-On
<br>&#8211; Contact Form by WPForms – Drag &amp; Drop Form Builder for WordPress
<br>&#8211; Contact Form 7 Honeypot
<br>&#8211; Contact Form 7 Image Captcha
<br>&#8211; Math Captcha for WooCommerce
<br>&#8211; Math Captcha
<br>&#8211; Conditional CAPTCHA for WordPress
<br>&#8211; SI CAPTCHA Anti-Spam
<br>&#8211; Securimage-WP
<br>&#8211; BotDetect WordPress CAPTCHA Plugin
<br>&#8211; Captcha Bank – Best WordPress Captcha Plugin
<br>&#8211; Captcha by BestWebSoft
<br>&#8211; Responsive Captcha Contact Form – CF7 Extension
<br>&#8211; Blue Captcha
<br>&#8211; KeyCAPTCHA – Social WordPress CAPTCHA plugin
<br>&#8211; Confident CAPTCHA&#x2122; — The Picture CAPTCHA That Stops Spam Bots and Malware Bots
<br>&#8211; Sweet Captcha Revolutionary Free Captcha Service
<br>&#8211; Are You a Human: PlayThru&#x2122; for WordPress Comments and Registration Forms Plugin
<br>&#8211; Are You a Human: PlayThru&#x2122; for Contact Form 7 Plugin
<br>&#8211; Are You a Human: PlayThru&#x2122; for Gravity Forms Plugin
<br>&#8211; Are You a Human: PlayThru&#x2122; for BuddyPress Plugin
<br>&#8211; Are You a Human: PlayThru&#x2122; for bbPress Plugin
<br>&#8211; Are You a Human: PlayThru&#x2122; for WooCommerce Plugin
<br>&#8211; FunCaptcha – Anti-Spam CAPTCHA plugin for WordPress Comments and Registration Forms Plugin 
<br>&#8211; FunCaptcha – Anti-Spam CAPTCHA plugin for Contact Form 7 Plugin 
<br>&#8211; FunCaptcha – Anti-Spam CAPTCHA plugin for Gravity Forms Plugin 
<br>&#8211; FunCaptcha – Anti-Spam CAPTCHA plugin for BuddyPress Plugin 
<br>&#8211; FunCaptcha – Anti-Spam CAPTCHA plugin for bbPress Plugin 
<br>&#8211; FunCaptcha – Anti-Spam CAPTCHA plugin for WooCommerce Plugin 
<br>&#8211; MotionCAPTCHA – The jQuery CAPTCHA plugin that requires users to sketch the shape they see in the canvas in order to submit a form.
<br>&#8211; VisualCaptcha – A configurable and secure captcha, focused on accessibility and simplicity, while maintaining security.
<br>&#8211; AnimateCaptcha – A captcha that uses animated GIFs to challenge users.
<br>&#8211; Picatcha – A picture based captcha that asks users to identify images related to a topic.
<br>&#8211; SlideCaptcha – A captcha that requires users to slide a puzzle piece into place.</p>

<p><button type="button" class="btn btn-secondary">[回答]の評価</button></p>
<p><br>評価基準も有用度の順位表示も求めなかった為、50個を満足しない48個のPluginを文字数制限？の範囲で羅列した様です。
<br>また、指定方法「ContactForm系、複合プラグインは除外してください。」が適切でなかった為「Contact Form 7」系のプラグインが多数含まれています。
<br><br>50行で、48個のPluginで2,723文字でした。
</p>
<hr>
<p class="bg-info" style="color: black;">執筆分野を下記の様に記入して、より具体的に質問します。</p>
<p class="bg-light" style="color: black;">ワードプレスで有効なreCAPTCHAプラグインを、有用な順に50個順位を付けて教えてください。評価項目は、有効インストール数、最終更新日、検証済みワードプレスバージョン、但し、有料版、Add-On、&#8221;Contact Form系&#8221;、複合プラグインは除外してください。</p>


<p><button type="button" class="btn btn-secondary">[回答]</button></p>
<p class="btn-secondary">ワードプレスで有効なreCAPTCHAプラグインを、有用な順に50個順位を付けて教えてください。評価項目は、有効インストール数、最終更新日、検証済みワードプレスバージョン、但し、有料版、Add-On、&#8221;Contact Form系&#8221;、複合プラグインは除外してください。
<br>
<br>01　
<br>&#8211; Invisible reCAPTCHA for WordPress
<br>　 &#8211; 有効インストール数: 100,000+
<br>　 &#8211; 最終更新日: 2021年9月7日
<br>　 &#8211; 検証済みワードプレスバージョン: 5.8.1
<br>　 &#8211; reCAPTCHA v2とv3に対応
<br>　 &#8211; ログインフォーム、登録フォーム、コメント欄などに適用可能
<br>02　<br>
&#8211; reCAPTCHA by BestWebSoft
<br>　 &#8211; 有効インストール数: 100,000+
<br>　 &#8211; 最終更新日: 2021年10月14日
<br>　 &#8211; 検証済みワードプレスバージョン: 5.8.1
<br>　 &#8211; reCAPTCHA v2とv3に対応
<br>　 &#8211; ログインフォーム、登録フォーム、コメント欄などに適用可能
<br>03　
<br>&#8211; Advanced noCaptcha &amp; invisible Captcha (v2 &amp; v3)
<br>　 &#8211; 有効インストール数: 90,000+
<br>　 &#8211; 最終更新日: 2021年10月13日
<br>　 &#8211; 検証済みワードプレスバージョン: 5.8.1
<br>　 &#8211; reCAPTCHA v2とv3に対応
<br>　 &#8211; ログインフォーム、登録フォーム、コメント欄などに適用可能
<br>04　
<br>&#8211; Login No Captcha reCAPTCHA
<br>　 &#8211; 有効インストール数: 80,000+
<br>　 &#8211; 最終更新日: 2020年12月23日
<br>　 &#8211; 検証済みワードプレスバージョン: 5.6.4
<br>　 &#8211; reCAPTCHA v2に対応
<br>　 &#8211; ログインフォームにのみ適用可能
<br>05
<br>&#8211; Google Captcha (reCAPTCHA) by BestWebSoft
<br>　 &#8211; 有効インストール数: 70,000+
<br>　 &#8211; 最終更新日: 2021年10月14日
<br>　 &#8211; 検証済みワードプレスバージョン: 5.8.1
<br>　 &#8211; reCAPTCHA v2に対応
<br>　 &#8211; ログインフォーム、登録フォーム、コメント欄などに適用可能
<br>    
    以下略&#8230;</p>

<p><button type="button" class="btn btn-secondary">[回答]の評価</button></p>
<p>37行で、1,086文字で省略されました。plugin数は、5個のみです（「以下略&#8230;」と回答されました。）。(先頭の数字01～05は後から付加しました。)
<br>また、検証済みワードプレスバージョンの最新が、 5.8.1となっており、かなり古いです（5.8.1は、21/09/09リリースです。）、
<br>WordPress.org/pluginでは、現時点の最新WPは6.2です。
<br>「reCAPTCHA by BestWebSoft」が、6.2検証済となっています。他にも、
<br>「Login No Captcha reCAPTCHA」は、6.1.1検証済です。また、
<br>「Login No Captcha reCAPTCHA」は、6.1.1検証済です。また、
<br>「<b>Invisible reCAPTCHA for WordPress</b>」は、5.8.1が検証済となっていますが、」 WordPress.org/pluginでは、
<br>「<b>Invisible reCAPTCHA for WordPress</b>」は、5.4.12が検証済となっています。（これだけが、WordPress.org/pluginの情報より検証済バージョンが新しく、どこにこのバージョンが存在するのか不明ですが、）
<br>当サイトで、現在このPluginを使用していることから、代替Pluginを調査するきっかけになったのです。
<br>「<b>Advanced noCaptcha &amp; invisible Captcha</b> (v2 &amp; v3)」 は、<b>旧名称</b>であり、現在は「<b>CAPTCHA 4WP</b>」です。このことからも情報が古いと推測できます。 (WordPress.org/pluginでは、見つからなかった為、調べてみた結果)
<br>「Google Captcha (reCAPTCHA) by BestWebSoft」も WordPress.org/pluginで見つかりませんでした。
<br>質問内容の一部もプレビュー欄に表示されています。（これが文字数制限で、５個しか回答されなかった原因の１つかも知れません）
</p>

<hr>



<h3 class="wp-block-heading"><span id="toc4">回答内容も追記して</span></h3>



<p class="bg-info" style="color: black;">執筆分野に回答内容も追記して、質問します。</p>
<p class="bg-light" style="color: black;">
ワードプレスで有効なreCAPTCHAプラグインを、有用な順に50個順位を付けて教えてください。
<br>評価項目は、検証済みワードプレスバージョン、有効インストール数、最終更新日、
<br>但し、有料版、Add-On、&#8221;Contact Form系&#8221;、複合プラグインは除外してください。
<br>回答内容は、順位、プラクイン名、検証済みワードプレスバージョン、有効インストール数、最終更新日のみでお願いします。</p>

<p><button type="button" class="btn btn-secondary">[回答]</button></p>   
<p class="bg-secondary">ワードプレスで有効なreCAPTCHAプラグインを、有用な順に50個順位を付けて教えてください。 評価項目は、検証済みワードプレスバージョン、有効インストール数、最終更新日、但し、有料版、Add-On、&#8221;Contact Form系&#8221;、複合プラグインは除外してください。回答内容は、順位、プラクイン名、検証済みワードプレスバージョン、有効インストール数、最終更新日のみでお願いします。<br>以下は、私が生成したテキストです。コードブロックの構文（三重のバッククォート）で囲まれています。</p>
<p><button type="button" class="btn btn-secondary">プレビュー欄外に表示</button></p>
<p class="bg-secondary">1. reCAPTCHA by BestWebSoft
<br>　- 検証済みワードプレスバージョン: 5.8.2
<br>　- 有効インストール数: 100,000+
<br>　- 最終更新日: 2021年10月13日
<br>2. Login No Captcha reCAPTCHA
<br>　- 検証済みワードプレスバージョン: 5.8.2
<br>　- 有効インストール数: 90,000+
<br>　- 最終更新日: 2021年9月16日
<br>3. Advanced noCaptcha &amp; invisible Captcha (v2 &amp; v3)
<br>　- 検証済みワードプレスバージョン: 5.8.2
<br>　- 有効インストール数: 80,000+
<br>　- 最終更新日: 2021年10月12日
<br>4. Google Captcha (reCAPTCHA) by WPBruiser
<br>　- 検証済みワードプレスバージョン: 5.8.2
<br>　- 有効インストール数: 70,000+
<br>　- 最終更新日: 2021年9月29日
<br>5. No CAPTCHA reCAPTCHA for WooCommerce
<br>　- 検証済みワードプレスバージョン: 5.8.2
<br>　- 有効インストール数: 60,000+
<br>　- 最終更新日: 2021年10月11日
<br>6. Invisible reCaptcha for WordPress
<br>　- 検証済みワードプレスバージョン: 5.8.2
<br>　- 有効インストール数: 50,000+
<br>　- 最終更新日: 2021年9月30日
<br>7. WPBruiser {no- Captcha anti-Spam}
<br>　- 検証済みワードプレスバージョン: 5.8.2
<br>　- 有効インストール数: 40,000+
<br>　- 最終更新日: 2021年9月29日
<br>8. reCaptcha for Ninja Forms
<br>　- 検証済みワードプレスバージョン: 5.7.3
<br>　- 有効インストール数: 30,000+
<br>　- 最終更新日: 2021年6月17日
<br>9. WPForms Lite – Drag &amp; Drop WordPress Forms Plugin with reCAPTCHA support
<br>　- 検証済みワードプレスバージョン: 5.8.2
<br>　- 有効インストール数: 20,000+
<br>　- 最終更新日: 2021年10月13日
<br>10. Easy Forms for Mailchimp with reCAPTCHA integration
<br>　- 検証済みワードプレスバージョン: 5.8.2
<br>　- 有効インストール数: 10,000+
<br>　- 最終更新日: 2021年9月28日
    
<br>    以下略（40個）</p>

<p><button type="button" class="btn btn-secondary">[回答]の評価</button>
</p>
<p class="btn-warning">肝心の回答がプレビュー欄外に表示されました</p>
<p>42行で、1,102文字。やはりPluginの数は10個です。
<br>WordPress.org/pluginとの差異が目立ちます。（既に上げた差異（2.3.4.6.）は、ここでは省略します。）
<br>1. reCAPTCHA by BestWebSoftは、Add-Onで、別途有料版がある様です。
<br>5. No CAPTCHA reCAPTCHA for WooCommerceは、NotFoundです。
<br>7. WPBruiser {no- Captcha anti-Spam}は、検証済みワードプレスバージョン:5.5.11で、有効インストール数は、30,000+です。（検証済みワードプレスバージョンが古いです。）
<br>8. reCaptcha for Ninja Formsは、検証済みワードプレスバージョン:6.1.1ですが、有効インストール数は、2,000+で大巾に少ないです。
<br>10. Easy Forms for Mailchimp with reCAPTCHA integrationは、
<br>「Easy Forms for Mailchimp」に改名？している様です。wp6.2検証済みで、最終更新日が23/04/08の１か月前です。有効インストールは同じです。
<br>今回は「以下略（40個」の回答も付いています。が、長さ「長い」に設定しても文字数制限？、でも「短い」設定で、2,723文字の回答もありました。</p>
<p></p>
<hr>
<hr>



<h3 class="wp-block-heading"><span id="toc5">WordPress.org/pluginで調べる</span></h3>



<hr>
<p><button type="button" class="btn btn-primary">WordPress.org/pluginで「reCaptch」を検索してみます。</button></p>

<a rel="noopener" href="https://ja.wordpress.org/plugins/search/reCAPTCHA/" title="&#8220;reCAPTCHA&#8221; &#12398;&#26908;&#32034;&#32080;&#26524; &#124; WordPress.org &#26085;&#26412;&#35486;" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fja.wordpress.org%2Fplugins%2Fsearch%2FreCAPTCHA%2F?w=160&#038;h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">&#8220;reCAPTCHA&#8221; &#12398;&#26908;&#32034;&#32080;&#26524; &#124; WordPress.org &#26085;&#26412;&#35486;</div><div class="blogcard-snippet external-blogcard-snippet"></div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://ja.wordpress.org/plugins/search/reCAPTCHA/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">ja.wordpress.org</div></div></div></div></a>
<p>10Page分のデータをコピペ後に.csv化、その後.xlsx化し、
<br>検証済みWPバージョンの降順、有効インストール数の降順でSortし、
<br>検証済みWPバージョンの「5.」以上、有効インストール数5,000未満と、Add-On、複合Pluginを除外する形で、
<br>同率20位までを、再度wordPress.orgで調査（＋α同率25位までと）し、最終更新日を確認後
<br>検証済みWPバージョンの降順、有効インストール数の降順で再度Sortし、検証済バージョン4.以下、および「Contact Form」系、Commerce系を除外してTable化しました。
<br>（Table上で、更に除外する可能性のあるPluginには「OMT」欄に☒マークを記載しています。）</p>



<h4 class="wp-block-heading"><span id="toc6">Table</span></h4>



<figure class="wp-block-table">
 <div class="scrollable-table stfc-sticky"><table class="table table-bordered" style="border-collapse: collapse; border-color:green" border="1">
  <caption class="tal figure-caption">※.2023/05/06～05/07時点、☒マークはOmitする可能性があるものです。</caption>
  <thead>
   <tr>
    <th class="th" scope="col"></th>
    <th class="th">No</th>
    <th class="th">#</th>
    <th class="b3_aqua">Plugin名 <br>-以降または,以降一部省略</th>
    <th class="tar badge bg-info">有効<br>インストール<br>数(+)</th>
    <th class="tar badge bg-primary">WP<br>検証済み<br>Ver</th>
    <th class="tac bg-danger">O<br>M<br>T</th>
    <th class="b3_blue1">G<br>P<br>T</th>
   </tr>
  </thead>

  <tbody>
    <tr>
        <td></td>
        <td class="tac">1</td>
        <td class="tac">01</td>
        <td>CAPTCHA 4WP</td>
        <td class="tar">200,000</td>
        <td class="tal bg-primary">6.2</td>
        <td></td>
        <td class="tac">4</td>
    </tr>
    <tr>
        <td class="tac bg-danger">☒</td>
        <td class="tac">2</td>
        <td class="tac">01</td>
        <td>reCaptcha by BestWebSoft</td>
        <td class="tar">200,000</td>
        <td class="tal bg-primary">6.2</td>
        <td class="tac bg-danger">☒</td>
        <td class="tac">&#8211;</td>
    </tr>
    <tr>
        <td>▼</td>
        <td class="tac">3</td>
        <td class="tac">02</td>
        <td class="bg-warning">Invisible reCaptcha for WordPress</td>
        <td class="tar">100,000</td>
        <td class="tar bg-warning">5.4.12</td>
        <td></td>
        <td class="tac">1</td>
    </tr>
    <tr>
        <td>☒</td>
        <td class="tac">4</td>
        <td class="tac">02</td>
        <td>Easy Forms for Mailchimp</td>
        <td class="tar">100,000</td>
        <td class="tal bg-primary">6.2</td>
        <td></td>
        <td class="tac bg-warning">17</td>
    </tr>
    <tr>
        <td class="tac bg-danger">☒</td>
        <td class="tac">5</td>
        <td class="tac">02</td>
        <td>Hustle – Email Marketing,</td>
        <td class="tar">100,000</td>
        <td class="tal bg-primary">6.2</td>
        <td class="tac bg-danger">☒</td>
        <td class="tac">&#8211;</td>
    </tr>
    <tr>
        <td></td>
        <td class="tac">6</td>
        <td class="tac">06</td>
        <td>Login No Captcha reCAPTCHA</td>
        <td class="tar">90,000</td>
        <td class="tac">6.1.1</td>
        <td></td>
        <td class="tac">2</td>
    </tr>
    <tr>
        <td class="tac bg-danger">☒</td>
        <td class="tac">7</td>
        <td class="tac">07</td>
        <td>Gravity Forms Zero Spam</td>
        <td class="tar">80,000</td>
        <td class="tal bg-primary">6.2</td>
        <td class="tac bg-danger">☒</td>
        <td class="tac">&#8211;</td>
    </tr>
<tr><td class="tac bg-danger">☒</td><td class="tac">8</td>
<td class="tac">NG</td>
<td>Simple Google reCAPTCHA
<br>&#x27a1;このプラグインは<br>2023 年 9 月 20 日をもって閉鎖されており<br>ダウンロードすることはできません。<br>この閉鎖は永久的です。
<br>https://wordpress.org/plugins/<br>simple-google-recaptcha/
</td>
<td class="tar">70,000</td>
<td class="tac">6.0.3</td>
<td></td>
<td class="tac">3</td>
</tr>
    <tr>
        <td class="tac bg-danger">☒</td>
        <td class="tac">9</td>
        <td class="tac">09</td>
        <td>Profile Builder – User Profile &amp;</td>
        <td class="tar">60,000</td>
        <td class="tal bg-primary">6.2</td>
        <td class="tac bg-danger">☒</td>
        <td class="tac">☒</td>
    </tr>
    <tr>
        <td class="tac bg-danger">☒</td>
        <td class="tac">10</td>
        <td class="tac">10</td>
        <td>Nimble Page Builder</td>
        <td class="tar">50,000</td>
        <td class="tac">6.0.3</td>
        <td class="tac bg-danger">☒</td>
        <td class="tac">☒</td>
    </tr>
    <tr>
        <td class="tac bg-danger">☒</td>
        <td class="tac">11</td>
        <td class="tac">10</td>
        <td>Simple Membership</td>
        <td class="tar">50,000</td>
        <td class="tal bg-primary">6.2</td>
        <td class="tac bg-danger">☒</td>
        <td class="tac">☒</td>
    </tr>
    <tr>
        <td>☒</td>
        <td class="tac">12</td>
        <td class="tac">12</td>
        <td>Advanced Google reCAPTCHA</td>
        <td class="tar">40,000</td>
        <td class="tal bg-primary">6.2</td>
        <td></td>
        <td class="tac">6</td>
    </tr>
    <tr>
        <td></td>
        <td class="tac">13</td>
        <td class="tac">12</td>
        <td>hCaptcha for WordPress</td>
        <td class="tar">40,000</td>
        <td class="tal bg-primary">6.2</td>
        <td></td>
        <td class="tac">7</td>
    </tr>
    <tr>
        <td class="tac bg-danger">☒</td>
        <td class="tac">14</td>
        <td class="tac">14</td>
        <td>Ultimate Member – reCAPTCHA</td>
        <td class="tar">20,000</td>
        <td class="tac">6.0.3</td>
        <td class="tac bg-danger">☒</td>
        <td class="tac">&#8211;</td>
    </tr>
    <tr>
        <td class="tac bg-danger">☒</td>
        <td class="tac">15</td>
        <td class="tac">14</td>
        <td class="bg-warning">reCAPTCHA for MW WP Form</td>
        <td class="tar">20,000</td>
        <td class="tar bg-warning">5.9.5</td>
        <td class="tac bg-danger">☒</td>
        <td class="tac">&#8211;</td>
    </tr>
    <tr>
        <td></td>
        <td class="tac">16</td>
        <td class="tac">16</td>
        <td>ReCaptcha Integration for WordPress</td>
        <td class="tar">10,000</td>
        <td class="tac">6.0.3</td>
        <td></td>
        <td class="tac">8</td>
    </tr>
    <tr>
        <td class="tac bg-danger">▼</td>
        <td class="tac">17</td>
        <td class="tac">16</td>
        <td class="bg-warning">No CAPTCHA reCAPTCHA</td>
        <td class="tar">10,000</td>
        <td class="tar bg-warning">5.4.12</td>
        <td></td>
        <td class="tac">5</td>
    </tr>
    <tr>
        <td></td>
        <td class="tac">18</td>
        <td class="tac">16</td>
        <td>Simple Cloudflare Turnstile</td>
        <td class="tar">10,000</td>
        <td class="tal bg-primary">6.2</td>
        <td></td>
        <td class="tac">9</td>
    </tr>
    <tr>
        <td></td>
        <td class="tac">19</td>
        <td class="tac">16</td>
        <td>GeoDirectory – Business</td>
        <td class="tar">10,000</td>
        <td class="tal bg-primary">6.2</td>
        <td></td>
        <td class="tac">10</td>
    </tr>
    <tr>
        <td></td>
        <td class="tac">20</td>
        <td class="tac">16</td>
        <td>Booking Package – 予約システム</td>
        <td class="tar">10,000</td>
        <td class="tal bg-primary">6.2</td>
        <td></td>
        <td class="tac bg-warning">11</td>
    </tr>
    <tr>
        <td class="tac bg-danger">☒</td>
        <td class="tac">21</td>
        <td class="tac">21</td>
        <td class="bg-warning">WordPress Captcha Plugin</td>
        <td class="tar">9,000</td>
        <td class="tar bg-warning">5.7.8</td>
        <td class="tac bg-danger">☒</td>
        <td class="tac bg-warning">12</td>
    </tr>
    <tr>
        <td>☒</td>
        <td class="tac">22</td>
        <td class="tac">22</td>
        <td>Login Security Captcha</td>
        <td class="tar">8,000</td>
        <td class="tal bg-primary">6.2</td>
        <td></td>
        <td class="tac bg-warning">13</td>
    </tr>
    <tr>
        <td class="tac bg-danger">☒</td>
        <td class="tac">23</td>
        <td class="tac">23</td>
        <td class="bg-warning">reCaptcha Add-On for FormCraft</td>
        <td class="tar">7,000</td>
        <td class="tar bg-warning">5.5.11</td>
        <td class="tac bg-danger">☒</td>
        <td class="tac bg-warning">14</td>
    </tr>
    <tr>
        <td>☒</td>
        <td class="tac">24</td>
        <td class="tac">24</td>
        <td>Friendly Captcha for WordPress</td>
        <td class="tar">6,000</td>
        <td class="tal bg-primary">6.2</td>
        <td></td>
        <td class="tac bg-warning">15</td>
    </tr>
    <tr>
        <td>☒</td>
        <td class="tac">25</td>
        <td class="tac">25</td>
        <td>Captcha Them All</td>
        <td class="tar">5,000</td>
        <td class="tal bg-primary">6.2</td>
        <td></td>
        <td class="tac bg-warning">16</td>
    </tr>
 </tbody>
</table></div>
</figure>



<hr>



<h3 class="wp-block-heading"><span id="toc7">調べた25個のPluginを提示</span></h3>



<hr>
<p class="btn-primary">作成したTableからPlugin名称を切り口にして、Best30にして、回答内容も指定してみます。 </p>
<p><span class="badge bg-light" style="color: black;">執筆分野</span></p>
<p class="bg-light" style="color: black;">
ワードプレスで有効なreCAPTCHAプラグインの、「CAPTCHA 4WP」、「reCaptcha by BestWebSoft」、「Invisible reCaptcha for WordPress」、「Easy Forms for Mailchimp」、「Hustle – Email Marketing, Lead Generation, Optins, Popups」、「Login No Captcha reCAPTCHA」、「Gravity Forms Zero Spam」、「Simple Google reCAPTCHA」、「Profile Builder – User Profile &amp; User Registration Forms」、「Nimble Page Builder」、「Simple Membership」、「Advanced Google reCAPTCHA」、「hCaptcha for WordPress」、「Ultimate Member – reCAPTCHA」、「reCAPTCHA for MW WP Form」、「ReCaptcha Integration for WordPress」、「No CAPTCHA reCAPTCHA」、「Simple Cloudflare Turnstile」、「GeoDirectory – Business Directory, Listings or Classified Directory」、「Booking Package – 予約システム」、「WordPress Captcha Plugin by Captcha Bank」、「Login Security Captcha」、「reCaptcha Add-On for FormCraft」、「Friendly Captcha for WordPress」、「Captcha Them All」、内でBest30を順位を付けて教えてください。
<br>評価項目は、検証済みワードプレスバージョン、有効インストール数、最終更新日、
<br>但し、有料版、Add-On、&#8221;Contact Form系&#8221;、複合プラグインは除外してください。
<br>回答内容は、順位、プラクイン名、検証済みワードプレスバージョン、有効インストール数、最終更新日のみでお願いします。
</p>

<p><button type="button" class="btn btn-secondary">[回答.]</button></p>
<p class="bg-secondary">
ワードプレスで有効なreCAPTCHAプラグインのランキングを作成しました。  
<br>&#8211; 有料版、Add-On、&#8221;Contact Form系&#8221;、複合プラグインは除外しました。
<br>&#8211; 評価項目は、検証済みワードプレスバージョン、有効インストール数、最終更新日です。
<br>&#8211; 順位は、検証済みワードプレスバージョンが高いもの、有効インストール数が多いもの、最終更新日が新しいものを優先しました。
<br>&#8211; 同じ評価項目の場合は、プラグイン名のアルファベット順にしました。
<br>
<br>ランキングは以下の通りです。
<br>
<br>| 順位 | プラグイン名 | 検証済みワードプレスバージョン | 有効インストール数 | 最終更新日 |
<br>| &#8212; | &#8212; | &#8212; | &#8212; | &#8212; |
<br>| 1 | Invisible reCaptcha for WordPress | 5.8.2 | 100,000+ | 2021年9月29日 |
<br>| 2 | Login No Captcha reCAPTCHA | 5.8.2 | 100,000+ | 2021年8月18日 |
<br>| 3 | Advanced Google reCAPTCHA | 5.8.2 | 10,000+ | 2021年10月4日 |
<br>| 4 | hCaptcha for WordPress | 5.8.2 | 10,000+ | 2021年9月27日 |
<br>| 5 | Ultimate Member – reCAPTCHA | 5.8.2 | 10,000+ | 2021年9月21日 |
<br>| 6 | reCAPTCHA for MW WP Form | 5.8.2 | 10,000+ | 2021年9月15日 |
<br>| 7 | ReCaptcha Integration for WordPress | 5.8.2 | 10,000+ | 2021年9月14日 |
<br>| 8 | No CAPTCHA reCAPTCHA | 5.8.2 | 10,000+ | 2021年9月13日 |
<br>| 9 | Simple Cloudflare Turnstile | 5.8.2 | 10,000+ | 2021年9月12日 |
<br>|10| GeoDirectory – Business Directory, Listings or Classified Directory|5.8.2|10,000+|2021年9月11日|
<br>|11| Booking Package –予約システム|5.8.2|10,000+|2021年9月11日|
<br>|12| WordPress Captcha Plugin by Captcha Bank|5.8.2|10,000+|2021年9月11日|
<br>|13| Login Security Captcha|5.8.2|10,000+|2021年9月11日|
<br>|14| reCaptcha Add-On for FormCraft|5.8.2|10,000+|2021年9月11日|
<br>|15| Friendly Captcha for WordPress|5.8.2|10,000+|2021年9月11日|
<br>|16| Captcha Them All|5.8.2|10,000+|2021年9月11日|
<br>|17| Gravity Forms Zero Spam|5.7.3|20,000+|2020年12月22日|
<br>|18| Simple Google reCAPTCHA v3 &amp; v2 Invisible Anti Spam by WPBrigade (LoginPress)|5.7.3||20,000+||2020年12月16日|
<br>19 Profile Builder – User Profile &amp; User Registration Forms
<br>20 Nimble Page Builder
<br>21 Simple Membership
<br>22 CAPTCHA for WordPress
<br>23 Easy Forms for Mailchimp
<br>24 Hustle – Email Marketing, Lead Generation, Optins, Popups
<br>25 reCaptcha by BestWebSoft
<br>26 CAPTCHA Code
<br>27 CAPTCHA Plus
<br>28 CAPTCHA Bank
<br>29 CAPTCHA Booster
</p>    
    
<p><button type="button" class="btn btn-secondary">[回答.の評価</button></p>
<p>(除外指定が効いていない様です。）   
<br>　5.Ultimate Member – reCAPTCHA：Ultimate MemberのAdd-On
<br>　6.reCAPTCHA for MW WP Form：MW WP FormのAdd-On
<br>12.WordPress Captcha Plugin：有料版がある様です。
<br>13.Login Security Captcha：Add-Onの様です。
<br>14.reCaptcha Add-On for FormCraft：Add-Onの様です。
<br>15.Friendly Captcha for WordPress：Add-Onの様です。
<br>16.Captcha Them All：Add-Onの様です。
<br>17.Gravity Forms Zero Spam：Gravity FormsのAdd-On
<br>19.Profile Builder – User Profile &amp; :複合プラグインの様です。
<br>20.Nimble Page Builder :複合プラグインの様です。
<br>21.Simple Membership :複合プラグインの様です。
<br>以降は、指定外からPlugin名だけ回答があったものです。
<br>(WordPress.org/pluinで調べてみたいと思います。)
<br>22.CAPTCHA for WordPress : &#x27a1; NotFound
<br>26.CAPTCHA Code : &#x27a1; 30,000+  6.1.1 ６か月前
<br>27.CAPTCHA Plus : &#x27a1;  NotFound
<br>28.CAPTCHA Bank : &#x27a1;  NotFound
<br>29.CAPTCHA Booster : &#x27a1;  NotFound
<br>
<br>39行、1,862文字の29位までの回答でした。</p>    
<hr>



<h3 class="wp-block-heading"><span id="toc8">日付のyy/mm/dd編集</span></h3>



<p><button type="button" class="btn btn-primary">同じ内容で、「最終更新日」は、yy/mm/ddで編集をお願いしました。</button></p>

<p><span class="badge bg-light" style="color: black;">執筆分野</span></p>
<p class="bg-light" style="color: black;">ワードプレスで有効なreCAPTCHAプラグインの、「CAPTCHA 4WP」、「reCaptcha by BestWebSoft」、「Invisible reCaptcha for WordPress」、「Easy Forms for Mailchimp」、「Hustle – Email Marketing, Lead Generation, Optins, Popups」、「Login No Captcha reCAPTCHA」、「Gravity Forms Zero Spam」、「Simple Google reCAPTCHA」、「Profile Builder – User Profile &amp; User Registration Forms」、「Nimble Page Builder」、「Simple Membership」、「Advanced Google reCAPTCHA」、「hCaptcha for WordPress」、「Ultimate Member – reCAPTCHA」、「reCAPTCHA for MW WP Form」、「ReCaptcha Integration for WordPress」、「No CAPTCHA reCAPTCHA」、「Simple Cloudflare Turnstile」、「GeoDirectory – Business Directory, Listings or Classified Directory」、「Booking Package – 予約システム」、「WordPress Captcha Plugin by Captcha Bank」、「Login Security Captcha」、「reCaptcha Add-On for FormCraft」、「Friendly Captcha for WordPress」、「Captcha Them All」、内でBest30を順位を付けて教えてください。
<br>評価項目は、検証済みワードプレスバージョン、有効インストール数、最終更新日、
<br>但し、有料版、Add-On、&#8221;Contact Form系&#8221;、複合プラグインは除外してください。
<br>回答内容は、順位、プラクイン名、検証済みワードプレスバージョン、有効インストール数、最終更新日(編集は、yy/mm/ddで)のみでお願いします。</p>


<p><button type="button" class="btn btn-secondary">[回答.]</button></p>
<p class="bg-secondary">ワードプレスで有効なreCAPTCHAプラグインのランキングを作成しました。以下の条件に基づいて順位を付けています。
<br>
<br>&#8211; 検証済みワードプレスバージョン
<br>&#8211; 有効インストール数
<br>&#8211; 最終更新日
<br>&#8211; 有料版、Add-On、&#8221;Contact Form系&#8221;、複合プラグインは除外
<br>
<br>順位 | プラグイン名 | 検証済みワードプレスバージョン | 有効インストール数 | 最終更新日
&#8212;|&#8212;|&#8212;|&#8212;|&#8212;
<br>1 | Invisible reCaptcha for WordPress | 5.8.2 | 100,000+ | 21/10/18
<br>2 | Login No Captcha reCAPTCHA | 5.8.2 | 100,000+ | 21/10/18
<br>3 | Simple Google reCAPTCHA | 5.8.2 | 90,000+ | 21/10/18
<br>4 | Profile Builder – User Profile &amp; User Registration Forms | 5.8.2 | 60,000+ | 21/11/16
<br>5 | Nimble Page Builder | 5.8.2 | 50,000+ | 21/11/16
<br>6 | Simple Membership | 5.8.2 | 40,000+ | 21/11/16
<br>7 | Advanced Google reCAPTCHA | 5.8.2 | 30,000+ | 21/11/16
<br>8 | hCaptcha for WordPress | 5.8.2 | 30,000+ | 21/11/16
<br>9 | Ultimate Member – reCAPTCHA | 5.8.2 | 30,000+ | 21/11/16
<br>10| reCAPTCHA for MW WP Form|5.8.2|20,000+|21/11/16
<br>11| ReCaptcha Integration for WordPress|5.8.2|20,000+|21/11/16
<br>12| No CAPTCHA reCAPTCHA|5.7.3|20,000+|21/04/01
<br>13| Simple Cloudflare Turnstile|5.7.3|10,000+|21/04/01
<br>14| GeoDirectory – Business Directory, Listings or Classified Directory|5.8.2|10,000+|21/11/16
<br>15| Booking Package – 予約システム|5.8.2|10,000+|21/11/16
<br>16| WordPress Captcha Plugin by Captcha Bank|5.7.3|10,000+|21/04/01
<br>17| Login Security Captcha|5.7.3|9,000+|21/04/01
<br>18| reCaptcha Add-On for FormCraft|5.7.3|6,000+|21/04/01
<br>19| Friendly Captcha for WordPress|5.8.2|4,000+|21/11/16
<br>20| Captcha Them All|-|-|-

<br>以下のプラグインは、条件に合わないためランキングから除外しました。

<br>&#8211; CAPTCHA 4WP: Add-Onであり、最終更新日が19年前と古い。
<br>&#8211; reCaptcha by BestWebSoft: Add-Onであり、有料版がある。
<br>&#8211; Easy Forms for Mailchimp: Contact Form系であり、有料版がある。
<br>&#8211; Hustle – Email Marketing, Lead Generation, Optins, Popups: 複合プラグインであり、有料版がある。
<br>&#8211; Gravity Forms Zero Spam: Contact Form系であり、Gravity FormsのAdd-Onである。
<br>&#8211; Ultimate Member – reCAPTCHA: Add-Onであり、Ultimate MemberのAdd-Onである。
<br>&#8211; reCAPTCHA for MW WP Form: Add-Onであり、MW WP FormのAdd-Onである。
</p>    
    

<p><button type="button" class="btn btn-secondary">[回答]の評価</button></p>
<p>以下のプラグインは、条件に合わないためランキングから除外しました。
<br>&#8211; CAPTCHA 4WP: Add-Onであり、最終更新日が19年前と古い。
とありますが、旧名は「Advanced noCaptcha &amp; Invisible Captcha」であり、更新されていない様です。
<br>（WordPress.org/pluginでは、既に「CAPTCHA 4WP」です）
<br>ここでは、「Advanced noCaptcha &amp; Invisible Captcha」で、次回検索します。
<br>最終更新日の日付編集指定yy/mm/ddは、うまく行っています。
<br>評価条件は、前回と同じ内容なのに、順位は大きくことなっています。（順位はあくまでも参考程度ということでしょう？）
<br>9 | Ultimate Member – reCAPTCHA　となっているが、
<br>　- Ultimate Member – reCAPTCHA: Add-Onであり、Ultimate MemberのAdd-Onである。で、除外対象と記載されている。
<br>10| reCAPTCHA for MW WP Form　となっているが、
<br>　- reCAPTCHA for MW WP Form: Add-Onであり、MW WP FormのAdd-Onである。で、除外対象と記載されている。
<br>
<br> 39行、1,839文字、20位まで回答。     
</p>    

<hr>



<h4 class="wp-block-heading"><span id="toc9">25個内1つをreName、１つを除外して提示</span></h4>



<p class="bg-primary">「CAPTCHA 4WP」は旧名：「Advanced noCaptcha &amp; Invisible Captcha」で検索に変更</p>
<p><span class="badge bg-light" style="color: black;">執筆分野</span></p>
<p class="bg-light" style="color: black;">
 ワードプレスで有効なreCAPTCHAプラグインの、
 「Advanced noCaptcha &amp; Invisible Captcha」、
 「reCaptcha by BestWebSoft」、
 「Invisible reCaptcha for WordPress」、
 「Easy Forms for Mailchimp」、
 「Hustle – Email Marketing, Lead Generation, Optins, Popups」、
 「Login No Captcha reCAPTCHA」、
 「Gravity Forms Zero Spam」、
 「Simple Google reCAPTCHA」、
 「Profile Builder – User Profile &amp; User Registration Forms」、
 「Nimble Page Builder」、
 「Simple Membership」、
 「Advanced Google reCAPTCHA」、
 「hCaptcha for WordPress」、
 「Ultimate Member – reCAPTCHA」、
 「reCAPTCHA for MW WP Form」、
 「ReCaptcha Integration for WordPress」、
 「No CAPTCHA reCAPTCHA」、
 「Simple Cloudflare Turnstile」、
 「GeoDirectory – Business Directory, Listings or Classified Directory」、
 「Booking Package – 予約システム」、
 「WordPress Captcha Plugin by Captcha Bank」、「Login Security Captcha」、
 「reCaptcha Add-On for FormCraft」、
 「Friendly Captcha for WordPress」、
 「Captcha Them All」、内でBest30を順位を付けて教えてください。
<br>評価項目は、検証済みワードプレスバージョン、有効インストール数、最終更新日、
<br>但し、有料版、Add-On、&#8221;Contact Form系&#8221;、複合プラグインは除外してください。
<br>回答内容は、順位、プラクイン名、検証済みワードプレスバージョン、有効インストール数、最終更新日(編集は、yy/mm/ddで)のみでお願いします。   
</p>

<p><button type="button" class="btn btn-secondary">[回答]</button></p>
<p class="bg-secondary">ワードプレスで有効なreCAPTCHAプラグインのランキングを作成しました。  
<br>評価項目は、検証済みワードプレスバージョン、有効インストール数、最終更新日です。
<br>但し、有料版、Add-On、&#8221;Contact Form系&#8221;、複合プラグインは除外しています。
<br>回答内容は、順位、プラクイン名、検証済みワードプレスバージョン、有効インストール数、最終更新日(編集は、yy/mm/ddで)のみです。

<br>&#8211; 1位: Invisible reCaptcha for WordPress (5.8.2, 100,000+, 21/10/13)
<br>&#8211; 2位: Login No Captcha reCAPTCHA (5.8.2, 100,000+, 21/10/13)
<br>&#8211; 3位: reCaptcha by BestWebSoft (5.8.2, 100,000+, 21/10/13)
<br>&#8211; 4位: Simple Google reCAPTCHA (5.8.2, 90,000+, 21/10/13)
<br>&#8211; 5位: Advanced noCaptcha &amp; Invisible Captcha (5.8.2, 80,000+, 21/10/13)
<br>&#8211; 6位: Gravity Forms Zero Spam (5.8.2, 20,000+, 21/10/13)
<br>&#8211; 7位: Profile Builder – User Profile &amp; User Registration Forms (5.8.2, 60,000+, 21/10/13)
<br>&#8211; 8位: Nimble Page Builder (5.8.2, 50,000+, 21/10/13)
<br>&#8211; 9位: Simple Membership (5.8.2, 40,000+, 21/10/13)
<br>&#8211; 10位: Advanced Google reCAPTCHA (5.8.2, 30,000+, 21/10/13)
<br>&#8211; 11位: hCaptcha for WordPress (5.8.2, 30,000+, 21/10/13)
<br>&#8211; 12位: Ultimate Member – reCAPTCHA (5.8.2, 20,000+, 21/10/13)
<br>&#8211; 13位: reCAPTCHA for MW WP Form (5.8.2, 20,000+, 21/10/13)
<br>&#8211; 14位: ReCaptcha Integration for WordPress (5.8.2, 20,000+, 21/10/13)
<br>&#8211; 15位: No CAPTCHA reCAPTCHA (5.8.2, 20,000+, 21/10/13)
<br>&#8211; 16位: Simple Cloudflare Turnstile (5.8.2, &lt;10, &lt;2021年以前)
<br>&#8211; 17位: GeoDirectory – Business Directory, Listings or Classified Directory (5.8.2,&lt;10,&lt;2021年以前)
<br>&#8211; 18位: Booking Package –予約システム(5.8,&lt;10,&lt;2021年以前)
<br>&#8211; 19位: WordPress Captcha Plugin by Captcha Bank (5.7,&lt;10,&lt;2021年以前)
<br>&#8211; 20位: Login Security Captcha (5.7,&lt;10,&lt;2021年以前)
<br>&#8211; 残りのプラグインは該当しないか検索結果に見つかりませんでした。

</p>    
    

<p><button type="button" class="btn btn-secondary">[回答]の評価</button></p>
<p>&#8211; 5位: 「Advanced noCaptcha &amp; Invisible Captcha」 は、「CAPTCHA 4WP」に読み替えます。
<br>　順位は、ここまでの３回ともバラバラです。
<br>やはり、順位は期待しない方がよさそうです。
<br>   26行、1,481文字、20位まで   
</p>    

<hr>



<h2 class="wp-block-heading"><span id="toc10">回答様式の指定</span></h2>



<h3 class="wp-block-heading"><span id="toc11">タイトルと項目の編集方法を指定して</span></h3>



<p>タイトルを置き換える：</p>
<p>各項目を編集する：</p>



<h3 class="wp-block-heading"><span id="toc12">.csv形式での出力を依頼してみる</span></h3>



<p>タイトル付きの.csv形式で出力</p>
<p><i class="bi bi-card-text w_icon"></i>　形式　
    <button type="button" class="btn btn-secondary"> 
    <br><i class="bi bi-list-ul w_icon"></i><br>ｱｲﾃﾞｱ</button> ではなく、
    <button type="button" class="btn btn-primary"><i class="bi bi-justify-left w_icon"></i><br>段落</button>　で、 


</p><p></p>
<p class="bg-primary">回答の「各項目」について、大幅な編集＆出力を依頼してみました。
　また、データソースの出所とデータ入手日についても、質問してみました。</p>
<p><span class="bg-light" style="color: black;">執筆分野</span></p>
<p class="bg-light" style="color: black;">
ワードプレスで有効なreCAPTCHAプラグインの、「Advanced noCaptcha &amp; Invisible Captcha」、「Invisible reCaptcha for WordPress」、「Easy Forms for Mailchimp」、「Login No Captcha reCAPTCHA」、「Simple Google reCAPTCHA」、「hCaptcha for WordPress」、「ReCaptcha Integration for WordPress」、「No CAPTCHA reCAPTCHA」、「Simple Cloudflare Turnstile」、「GeoDirectory – Business Directory, Listings or Classified Directory」、「Booking Package – 予約システム」、の内でBest30を順位を付けて教えてください。
<br>評価項目は、検証済みワードプレスバージョン、有効インストール数、最終更新日でお願いします。
但し、有料版、Add-On、&#8221;Contact Form系&#8221;、は除外してください。
<br>また、提示したプラグインが除外対象の場合、他のおすすめプラグインを同様の評価で追記回答ください。
回答内容は、順位、プラグイン名、検証済みワードプレスバージョン、有効インストール数、最終更新日のみでお願いします。
<br>更に、タイトルを以下の様に編集してください。
<br>「順位」を「No」に、「プラグイン名」を「Plugin」に、「検証済みワードプレスバージョン」を「検証WP_Ver」に、「有効インストール数」を「実Install数」に、「最終更新日」を「LastUpdate」に変更してください。
<br>また、データの項目順は、「順位」、「プラグイン名」、「検証済みワードプレスバージョン」、「有効インストール数」「最終更新日」、の順でお願いします。
<br>データの内、「プラグイン名」は、30文字でカットしてください。「最終更新日」は、yy/mm/ddでお願いします。
<br>タイトルを付けて、csv形式で回答願います。
<br>
<br>データソースの出所、データソースの取得日も教えて戴けるとありがたいです。
<br>「データソースの取得日」は、処理日ではなく、実データの入手日でお願いします。
<br>「根拠は、公式サイト（WordPress.org/plugins）で、本日（23/05/08）と比較して、検証済みワードプレスバージョン、最終更新日が古すぎるからです。」
</p>



<h4 class="wp-block-heading"><span id="toc13">.csvへの編集もしてくれた、但し</span></h4>



<p class="bg-secondary">このようなテキストを生成しました。ご確認ください。
<br>
<br>データソースの出所：WordPress.org/plugins
<br>データソースの取得日：23/05/08
<br>
<br>No,Plugin,検証WP_Ver,実Install数,LastUpdate
<br> 1,Invisible reCaptcha for WordPress,5.7.2,100000+,21/04/05
<br> 2,No CAPTCHA reCAPTCHA,5.7.2,100000+,21/03/30
<br> 3,hCaptcha for WordPress,5.7.2,10000+,21/04/29
<br> 4,ReCaptcha Integration for WordPress,5.7.2,10000+,21/04/29
<br> 5,Simple Google reCAPTCHA,5.7.2,10000+,21/04/29
<br> 6,Easy Forms for Mailchimp,5.7.2,80000+,21/04/28
<br> 7,BuddyPress reCAPTCHA,5.7.2,2000+,21/03/30
<br> 8,WooCommerce Google reCAPTCHA v3 &#8211; No&#8230;,5.7.2,2000+,21/03/30
<br> 9,WooCommerce Google reCAPTCHA v3 &#8211; No&#8230;,5.7.2,2000+,21/03/30
<br>10,WooCommerce Google reCAPTCHA v3 &#8211; No&#8230;,5.7.2,2000+,21/03/30
<br>11,WooCommerce Google reCAPTCHA v3 &#8211; No&#8230;,5.7.2,2000+,21/03/30
<br>12,WooCommerce Google reCAPTCHA v3 &#8211; No&#8230;,5.7.2,2000+,21/03/30
<br>13,WooCommerce Google reCAPTCHA v3 &#8211; No&#8230;,5.7.2,2000+,21/03/30
<br>14,WooCommerce Google reCAPTCHA v3 &#8211; No&#8230;,5.7.2,2000+,21/03/30
<br>15,WooCommerce Google reCAPTCHA v3 &#8211; No&#8230;,5.7.2,2000+,21/03/30
<br>16,WooCommerce Google reCAPTCHA v3 &#8211; No&#8230;,5.7.2,2000+,21/03/30
<br>17,WooCommerce Google reCAPTCHA v3 &#8211; No&#8230;,5.7.2,2000+,21/03/30
<br>18,WooCommerce Google reCAPTCHA v3 &#8211; No&#8230;,5.7.2,2000+,21/03/30
<br>19,WooCommerce Google reCAPTCHA v3 &#8211; No&#8230;,5.7.2,2000+,21/03/30
<br>20,WooCommerce Google reCAPTCHA v3 &#8211; No&#8230;,5.7.2,2000+,21/03/30
<br>21,WooCommerce Google reCAPTCHA v3 &#8211; No&#8230;,5.7.2,2000+,21/03/30
<br>22,WooCommerce Google reCAPTCHA v3 &#8211; No&#8230;,5.7.2,2000+,21/03/30
<br>23,WooCommerce Google reCAPTCHA v3 &#8211; No&#8230;,5.7.2,2000+,21/03/30
<br>24,WooCommerce Google reCAPTCHA v3 &#8211; No&#8230;,5.7.2,2000+,21/03/30
<br>25,WooCommerce Google reCAPTCHA v3 &#8211; No&#8230;,5.7.2,2000+,21/03/30
<br>26,WooCommerce Google reCAPTCHA v3 &#8211; No&#8230;,5.7.2,2000+,21/03/30
<br>27,WooCommerce Google reCAPTCHA v3 &#8211; No&#8230;,5.7.2,2000+,21/03/30
<br>28,WooCommerce Google reCAPTCHA v3 &#8211; No&#8230;,5.7.2,2000+,21/03/30
<br>29,WooCommerce Google reCAPTCHA v3 &#8211; No&#8230;,5.7.2,2000+,21/03/30
<br>30,WooCommerce Google reCAPTCHA v3 &#8211; No&#8230;,5.7.2,2000+,21/03/
<br>
<br>除外対象のプラグインは以下の通りです。
<br>Advanced noCaptcha &amp; Invisible Captcha: 有料版あり、最終更新日が古い (20年10月)
<br>Invisible reCaptcha for WordPress: 有料版あり
</p>

<p><button type="button" class="btn btn-secondary">[回答]の評価</button>
<br>.csv出力をかなえてくれました。（タイトルの編集も、タイトル行出力も申し分ないです。）
<br>Plugin名の30文字以降をカットは良い様に思えますが、
<br>8位以降30位まで、みんな同じ名前に見えます。検証WP_Ver,実Install数,LastUpdateが、みな同じで参考になりません。
<br>
<br>文字数カットを50文字以降にして、再確認しようと思います。
<br>
<br>データソースの取得日:23/05/08となっていますが、明らかに処理日です。
<br>「根拠は、WordPress.org/pluginsで、調査したプラグインの最終更新日とかけ離れているからです。」
</p>    

<hr>



<h2 class="wp-block-heading"><span id="toc14">執筆分野の見直し・評価など</span></h2>



<h3 class="wp-block-heading"><span id="toc15">執筆分野</span></h3>



<ul>
    <li>10個のPluginを提示（示唆された除外分を除く）</li>
    <li>評価基準項目と評価内容の明確化</li>
    <li>提示以外のお薦めPluginの追加提示リクエスト</li>
    <ul>
        <li>追加Pluginの選定基準</li>
        <li>追加を含めBest20まで</li>
    </ul>
    <li>重複Pluginの排除</li>
    <li>タイトルとデータの編集指定</li>
    <li>タイトル付き.csv形式での回答依頼</li>
</ul>



<p><button type="button" class="btn btn-primary tal">その後、文字数カットを50文字にしたり、文字数制限無しにもしたのですが、重複は免れませんでした。
<br>執筆内容もできる限り工夫してみても、ChatGPTでの限界がある様です。
<br>編集はタイトルでは旨くいくのですが、実データの方はまちまちです。
<br>Best30にしても、Best20にしても、
<br>ChatGPTから<br>
「<b>ワードプレスのreCAPTCHAプラグインの順位を付けるのは難しいですが、評価基準に従って以下のように回答してみました。</b>」
<br>の様な回答もありました。
<br>
<br>そこで、「執筆分野」を以下の内容で、２回繰り返し「下書きの生成」をしてみました。</button></p>
<p></p>

<p><span class="badge bg-light" style="color: black;">執筆分野</span></p>
<p class="bg-light" style="color: black;">ワードプレスのreCAPTCHAプラグイン、
    「Advanced noCaptcha &amp; Invisible Captcha」、
    「Invisible reCaptcha for WordPress」、
    「Easy Forms for Mailchimp」、
    「Login No Captcha reCAPTCHA」、
    「Simple Google reCAPTCHA」、
    「hCaptcha for WordPress」、
    「ReCaptcha Integration for WordPress」、
    「No CAPTCHA reCAPTCHA」、
    「Simple Cloudflare Turnstile」、
    「GeoDirectory – Business Directory, Listings or Classified Directory」、
    「Booking Package – 予約システム」、の内で順位を付けて教えてください。
<br>
<br>・評価基準項目と評価内容は、
<br>検証済みワードプレスバージョンの新しさ、有効インストール数の多さ、プラグインの最終更新日の新しさで、お願いします。
<br>有料版、Add-On、&#8221;Contact Form系&#8221;、は除外してください。
<br>
<br>・除外対象があった場合、他のおすすめプラグインを同じの評価で追加してBest20を回答ください。
<br>但し、重複無しで、検証済みワードプレスバージョンが不明なものや極端に古いバージョンのもの（例えばバージョン4以下）、有効インストール数が1,000以下のものは、追加しないでください。
<br>
<br>・回答内容は、順位、プラグイン名、検証済みワードプレスバージョン、有効インストール数、最終更新日(yy/mm/ddで編集)のみでお願いします。
<br>
<br>・タイトルを以下の様に編集してください。
<br>タイトルの「順位」を「No」に、「プラグイン名」を「Plugin」に、「検証済みワードプレスバージョン」を「検証WP_Ver」に、「有効インストール数」を「実Install数」に、「最終更新日」を「LastUpdate」に変更して下さい。
<br>
<br>・タイトルを付けて、csv形式で回答願います。</p>


<p class="bg-secondary">１回目の「回答」</p>
<p class="bg-secondary">ワードプレスのreCAPTCHAプラグインの順位を付けるのは難しいですが、評価基準に従って以下のように回答してみました。
<br>
<br>No,Plugin,検証WP_Ver,実Install数,LastUpdate
<br>01,Invisible reCaptcha for WordPress,5.8.2,100,000+,23/01/20
<br>02,No CAPTCHA reCAPTCHA,5.8.2,100,000+,21/10/21
<br>03,hCaptcha for WordPress,5.8.2,90,000+,21/10/21
<br>04,Login No Captcha reCAPTCHA,5.8.2,80,000+,21/10/21
<br>05,ReCaptcha Integration for WordPress,5.8.2,50,000+,21/10/21
<br>06,Easy Forms for Mailchimp,5.8.2,40,000+,21/10/21
<br>07,Simplified Google reCAPTCHA v3 &amp; v2 (invisible),5.8.2,30,000+,21/10/21
<br>08,Simplified Google reCAPTCHA v3 &amp; v2 (invisible),5.8.2,30,000+,21/10/21
<br>09,Simplified Google reCAPTCHA v3 &amp; v2 (invisible),5.8.2,30,000+,21/10/21
<br>10,Simplified Google reCAPTCHA v3 &amp; v2 (invisible),5.8.2,30,000+,21/10/21
<br>11,Simplified Google reCAPTCHA v3 &amp; v2 (invisible),5.8.2,30,000+,21/10/21
<br>12,Simplified Google reCAPTCHA v3 &amp; v2 (invisible),5.8.2,30,000+,21/10/21
<br>13,Simplified Google reCAPTCHA v3 &amp; v2 (invisible),5.8.2,30,000+,21/10/21
<br>14,Simplified Google reCAPTCHA v3 &amp; v2 (invisible),5.8.2,30,000+,21/10/21
<br>15,Simplified Google reCAPTCHA v3 &amp; v2 (invisible),5.8.2,30,000+,21/10/21
<br>16,Simplified Google reCAPTCHA v3 &amp; v2 (invisible),5.8.2,30,000+,21/10/21
<br>17,Simplified Google reCAPTCHA v3 &amp; v2 (invisible),5.8.2,30,000+,21/10/21
<br>18,Simplified Google reCAPTCHA v3 &amp; v2 (invisible),5.8.2,30,000+,21/10/21
<br>19,Simplified Google reCAPTCHA v3 &amp; v2 (invisible),5.8.2,30,000+,21/10/21
<br>20,Simplified Google reCAPTCHA v3 &amp; v2 (invisible),5.8.2
<br>
この回答は、ウェブ検索の結果 をもとに作成しました。評価基準以外の要素（機能性、使いやすさ、互換性など）は考慮していません。また、除外対象となるプラグインはありませんでした。</p>
<p>[評価]1</p>
<p>08～20まで重複しています。「重複無しで、」の指定が効いていません。
<br>01～09までの先頭には、0を付加・編集しています（見やすさに配慮）</p>
<p>タイトルの編集と.csv化は申し分ないのですが、</p>
<p>データの方は、再度編集をしなければExcel取り込み時に問題が起きます。</p>
<p>ex.
<br>「01,Invisible reCaptcha for WordPress,5.8.2,100,000+,23/01/20」を
<br>「01,Invisible reCaptcha for WordPress,5.8.2,&#8221;100,000+&#8221;,23/01/20」に
再編集</p>
<p class="bg-secondary">「<b>また、除外対象となるプラグインはありませんでした。</b>」</p><p>と回答がありますが、同じ内容で前回は以下の様な回答も含まれていました。</p>
<p class="bg-secondary">この順位は、各プラグインの公式ページ  から得られた情報に基づいています。ただし、以下のプラグインは除外しました。

<br>・Advanced noCaptcha &amp; Invisible Captcha: 有料版があるため。
<br>・Easy Forms for Mailchimp: Contact Form系であるため。
<br>・Simple Cloudflare Turnstile: 検証済みワードプレスバージョンが不明であるため。
<br>・GeoDirectory – Business Directory: 検証済みワードプレスバージョンが4以下であるため
<br>以上は、提示以外のPluginです。</p>
<p>この場合のNo順も異なっていました。</p>

<p></p>


<p class="bg-secondary">２回目の「回答」</p>
<p class="bg-secondary">ワードプレスのreCAPTCHAプラグインについて、評価基準項目と評価内容に基づいて順位を付けてみました。以下のcsv形式のテキストをご覧ください。
<br>
<br>No,Plugin,検証WP_Ver,実Install数,LastUpdate
<br>1,Invisible reCaptcha for WordPress,5.8.2,100,000+,23/02/01
<br>2,No CAPTCHA reCAPTCHA,5.8.2,40,000+,23/01/28
<br>3,hCaptcha for WordPress,5.8.2,30,000+,23/02/01
<br>4,ReCaptcha Integration for WordPress,5.8.2,20,000+,23/01/28
<br>5,Easy Forms for Mailchimp,5.8.2,10,000+,23/01/29
<br>6,Simple Google reCAPTCHA,5.8.2,10,000+,23/01/28
<br>7,Simple Cloudflare Turnstile,5.8.2,10,000+,23/01/28
<br>8,BWP reCAPTCHA,5.7.3,10,000+,21/12/14
<br>9,GDPR Compliance &amp; Cookie Consent for WordPress – Advanced noCaptcha &amp; invisible Captcha (v2 &amp; v3),5.8.2,9,000+,23/02/01
<br>10,Captcha Booster: Best Captcha Plugin for WordPress Forms – reCAPTCHA Security and Protection from Spam Bots and Login Attacks.,5.8.2,9,000+,22/12/13
<br>11,Captcha Code – WordPress Captcha Plugin for Spam Protection – reCAPTCHA Security and Protection from Spam Bots and Login Attacks.,5.8.2,9,000+,22/12/13
<br>12,CleanTalk Spam Protection – Anti-Spam &amp; Firewall – Captcha Alternatives – GDPR Compliant.,5.8.2,9,000+,23/02/01
<br>13,Captcha Bank: Best Captcha Plugin for WordPress Forms – reCAPTCHA Security and Protection from Spam Bots and Login Attacks.,5.8.2,9,000+,22/12/13
<br>14,Captcha by BestWebSoft – WordPress Captcha Plugin for Spam Protection – reCAPTCHA Security and Protection from Spam Bots and Login Attacks.,5.8.2,9,000+,22/12/13
<br>15,Captcha Plus by BestWebSoft – WordPress Captcha Plugin for Spam Protection – reCAPTCHA Security and Protection from Spam Bots and Login Attacks.,5.8.2,9,000+,22/12/13
<br>16,Captcha Pro by BestWebSoft – WordPress Captcha Plugin for Spam Protection – reCAPTCHA Security and Protection from Spam Bots and Login Attacks.,5.8.2,9,000+,22/12/13
<br>17,Captcha Code Pro by BestWebSoft – WordPress Captcha Plugin for Spam Protection – reCAPTCHA Security and Protection from Spam Bots and Login Attacks.,5.8.2,9,000+,22/12/13
<br>18,Captcha Code Plus by BestWebSoft – WordPress Captcha Plugin for Spam Protection – reCAPTCHA Security and Protection from Spam Bots and Login Attacks.,5.8.2,9,000+,22/12/13
<br>19,Captcha Booster Pro by BestWebSoft – WordPress Captcha Plugin for Spam Protection – reCAPTCHA Security and Protection from Spam Bots and Login Attacks.,5.8.2,9,000+,22/12/13
<br>20,Captcha Booster Plus by BestWebSoft – WordPress Captcha Plugin for Spam Protection – reCAPTCHA Security and Protection from Spam Bots and Login Attacks.,5.8.2</p>
<p></p>
<p>[評価]2</p>
<p>10～18まで同じ様な名称で分かりにくいのですが、重複はありません。
<br>9以降のPluginは、提示したPluguin以外で、提示した評価基準から、提示以外のPluginとして追加されています。
<br>追加されたPluguinは、筆者未確認のものです。

</p>
<p>タイトルの編集と.csv化は申し分ないのですが、</p>
<p>データの方は、再度編集をしなければExcel取り込み時に問題が起きます。</p>
<p>ex.
<br>「01,Invisible reCaptcha for WordPress,5.8.2,100,000+,23/01/20」を
<br>「01,Invisible reCaptcha for WordPress,5.8.2,&#8221;100,000+&#8221;,23/01/20」に再編集</p>



<h2 class="wp-block-heading"><span id="toc16">まとめ</span></h2>



<h3 class="wp-block-heading"><span id="toc17">GPT-4のChatGPTの限界</span></h3>



<h4 class="wp-block-heading"><span id="toc18">限界を知った上での利用</span></h4>



<p>現時点の、EdgeからChatGPTでは、限界があることを認識</p>
<p>基となる情報(BigData)が、古い様です。公式サイト(今回の場合、WordPress.org/plugin)から入手していると、回答がありましたが、現時点の参照ではなく、過去に取得したデータを保持している様です。</p>
<p>同内容(条件や評価基準)の「執筆分野」での「検索」であっても、「<span class="bg-primary">下書きの生成</span>」や<span style="font-size:2rem; color:white;" class="rotate_90">
    <i class="bi bi-arrow-repeat"></i>
   </span>「下書を再生成」の繰り返しでプレビューに表示される内容が都度変わってくることを確認</p>
<p>日本語で「検索」を行う場合「執筆分野」の「記載内容・順序・正確性、主語述語、条件」などが大事</p>
<p>正確な日本語表現を心がけていても、相互に限界を感じる。</p>
<p>他の切り口で実施してみても、限界があった。</p>
<p>例えば、</p>
<p>自分のサイトのURLを掲載して、内容の改善・シンプルさを求めたところ</p>
<p>①.疑似3Dで回転するものの、.cssのシンプル化は、ほぼ満足な結果を得られた。</p>
<p>②.bootstrap3からBootstrap5への移行で、アイコンの真上にフェードインする吹き出しの.cssの変更点に行いては、全く無理だった。（もちろん「執筆分野」への記載内容の工夫、改善の余地があること、改善の方法を模索する必要があることは認識している）</p>



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

<a href="https://xn--ecka7j.biz/toolboox/chatgpt/7362/#reCAPTCHA_Plugin" title="生成AI：Copilot(GPT-4)にInvisible reCAPTCHA for WordPressの代替を問う．しかも無料で" 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/2023/05/Copilot_GPT-4_ASk051-320x180.png" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_ASk051-320x180.png 320w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_ASk051-500x281.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_ASk051-800x450.png 800w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_ASk051-300x169.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_ASk051-768x432.png 768w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_ASk051-120x68.png 120w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_ASk051-160x90.png 160w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_ASk051.png 1200w" sizes="(max-width: 320px) 100vw, 320px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">生成AI：Copilot(GPT-4)にInvisible reCAPTCHA for WordPressの代替を問う．しかも無料で</div><div class="blogcard-snippet internal-blogcard-snippet">あなたは調べ物をする場合、どの様な手段で行いますか？Google検索などで様々なサイトに訪れて探すのが一般的であったかも知れません。ところが今はChatGPTに代表される便利なツールがあります。私は、改良※GPT-4の「Copilot」を使...</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">2024.07.30</div></div></div></div></a>
</div>



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

<a href="https://xn--ecka7j.biz/toolboox/chatgpt/7019/" title="生成AI：ChartGPTの有用性を無料で&#x27a1; GPT-4 Copilotで、 プラグインを評価：日本語で検索" 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/2023/05/Copilot_GPT-4_provisional_article-320x180.png" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_provisional_article-320x180.png 320w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_provisional_article-500x281.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_provisional_article-800x450.png 800w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_provisional_article-300x169.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_provisional_article-768x432.png 768w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_provisional_article-120x68.png 120w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_provisional_article-160x90.png 160w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_provisional_article.png 1200w" sizes="(max-width: 320px) 100vw, 320px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">生成AI：ChartGPTの有用性を無料で&#x27a1; GPT-4 Copilotで、 プラグインを評価：日本語で検索</div><div class="blogcard-snippet internal-blogcard-snippet">すごいぞChatGPT（これは、場合によっては 検索エンジンを圧倒し、遥かに強力な利用者の為のエンジンになる！）。項目ごとに詳細を記入して質問するとちゃんとした日本語で答えてくれた。正しい言い回しでしかもスムーズに文書が返ってくる。アイデアを選べば、項目ごとに箇条書きもしてくれる。但し、専門的な内容では元になるBigDataが古い様で要注意。質問内容もさることながら、質問する文書の組み立て、前提条件、回答要件などの内容が大事です。</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">2023.10.19</div></div></div></div></a>
</div>



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

<a href="https://xn--ecka7j.biz/toolboox/chatgpt/7147/" title="生成AI：Copilot（GPT-4）に .cssデザインの改善を尋ねてみた（無料）" 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/2023/05/Copilot_GPT-4_design-320x180.png" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_design-320x180.png 320w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_design-500x281.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_design-800x450.png 800w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_design-300x169.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_design-768x432.png 768w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_design-120x68.png 120w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_design-160x90.png 160w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_design.png 1200w" sizes="(max-width: 320px) 100vw, 320px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">生成AI：Copilot（GPT-4）に .cssデザインの改善を尋ねてみた（無料）</div><div class="blogcard-snippet internal-blogcard-snippet">今回の場合、ChatGPTから提供された回答（スケルトン）を少し修正・変更するだけで、実用になる（使える）ものを入手することができました。ただ、今回の様に必ず旨く通用するもの入手できるか？というと、そうでもない様です。肝心なことは、「執筆分野」に投稿する内容・質（適語表現であることも含め）・難易度だろうと思います。また、技術的なものであった場合、ChatGPTが保有するBigDataが最新のものでは無いため、特に進化の早いIT関連技術では、最新の情報やテクニックは入手し辛いものになっている様です。筆者が、別の切り口で「執筆分野」に投稿したものは、未だ有効な情報の入手が出来ないでいるのが現状です。</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">2023.06.03</div></div></div></div></a>
</div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>生成AI：ChartGPTの有用性を無料で&#x27a1; GPT-4 Copilotで、 プラグインを評価：日本語で検索</title>
		<link>https://xn--ecka7j.biz/toolboox/chatgpt/7019/</link>
		
		<dc:creator><![CDATA[Jun-N]]></dc:creator>
		<pubDate>Thu, 04 May 2023 10:42:32 +0000</pubDate>
				<category><![CDATA[生成AI]]></category>
		<category><![CDATA[AI Tool]]></category>
		<category><![CDATA[Copilot]]></category>
		<category><![CDATA[Edge Copilot]]></category>
		<category><![CDATA[GPT-4]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[プラグイン]]></category>
		<guid isPermaLink="false">https://xn--ecka7j.biz/?p=7019</guid>

					<description><![CDATA[目次 CopilotChatGPT reCAPTCHA WordPressプラグインを評価ChatGPT日本語で検索ChatGPT　日本語で検索してみるprovisional article Copilot ChatGP [&#8230;]]]></description>
										<content:encoded><![CDATA[
<!-- 抽出 From G:\Bootstrap5_Test_samples/bootstrap_sel1.css 23/05/04Update -->
<link href="https://xn--ecka7j.biz/wp-content/uploads/j_css/bootstrap_sel1.css" rel="stylesheet">
<!-- All Bootstrap Icons -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.0/font/bootstrap-icons.css" rel="stylesheet">
<link href="https://xn--ecka7j.biz/wp-content/uploads/j_css/css5.css" rel="stylesheet">




  <div id="toc" class="toc tnt-none toc-center tnt-none border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-10" checked><label class="toc-title" for="toc-checkbox-10">目次</label>
    <div class="toc-content">
    <ul class="toc-list open"><li><a href="#toc1" tabindex="0">Copilot</a><ul><li><a href="#toc2" tabindex="0">ChatGPT</a></li></ul></li><li><a href="#toc3" tabindex="0"> reCAPTCHA WordPressプラグインを評価</a></li><li><a href="#toc4" tabindex="0">ChatGPT日本語で検索</a><ul><li><a href="#toc5" tabindex="0">ChatGPT　日本語で検索してみる</a></li><li><a href="#toc6" tabindex="0">provisional article</a></li></ul></li></ul>
    </div>
  </div>

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



<h3 class="wp-block-heading"><span id="toc2">ChatGPT</span></h3>



<div class="wp-block-group is-style-information-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>すごいぞ<strong>ChatGPT</strong><span class="bold-red"><span class="badge-red">※</span></span>。項目ごとに詳細を記入して質問するとちゃんとした日本語で答えてくれた。（これは、場合によっては 検索エンジンを圧倒し、遥かに強力な利用者の為のエンジンになる！）</p>



<p>正しい言い回しでしかもスムーズに文書が返ってくる。アイデアを選べば、項目ごとに箇条書きもしてくれる。</p>



<p>但し、専門的な内容では元になるBigDataが古い様で要注意。<br>全く同じ質問内容でも <span style="font-size:2.0rem; color:white;" class="rotate_90"><i class="bi bi-arrow-repeat"></i></span> [下書きを再生成]アイコンをクリックするたびに、異なる内容が返ってくる。</p>



<p>例えば、「複数の判断材料を提示して」お薦め度とランキング（Best10）などを求めた場合など、評価基準を詳しく書いても<br>更新のたびにランキングが違う。<br>また、「（有効性、優位性、メリット、デメリット、考慮事項、評価内容などを提示して）、これらを評価し、おすすめ度合を教えてください。」<br>などと提示する場合、<br>「有効性、優位性、メリット、デメリット、評価内容、選定理由、機能説明の記載・回答は不要です。」と追記しておかないと、</p>



<p>有効性、優位性、メリット、デメリット、評価内容、選定理由、機能説明等の回答が先に延々と提示され、<br>肝心のランキングなどが、Best１～３とか、Best１～５とかで途中で尻切れトンボ状態で終わってしまう。<br>無料枠なので文字数制限がある様です。<br>それも（763、978、1,328、1,392、1,408、1,439、1,674、）と一定しません。</p>



<p>利用するにあたって気を付けることは、<br>質問内容もさることながら、質問する文書の組み立て、前提条件、回答要件などの内容が大事です。</p>



<p>以下は実際に行った状況です。<br>全てを載せると膨大な文書量となってしまうので、できるだけ掻い摘んでお知らせします。</p>



<p>ChatGPTで得られた内容（情報）に対して加筆・修正はしておりません。<br>これは公正を保つためです。</p>



<p>一方、内容をそのまま掲載すると見にくくなってしまう為、<br>見やすさ・分かりやすさを念頭において、ある程度の（改行の追加、段落、文字間、行間調整）などの編集を行っています。</p>



<p>現時点でのEdgeからの利用では、右ペインの狭い領域で展開され・拡張表示もできませんので、<br>実際の雰囲気（使用感）をつかみたい方は、この記事の執筆分野をコピペしてChatGPTを操作してみることをお勧めします。<br><span class="marker"><span class="bold-red">※．</span>ここと、他の記事で&#8221;<strong>ChatGPT</strong>&#8220;と書いているものは、正式には（<strong>GPT-4搭載したマイクロソフトEdge「Copilot」</strong>です。）</span></p>



<div class="wp-block-group is-style-information-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>実際の操作方法の概略を以下に記載します。<br>（詳細の操作をお知りになりたい場合は、<br>URL：<a href="https://xn--ecka7j.biz/toolboox/6973/">https://xn--ecka7j.biz/toolboox/6973/</a><strong> </strong>  からどうぞ！　<br>以下にブログカードを貼っておきます。）</p>
</div>
</div>



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

<a href="https://xn--ecka7j.biz/toolboox/6973/" title="生成AI：手軽にChat GPTを試してみる。&#x27a1; Copilot　無料でGPT-4「Bootstrap 5 Coding」" 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/2023/05/Copilot-320x180.png" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot-320x180.png 320w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot-500x281.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot-800x450.png 800w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot-300x169.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot-768x432.png 768w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot-120x68.png 120w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot-160x90.png 160w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot.png 1200w" sizes="(max-width: 320px) 100vw, 320px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">生成AI：手軽にChat GPTを試してみる。&#x27a1; Copilot　無料でGPT-4「Bootstrap 5 Coding」</div><div class="blogcard-snippet internal-blogcard-snippet">今話題の「ChatGPT」、無料版GPT-4を超簡単な方法で利用してみました。面倒な設定一切無し、その方法「Copilot」で試した結果をまとめてみました。OpenAIに申請しなくても、Chat GPTのAPI key generatedからAPI keyを入手しなくても良いのです。手軽に、気軽に始めてみませんか？</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">2023.05.14</div></div></div></div></a>
</div>



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

<a href="https://xn--ecka7j.biz/toolboox/chatgpt/7147/" title="生成AI：Copilot（GPT-4）に .cssデザインの改善を尋ねてみた（無料）" 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/2023/05/Copilot_GPT-4_design-320x180.png" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_design-320x180.png 320w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_design-500x281.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_design-800x450.png 800w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_design-300x169.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_design-768x432.png 768w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_design-120x68.png 120w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_design-160x90.png 160w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_design.png 1200w" sizes="(max-width: 320px) 100vw, 320px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">生成AI：Copilot（GPT-4）に .cssデザインの改善を尋ねてみた（無料）</div><div class="blogcard-snippet internal-blogcard-snippet">今回の場合、ChatGPTから提供された回答（スケルトン）を少し修正・変更するだけで、実用になる（使える）ものを入手することができました。ただ、今回の様に必ず旨く通用するもの入手できるか？というと、そうでもない様です。肝心なことは、「執筆分野」に投稿する内容・質（適語表現であることも含め）・難易度だろうと思います。また、技術的なものであった場合、ChatGPTが保有するBigDataが最新のものでは無いため、特に進化の早いIT関連技術では、最新の情報やテクニックは入手し辛いものになっている様です。筆者が、別の切り口で「執筆分野」に投稿したものは、未だ有効な情報の入手が出来ないでいるのが現状です。</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">2023.06.03</div></div></div></div></a>
</div>



<h2 class="wp-block-heading"><span id="toc3"> reCAPTCHA WordPressプラグインを評価</span></h2>



<div class="wp-block-group is-style-information-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>この記事は編集推移のまま公開しています。<br>今後、評価内容となった、複数回のChatGPTでの「執筆分野」の内容や、結果の <i class="bi bi-pencil" style="font-size:1.5rem;"></i> 「プレビュー」を<br>この記事や、別途記事でご案内する予定でいます。</p>
</div>



<h2 class="wp-block-heading"><span id="toc4">ChatGPT日本語で検索</span></h2>



<h3 class="wp-block-heading"><span id="toc5">ChatGPT　日本語で検索してみる</span></h3>



<p><del>只今執筆中です。今しばらくお待ちください。</del>m(..)m　<i class="bi bi-emoji-smile" style="font-size:2.0rem; color:white;"></i></p>



<p>長文です。以下のブログカードクリックからお願いします。</p>



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

<a href="https://xn--ecka7j.biz/toolboox/chatgpt/7093/" title="生成AI：無料でGPT-4 日本語で検索してみる Copilot（WordPressプラグイン を探す）" 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/2023/05/Copilot_GPT-4_Japanese-320x180.png" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_Japanese-320x180.png 320w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_Japanese-500x281.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_Japanese-800x450.png 800w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_Japanese-300x169.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_Japanese-768x432.png 768w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_Japanese-120x68.png 120w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_Japanese-160x90.png 160w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_Japanese.png 1200w" sizes="(max-width: 320px) 100vw, 320px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">生成AI：無料でGPT-4 日本語で検索してみる Copilot（WordPressプラグイン を探す）</div><div class="blogcard-snippet internal-blogcard-snippet">何も評価項目を付けずに除外条件のみで、「ワードプレスで有効なreCAPTCHAプラグインを50個教えてください。但し、有料版、Add-On、ContactForm系、複合プラグインは除外してください。」で検索してみる。次に、評価項目を付けて、更に、https://ja.wordpress.org/plugins/search/reCAPTCHA/ で調べたPluginを順に提示し、提示分を含め評価項目順に評価し、未提示Pluginを含めBest20を求めてみた。「検索結果がスムーズに、驚くべき速さで反映され関心する」半面、相互に限界も感じる。「記載内容・順序・正確性、条件」などが大事なこと。正確な日本語表現を心がけていても、重複する内容が返ってきたりする。もちろん「執筆分野」への記載内容の工夫、改善の余地があること、改善の方法を模索する必要があることは認識している。</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">2023.10.19</div></div></div></div></a>
</div>



<h3 class="wp-block-heading"><span id="toc6">provisional article</span></h3>



<p><i class="fas fa-atom fa-spin"></i>　この表は最終結果です。（ここに至る途中の表（テーブル）も今後載せる予定です。）</p>



<div class="b3_ivory">	
<figure class="wp-block-table">
 <div class="scrollable-table stfc-sticky"><table class="table table-bordered" style="border-collapse: collapse; border-color:green" border="1">
  <caption class="figure-caption">※.2023/05/02～05/03時点：(Plugin名は一部省略しています。 -以降)
  <br>　但し、複合Plugin及び Add-on Pluginは除外しています。</caption>
  <thead>
   <tr>
    <th class="th" scope="col"></th>
    <th class="b3_aqua"></th>
    <th class="tal badge bg-info" colspan="5"> https://ja.wordpress.org/plugins/ 検索</th>
    <th class="tar badge bg-warning" colspan="7">ChatGPT　 評価の目安1.2.3.4.5</th>
    <th class="b3_blue1">&#8211;</th>
   </tr>
   <tr>
    <th class="tac">☆</th>
    <th class="tac">＃</th>
    <th>reCaptcha_Plugin Name<br>（#:Rank20）</th>
    <th class="tac">WP<br>検証済<br>Version</th>
    <th class="tac badge bg-success">最終<br>更新<br>概算</th>
    <th class="tac badge bg-secondary">Plugin<br>最終<br>更新</th>
    <th class="tar">有効<br>Install<br>数(+)</th>
    <th class="tac">WP<br>検証済<br>Version</th>
    <th class="tac">Plugin<br>最終<br>更新</th>
    <th class="tac badge bg-dark">評<br>価<br>*</th>
    <th class="tac">評<br>価<br>１</th>
    <th class="tac">評<br>価<br>２</th>
    <th class="tac">評<br>価<br>３</th>
    <th class="tac">評<br>価<br>４</th>
    <th>&#8211;</th>
  </tr>
  </thead>

  <tbody>
   <tr>
 	<td class="tac">☆</td>  	
    <td class="tac">1</td>
	<td class="tal">CAPTCHA 4WP</td>
	<td class="bg-primary">6.2</td>
	<td class="tac">23/04/27</td>
	<td class="tac">5日前</td>
	<td class="tar">200,000</td>
	<td class="tar">5.9　</td>
	<td class="tac">22/02/18</td>
	<td class="tac">1</td>
	<td class="tac">1</td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac"></td>
  </tr>
  <tr>
	<td class="tac">☆</td>
	<td class="tac">1</td>
	<td class="tal">reCaptcha by BestWebSoft</td>
	<td class="bg-primary">6.2</td>
	<td class="tac">23/04/15</td>
	<td class="tac">3週間前</td>
	<td class="tar">200,000</td>
	<td class="tar">5.8.2</td>
	<td class="tac">21/11/09</td>
	<td class="tac">2</td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac"></td>
  </tr>
  <tr>
	<td class="tac">★</td>
	<td class="tac">3</td>
	<td class="tal">Easy Forms for Mailchimp</td>
	<td class="bg-primary">6.2</td>
	<td class="tac">23/04/02</td>
	<td class="tac">1か月前</td>
	<td class="tar">100,000</td>
	<td class="tar">5.8.2</td>
	<td class="tac">23/04/27</td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac"></td>
	</tr>
	<tr>
	<td class="tac">★</td>
	<td class="tac">3</td>
	<td class="tal">Hustle – Email Marketing, </td>
	<td class="bg-primary">6.2</td>
	<td class="tac">23/04/18</td>
	<td class="tac">2週間前</td>
	<td class="tar">100,000</td>
	<td class="tar">5.8.2</td>
	<td class="tac">23/01/05</td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac"></td>
  </tr>
  <tr>
	<td class="tac">★</td>
	<td class="tac">3</td>
	<td class="bg-secondary tal">Invisible reCaptcha for WordPress</td>
	<td class="bg-warning tar">5.4.12</td>
	<td class="tac">20/04/08</td>
	<td class="bg-warning tar">3年前</td>
	<td class="tar">100,000</td>
	<td class="bg-warning tar">5.9.1</td>
	<td class="bg-warning tac">22/12/14</td>
	<td class="tac"></td>
	<td class="tac">2</td>
	<td class="tac"></td>
	<td class="tac">6</td>
	<td class="tac"></td>
	<td class="tac"></td>
  </tr>
  <tr>
	<td class="tac">☆</td>
	<td class="tac">6</td>
	<td class="tal">Login No Captcha reCAPTCHA</td>
	<td class="bg-success tac">6.1.1</td>
	<td class="tac">23/01/25</td>
	<td class="tac">3か月前</td>
	<td class="tar">90,000</td>
	<td class="tar">5.8.2</td>
	<td class="tac">21/01/06</td>
	<td class="tac">3</td>
	<td class="tac"></td>
	<td class="tac">3</td>
	<td class="tac">3</td>
	<td class="tac">6</td>
	<td class="tac"></td>
  </tr>
<tr><td class="tac">☆</td><td class="tac">NG</td>
<td class="tal">Simple Google reCAPTCHA
<br>&#x27a1;このプラグインは<br>2023 年 9 月 20 日をもって閉鎖されており<br>ダウンロードすることはできません。<br>この閉鎖は永久的です。
<br>https://wordpress.org/plugins/<br>simple-google-recaptcha/
</td>
<td class="bg-secondary tac">6.0.3</td>
<td class="tac">22/09/04</td>
<td class="tac">7か月前</td>
<td class="tar">70,000</td>
<td class="tar">5.8.2</td>
<td class="tac">21/11/17</td>
<td class="tac">4</td>
<td class="tac">5</td>
<td class="tac"></td>
<td class="tac">7</td>
<td class="tac">7</td>
<td class="tac"></td>
 </tr>
  <tr>
	<td class="tac">☆</td>
	<td class="tac">8</td>
	<td class="tal">Advanced Google reCAPTCHA</td>
	<td class="bg-primary">6.2</td>
	<td class="tac">23/03/02</td>
	<td class="tac">2か月前</td>
	<td class="tar">40,000</td>
	<td class="tar">5.8.2</td>
	<td class="tac">21/12/23</td>
	<td class="tac">5</td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac">8</td>
	<td class="tac">8</td>
	<td class="tac"></td>
  </tr>
  <tr>
	<td class="tac">☆</td>
	<td class="tac">8</td>
	<td class="tal">hCaptcha for WordPress</td>
	<td class="bg-primary">6.2</td>
	<td class="tac">23/04/15</td>
	<td class="tac">3週間前</td>
	<td class="tar">40,000</td>
	<td class="tar">5.8.2</td>
	<td class="tac">21/11/10</td>
	<td class="tac">6</td>
	<td class="tac">3</td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac">9</td>
	<td class="tac"></td>
  </tr>
  <tr>
	<td class="tac">★</td>
	<td class="tac">10</td>
	<td class="tal">Appointment Hour Booking – 予約</td>
	<td class="bg-primary">6.2</td>
	<td class="tac">23/04/26</td>
	<td class="tac">6日前</td>
	<td class="tar">30,000</td>
	<td class="tar">5.7.2</td>
	<td class="tac">23/04/26</td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac">10</td>
	<td class="tac"></td>
  </tr>
 </tbody>
</table></div>
</figure>
<p>※．ChatGPTの方がWordPress.orgより
<br>PluginのWordPress検証済みVersionと、Pluginの最終更新日の情報が古い様です。
<br>　但し「Invisible reCaptcha for WordPress」のみWordPress.orgの方が古いです。
<br>　この情報が正しいとした場合、「<b>Invisible reCaptcha for WordPress</b>」の最新版は、<i class="bi bi-github"></i>　<b>Github</b>にでもあるのだろうか？
<br>今回、Pluginの情報を調べようと思ったきっかけは、
<br>　現在reCAPTCHAプラグインでは、「Invisible reCaptcha for WordPress」を使用しており、WordPress.orgの情報から3年以上も更新されていないことから、
<br>代替のreCAPTCHAプラグインを探す必要性を感じているからです。</p>

<figure class="wp-block-table">
 
　<div class="scrollable-table stfc-sticky"><table class="table table-bordered" style="border-collapse: collapse; border-color:green" border="1"><caption class="figure-caption">　同率10位以降</caption>
  <thead>
   <tr>
    <th class="th" scope="col"></th>
    <th class="b3_aqua"></th>
    <th class="tal badge bg-info" colspan="5"> https://ja.wordpress.org/plugins/ 検索</th>
    <th class="tar badge bg-warning" colspan="7">ChatGPT　 評価の目安1.2.3.4.5</th>
    <th class="b3_blue1">&#8211;</th>
   </tr>
   <tr>
    <th class="tac">☆</th>
    <th class="tac">＃</th>
    <th>reCaptcha_Plugin Name<br>（#:Rank20）</th>
    <th class="tac">WP<br>検証済<br>Version</th>
    <th class="tac badge bg-success">最終<br>更新<br>概算</th>
    <th class="tac badge bg-secondary">Plugin<br>最終<br>更新</th>
    <th class="tar">有効<br>Install<br>数(+)</th>
    <th class="tac">WP<br>検証済<br>Version</th>
    <th class="tac">Plugin<br>最終<br>更新</th>
    <th class="tac badge bg-dark">評<br>価<br>*</th>
    <th class="tac">評<br>価<br>１</th>
    <th class="tac">評<br>価<br>２</th>
    <th class="tac">評<br>価<br>３</th>
    <th class="tac">評<br>価<br>４</th>
    <th>&#8211;</th>
  </tr>
  </thead>

  <tbody>  
  <tr>
	<td class="tac">★</td>
	<td class="tac">10</td>
	<td class="tal">WP User Frontend – Registration, </td>
	<td class="bg-primary">6.2</td>
	<td class="tac">23/04/26</td>
	<td class="tac">6日前</td>
	<td class="tar">30,000</td>
	<td class="tar">5.8.2</td>
	<td class="tac">22/12/04</td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac">11</td>
	<td class="tac"></td>
  </tr>
  <tr>
	<td class="tac">☆</td>
	<td class="tac">10</td>
	<td class="tal">Captcha Code</td>
	<td class="bg-success tac">6.1.1</td>
	<td class="tac">22/10/21</td>
	<td class="tac">6か月前</td>
	<td class="tar">30,000</td>
	<td class="tar">5.8.2</td>
	<td class="tac">20/10/28</td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac">5</td>
	<td class="tac">5</td>
	<td class="tac"></td>
  </tr>
  <tr>
	<td class="tac">▼</td>
	<td class="tac">10</td>
	<td class="bg-secondary tal">WPBruiser {no- Captcha anti-Spam}</td>
	<td class="bg-warning tar">5.5.11</td>
	<td class="tac">20/04/02</td>
	<td class="bg-warning tar">3年前</td>
	<td class="tar">30,000</td>
	<td class="tar">5.1.1</td>
	<td class="tac">21/10/08</td>
	<td class="tac">8</td>
	<td class="tac">4</td>
	<td class="tac">5</td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac"></td>
</tr>
<tr>
	<td class="tac">☆</td>
	<td class="tac">14</td>
	<td class="tal">Gravity Forms + Custom Post Types</td>
	<td class="bg-secondary tac">6.0.3</td>
	<td class="tac">22/09/02</td>
	<td class="tac">7か月前</td>
	<td class="tar">20,000</td>
	<td class="tar">5.8.2</td>
	<td class="tac">21/11/10</td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac"></td>
  </tr>
  <tr>
	<td class="tac">☆</td>
	<td class="tac">14</td>
	<td class="tal">Ultimate Member – reCAPTCHA</td>
	<td class="bg-secondary tac">6.0.3</td>
	<td class="tac">22/04/02</td>
	<td class="tac">11か月前</td>
	<td class="tar">20,000</td>
	<td class="bg-secondary tac">6.0.3</td>
	<td class="tac">22/06/13</td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac">9</td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac"></td>
  </tr>
  <tr>
	<td class="tac">▼</td>
	<td class="tac">14</td>
	<td class="bg-secondary tal">reCAPTCHA for MW WP Form</td>
	<td class="bg-warning tar">5.9.5</td>
	<td class="tac">22/05/02</td>
	<td class="tac">1年前</td>
	<td class="tar">20,000</td>
	<td class="tar">5.8.2</td>
	<td class="tac">21/05/16</td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac">6</td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac"></td>
  </tr>
  <tr>
	<td class="tac">★</td>
	<td class="tac">17</td>
	<td class="tal">Booking Package – 予約</td>
	<td class="bg-primary">6.2</td>
	<td class="tac">23/05/01</td>
	<td class="tac">1日前</td>
	<td class="tar">10,000</td>
	<td class="tar">5.8.2</td>
	<td class="tac">21/11/09</td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac"></td>
  </tr>
  <tr>
	<td class="tac">☆</td>
	<td class="tac">17</td>
	<td class="tal">GeoDirectory – Business Directory, </td>
	<td class="bg-primary">6.2</td>
	<td class="tac">23/04/27</td>
	<td class="tac">5日前</td>
	<td class="tar">10,000</td>
	<td class="tar">5.8.2</td>
	<td class="tac">20/08/27</td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac"></td>
  </tr>
  <tr>
	<td class="tac">☆</td>
	<td class="tac">17</td>
	<td class="tal">Simple Cloudflare Turnstile</td>
	<td class="bg-primary">6.2</td>
	<td class="tac">23/04/27</td>
	<td class="tac">5日前</td>
	<td class="tar">10,000</td>
	<td class="tar">5.8.2</td>
	<td class="tac">21/11/18</td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac"></td>
  </tr>
  <tr>
	<td class="tac">☆</td>
	<td class="tac">17</td>
	<td class="tal">ReCaptcha Integration for WordPress</td>
	<td class="bg-secondary tac">6.0.3</td>
	<td class="tac">22/06/12</td>
	<td class="tac">11か月前</td>
	<td class="tar">10,000</td>
	<td class="tar">5.7.4</td>
	<td class="tac">22/06/02</td>
	<td class="tac"></td>
	<td class="tac">7</td>
	<td class="tac">7</td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac"></td>
  </tr>
  <tr>
	<td class="tac">▼</td>
	<td class="tac">17</td>
	<td class="bg-secondary tal">No CAPTCHA reCAPTCHA</td>
	<td class="bg-warning tar">5.4.12</td>
	<td class="tac">20/04/02</td>
	<td class="bg-warning tar">3年前</td>
	<td class="tar">10,000</td>
	<td class="tar">5.8.2</td>
	<td class="tac">18/12/19</td>
	<td class="tac">9</td>
	<td class="tac">6</td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac"></td>
  </tr>
  <tr>
	<td class="tac">☒</td>
	<td class="tac">17</td>
	<td class="bg-warning tal">reCAPTCHA in WP comments form</td>
	<td class="bg-warning tar">5.1.15</td>
	<td class="tac">19/04/02</td>
	<td class="bg-danger tar">4年前</td>
	<td class="tar">10,000</td>
	<td class="tar">5.8.2</td>
	<td class="tac">21/11/17</td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac"></td>
  </tr>
  <tr>
	<td class="tac">☒</td>
	<td class="tac">17</td>
	<td class="bg-danger tal">Gravity Forms No CAPTCHA reCAPTCHA</td>
	<td class="bg-danger tar">4.0.0</td>
	<td class="tac">15/04/02</td>
	<td class="bg-danger tar">8年前</td>
	<td class="tar">10,000</td>
	<td class="tar">5.8.2</td>
	<td class="tac">21/09/29</td>
	<td class="tac"></td>
	<td class="tac">8</td>
	<td class="tac">8</td>
	<td class="tac"></td>
	<td class="tac"></td>
	<td class="tac"></td>
  </tr>
  <tr>
	<td class="tac">★</td>
	<td class="tac">28</td>
	<td class="tal">WC Captcha</td>
	<td class="bg-secondary tac">6.0.3</td>
	<td class="tac">22/06/12</td>
	<td class="tac">11か月前</td>
	<td class="tar">6,000</td>
	<td class="tar">5.8.2</td>
	<td class="tac">21/10/13</td>
	<td class="tac">7</td>
	<td class="tac"></td>
	<td class="tac">4</td>
	<td class="tac">4</td>
	<td class="tac">3</td>
	<td class="tac"></td>
  </tr>
  </tbody>
 </table></div>
</figure>

</div>



<p class="c_wi">最終系は以下のブログカードクリックからどうぞ！<i class="bi bi-plugin fa fa-spin fa-2x"></i> <b>reCAPTCHA_Plugin</b></p>



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

<a href="https://xn--ecka7j.biz/toolboox/chatgpt/7362#reCAPTCHA_Plugin" title="生成AI：Copilot(GPT-4)にInvisible reCAPTCHA for WordPressの代替を問う．しかも無料で" 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/2023/05/Copilot_GPT-4_ASk051-320x180.png" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_ASk051-320x180.png 320w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_ASk051-500x281.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_ASk051-800x450.png 800w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_ASk051-300x169.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_ASk051-768x432.png 768w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_ASk051-120x68.png 120w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_ASk051-160x90.png 160w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_ASk051.png 1200w" sizes="(max-width: 320px) 100vw, 320px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">生成AI：Copilot(GPT-4)にInvisible reCAPTCHA for WordPressの代替を問う．しかも無料で</div><div class="blogcard-snippet internal-blogcard-snippet">あなたは調べ物をする場合、どの様な手段で行いますか？Google検索などで様々なサイトに訪れて探すのが一般的であったかも知れません。ところが今はChatGPTに代表される便利なツールがあります。私は、改良※GPT-4の「Copilot」を使...</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">2024.07.30</div></div></div></div></a>
</div>



<p>※．リストは、有効Install数10,000以上です。
	<br>例外的に、<b>#28</b>の「WC Captcha」を掲載している理由は、ChatGPTでの評価が高く、
	<br>5回の評価（検証済のWordPressバージョン、プラグインの最終更新日、有効度、有用度、メリット、デメリット、導入考慮事項、php考慮事項、これらを評価し、おすすめ度合を教えてください。）で、4回もBest10に入ったためです。
	<br>[reCaptcha_Plugin Name]欄の<span class="bg-secondary">グレー</span>、<span class="bg-warning">イエロー</span>、<span class="bg-danger">レッド</span>トーン部分のPluginは、入替対象外と考えています。</p>



<div class="wp-block-group is-style-alert-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>#10 [<span class="bg-secondary">WPBruiser {no- Captcha anti-Spam}</span>],
<br>#14 [<span class="bg-secondary">reCAPTCHA for MW WP Form</span>],
<br>#17 [<span class="bg-secondary">No CAPTCHA reCAPTCHA</span>],
<br>#17	[<span class="bg-warning">reCAPTCHA in WP comments form</span>],
<br>#17	[<span class="bg-danger">Gravity Forms No CAPTCHA reCAPTCHA</span>],
<br>#28 [WC Captcha]<br>以上は、最初からreCAPTCHA候補の一覧に有った訳ではありません。
<br><br>ChatGPTで、
<br><span class="badge bg-light" style="color: black;">執筆分野</span>を
	「特定条件<sup><b><span style="color: red;">※.01</span></b></sup>で、
reCAPTCHAプラグイン」で検索した結果、<i class="bi bi-pencil" style="font-size:1.5rem;"></i> プレビューに「お勧めのPluginとして表示され」、
<br>その後WordPress.org/pluginで、検索した結果と合わせてテーブルを作成したものです。</p>
</div>



<style>
th {
  border-color:aqua; /* bootstrap Orignal border-color:inherit; > aqua; */
  border-style: solid;
  border-width:2px; /* bootstrap Orignal border-width:0;　> 2px; */
}

.table-bordered > :not(caption) > * {
  border-width: 1px 1px; /* bootstrap Orignal border-width: 1px 0; */
}
.table-bordered > :not(caption) > * > * {
  border-width: 1px 1px; /* bootstrap Orignal border-width: 0 1px; */
}
.figure-caption {
  font-size: 0.875em;
  color:white; /* bootstrap Orignal color: #6c757d;&#x27a1; color:white;&#x27a1; */
  text-align: left; /*add 23/05/04 */
  caption-side: top; /*add 23/05/04 */
}

</style>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>生成AI：手軽にChat GPTを試してみる。&#x27a1; Copilot　無料でGPT-4「Bootstrap 5 Coding」</title>
		<link>https://xn--ecka7j.biz/toolboox/chatgpt/6973/</link>
		
		<dc:creator><![CDATA[Jun-N]]></dc:creator>
		<pubDate>Mon, 01 May 2023 04:32:19 +0000</pubDate>
				<category><![CDATA[生成AI]]></category>
		<category><![CDATA[AI Tool]]></category>
		<category><![CDATA[Bootstrap]]></category>
		<category><![CDATA[Bootstrap 5]]></category>
		<category><![CDATA[Copilot]]></category>
		<category><![CDATA[Edge Copilot]]></category>
		<category><![CDATA[GPT-4]]></category>
		<category><![CDATA[道具]]></category>
		<guid isPermaLink="false">https://xn--ecka7j.biz/?p=6973</guid>

					<description><![CDATA[　 今話題の「ChatGPT」、無料版GPT-4を超簡単な方法で利用してみました。面倒な設定一切無し、その方法をEdge の「Copilot※」で試した結果をまとめてみました。OpenAIに申請しなくても、Chat GP [&#8230;]]]></description>
										<content:encoded><![CDATA[
<i class="fas fa-volleyball-ball fa-spin fa-3x" style="color:aqua;"></i>　<i class="bi bi-chat-square-dots-fill" style="color:lightblue; font-size:30px;"></i>



<div class="wp-block-group is-style-information-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>今話題の「ChatGPT」、無料版GPT-4を超簡単な方法で利用してみました。面倒な設定一切無し、その方法をEdge の「Copilot<span class="bold-red"><span class="badge-red">※</span></span>」で試した結果をまとめてみました。OpenAIに申請しなくても、Chat GPTのAPI key generatedからAPI keyを入手しなくても良いのです。手軽に、気軽に始めてみませんか？　あなたも！<br><span class="marker"><span class="bold-red">※．</span>ここと、他の記事で&#8221;<strong>ChatGPT</strong>&#8220;と書いているものは、正式には（<strong>GPT-4搭載したマイクロソフトEdge「Copilot」</strong>です。）</span>  <strong>「Copilot」</strong>の <mark>良いところは、</mark><strong>API key</strong>の入手も設定も不要で<strong>手軽</strong>でいて<strong>高機能</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-12" checked><label class="toc-title" for="toc-checkbox-12">目次</label>
    <div class="toc-content">
    <ul class="toc-list open"><li><a href="#toc1" tabindex="0">Copilot</a><ul><li><a href="#toc2" tabindex="0">&#8220;Chat GPT&#8221; で、&#8221;Bootstrap 5&#8220;化の質問をしてみる</a></li></ul></li><li><a href="#toc3" tabindex="0">Chat GPT</a></li><li><a href="#toc4" tabindex="0">&#8220;Chat GPT&#8221; on Edge</a><ul><li><a href="#toc5" tabindex="0">Edgeでの使い方</a><ul><li><a href="#toc6" tabindex="0"> 操作開始</a></li><li><a href="#toc7" tabindex="0">実際の操作</a></li><li><a href="#toc8" tabindex="0">回答１</a></li><li><a href="#toc9" tabindex="0">回答２</a></li><li><a href="#toc10" tabindex="0">回答３</a></li><li><a href="#toc11" tabindex="0">回答４</a></li><li><a href="#toc12" tabindex="0">回答５</a></li><li><a href="#toc13" tabindex="0">回答６</a></li><li><a href="#toc14" tabindex="0">回答７</a></li><li><a href="#toc15" tabindex="0">Error</a></li><li><a href="#toc16" tabindex="0">回答８</a></li><li><a href="#toc17" tabindex="0">回答９</a></li><li><a href="#toc18" tabindex="0">回答10</a></li><li><a href="#toc19" tabindex="0">回答11</a></li></ul></li></ul></li><li><a href="#toc20" tabindex="0">&#8220;Chat GPT&#8221; on Edgeで得られた結果</a></li><li><a href="#toc21" tabindex="0">
  実現したいのはこれ
</a><ul><li><a href="#toc22" tabindex="0">アニメーション.gifで表示しています</a><ul><li><a href="#toc23" tabindex="0">実際のサイト：[conctere 5(v.8)]&amp;[Bootstrap 3]で実現</a></li></ul></li></ul></li><li><a href="#toc24" tabindex="0">
  開発環境
 </a><ul><li><a href="#toc25" tabindex="0">アニメーション.gifで表示しています</a><ul><li><a href="#toc26" tabindex="0">テスト・サイト：[Conctere CMS(v.9)]&amp;[Bootstrap 5]で実現</a></li></ul></li></ul></li><li><a href="#toc27" tabindex="0">まとめ</a></li><li><a href="#toc28" tabindex="0">Copilotに聞いてみた（１）</a></li><li><a href="#toc29" tabindex="0">関連記事</a></li></ul>
    </div>
  </div>

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



<h3 class="wp-block-heading"><span id="toc2">&#8220;Chat GPT&#8221; で、&#8221;Bootstrap 5&#8220;化の質問をしてみる</span></h3>



<p>今回は、 <br>Bootstrap<strong>３</strong>のCodeで書かれたWebサイトのフェードイン動作のBootstrap<strong>５</strong>への置き換え。（横３個の<strong>それぞれのアイコン</strong>クリックで、<strong>真上に吹き出しフェードイン</strong>を実現するもの。)</p>



<p> 自力でやりたかったのですが、アイコンの真上ではなく左端にフェードインしてしまい、Bootstrap３の時の様にならないので、ChatGPTで検索してみた結果をお伝えしたいと思います。</p>



<h2 class="wp-block-heading"><span id="toc3">Chat GPT</span></h2>



<p>筆者も<a rel="noopener" href="https://ja.wikipedia.org/wiki/OpenAI" target="_blank" style="color:lightblue;"><b>OpenAI</b></a>に申請(無料で)して
<br>「Chat GPTの<b>API key</b> generatedから」<b>API key</b>を4/5に入手していたのですが、
<br>とある事情から放置状態だったのです。
<br>（<a rel="noopener" href="https://openai.com/blog/chatgpt/" target="_blank" style="color:lightblue;">OPEN AI社のサイト</a>内にある、『<a rel="noopener" href="https://chat.openai.com/auth/login" target="_blank" style="color:lightblue;">login<b>ChatGPTページ</b></a>』から、<b>メールアドレス</b>と<b>電話番号</b>を<b>登録</b>することで利用できます。）
</p>



<p>無料で使えるChatGPTですが、世界的に人気が集中したことによって、<br>「無料プランだと動作が遅い…」という声も多く上がっている様です。</p>



<p>ChatGPTの有料<strong>サブスクリプション</strong>版『ChatGPT&nbsp;<strong>Plus</strong>』価格は月額20ドル（約2,600円）<br>① 混雑ピーク時にアクセスしやすい。<br>② レスポンスの時間が短縮されたりというメリットがある様です。</p>



<h2><span id="toc4">&#8220;Chat GPT&#8221; on Edge</span></h2>



<p>でも、無料でGPT-4をEdge<i class="fab fa-edge" style="color:aqua; font-size:30px;"></i>から、簡単に利用できます。
<br>この記事は、<b>Edge の「チャット GPT」</b>で、試した結果をまとめたものです。</p>
<p>まれに以下の様に<span style="color:red;">エラー</span>（<a href="#error01" style="color:red;">下の画像</a>）になることもありますが、
<br>同じ内容（執筆分野の内容）で、プレビュー内の <i class="bi bi-arrow-repeat rotate_90 w_icon"></i> 下書きの生成アイコンをクリックすることでも動作を再開してくれます。</p>
<p>また、長さを<button type="button" class="btn btn-info">長い</button>でリクエストした場合、
<br>以下の様に途中で<i class="bi bi-pencil w_icon"></i>プレビューが止まってしまうこともありますが、
<br>全体的には問題と言うほどのものではなく、この様な場合は改めてリクエストをすれば良いと思います。

<br>（この様な場合でも、<span style="font-size:1.5rem; color:white;" class="rotate_180">
	<i class="bi bi-files"></i></span> コピーアイコンは有効ですので、このまでの内容でクリップボードにコピーすることもできます。）</p>

<p>
繰り返し同じ内容（執筆分野エリアに記載した内容）で、
<br><button type="button" class="btn btn-primary">下書きの生成</button>をクリックした場合でも、帰ってくる答え（<i class="bi bi-pencil w_icon"></i>プレビューの内容）が異なった内容になったりもします。</p>

<p>私の場合では、
<br><b>Bootstrap 5</b>に関することで、
<br>「一切日本語を含まない簡単な英文字単語の羅列」のみで「リクエスト」しても、
<br>ブラウザのベースが日本語であることからか？
<br>回答（<i class="bi bi-pencil w_icon"></i>プレビュー）表示は日本語混じりになっています。これはスゴイ！</p>

<p>また、ChatGPT相手でも
<br>丁寧に「please」とか「thank you.」を含ませると、
<br>より丁寧な回答が返ってくる様？です。
<br>これもまたChatGPT（AI）の素晴らしいところだと思ます。</p>
<hr>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="432" height="695" src="https://xn--ecka7j.biz/wp-content/uploads/2023/05/GPT-4_Head-432_695.jpg" alt="ChatGPT" class="wp-image-6974" srcset="https://xn--ecka7j.biz/wp-content/uploads/2023/05/GPT-4_Head-432_695.jpg 432w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/GPT-4_Head-432_695-300x483.jpg 300w" sizes="(max-width: 432px) 100vw, 432px" /><figcaption class="wp-element-caption">GPT-4</figcaption></figure>



<i class="fas fa-cog fa-spin" style="color:skyblue;"></i>これが「<b>Copilot</b>」です。正式には（<b>GPT-4搭載したマイクロソフトEdge「Copilot」</b>です。） 
<h3><span id="toc5">Edgeでの使い方</span></h3>
<p>Edgeの<b>Copilot</b>機能でほしい答えを瞬時に入手する方法</p>
<h4><span id="toc6"> 操作開始</span></h4>

<p>Edgeの右上にある
  <span class="fa-stack fa-lg sb_icon">
　 <i class="far fa-comment fa-stack-2x"></i>
　 <i class="fa-stack-1x">b</i></span> アイコンをクリックすると、　<del>(又は<i class="fas fa-search"></i>アイコン)</del>

<br>右側ペインにCopilotのサイドバーが現れます。
<br>（Copilotは、副操縦士(Google翻訳)）
<br>今回は、文章を執筆する機能を試してみます。</p>
<p>右ペイン上部の左から２つめのアイコン <i class="bi bi-pencil-square sb_icon"></i>作成アイコンをクリックし、
<br>「執筆分野」に聞きたいこと(検索・質問)について入力します。
<br>例えば、
<br><span class="w_window">Bootstrap5 Fade-in HTML and .js all more code please thank you.</span></p>
<p><span class="badge bg-warning">please</span>と <span class="badge bg-warning">thank you.</span>を付けたのは、ChatGPT相手により丁寧に書いた方が有効な結果が得られてたからです。</p>
<p><i class="bi bi-person w_icon"><sup><i class="bi bi-broadcast" style="font-size:0.5rem;"></i></sup></i> トーン
<br>
<button type="button" class="btn btn-secondary">プロフェッショナル</button>　<button type="button" class="btn btn-secondary">カジュアル</button>　<button type="button" class="btn btn-secondary">熱狂的</button>　<button type="button" class="btn btn-secondary">ニュース</button>　<button type="button" class="btn btn-secondary">おもしろい</button>
<br>の5パターンから選択できます。</p>

<p><i class="bi bi-card-text w_icon"></i> 形式<br>
<button type="button" class="btn btn-secondary"><i class="bi bi-justify-left w_icon"></i><br>段落</button>　<button type="button" class="btn btn-secondary"><i class="far fa-envelope w_icon"></i><br>メール</button>　<button type="button" class="btn btn-secondary"><i class="bi bi-file-richtext w_icon"></i><br>ブログの投稿</button>　<button type="button" class="btn btn-secondary"><i class="bi bi-list-ul w_icon"></i><br>アイディア</button></p> 

<p><i class="bi bi-justify-left w_icon"></i> 長さ<br>
<button type="button" class="btn btn-secondary">短い</button>
　<button type="button" class="btn btn-secondary">中</button>　<button type="button" class="btn btn-secondary">長い</button>
<br>3段階から選べます。
<br>欲しい内容の原稿に近いスタイルで生成してくれるのがすごい。</p>
<p>「執筆分野」に適切な長さの文言(日本語もOK)を入力すると、
<br><button type="button" class="btn btn-secondary">下書きの生成</button>　が
<button type="button" class="btn btn-primary">下書きの生成</button>　に変化します。<br>
<button type="button" class="btn btn-primary">下書きの生成</button>　ボタンをクリックすると、すぐに下の<i class="bi bi-pencil w_icon"></i>プレビューにテキストが生成されます。</p>

<p>生成し終わったら、<i class="bi bi-pencil w_icon"></i>プレビュー内の下側にある
<span style="font-size:1.5rem; color:white;" class="rotate_180">
<i class="bi bi-files"></i></span>
「Copy」アイコンをクリックしてコピーできます。</p>
<p>ブログの作成ツールなどがEdgeで開いている場合は、「サイトに追加」をクリックするだけで直接貼り付けられ便利です。</p>
<p>環境により（詳細は不明ですが、）出力が1200文字くらいでストップしてしまいます。</p>
<p>回答が気に入らなければ、再度「下書きの生成」をクリックすると、再チャレンジできます。</p>
<p>プレビュー内の、<span style="font-size:2.5rem; color:white;" class="rotate_90"><i class="bi bi-arrow-repeat"></i></span> [下書きを再生成]アイコンのクリックでも再生成してくれます。</p>
<hr><hr>



<i class="fas fa-cog fa-spin" style="color:skyblue;"></i> 
<h4><span id="toc7">実際の操作</span></h4>

<h5>執筆分野</h5>
<p>「執筆分野」<br>
<span class="w_window">Bootstrap5 Fade-in code and all HTML and .js code please.</span></p>

<h5>トーン</h5>
<p><i class="bi bi-person w_icon"><sup><i class="bi bi-broadcast" style="font-size:0.5rem;"></i></sup></i> トーン　<button type="button" class="btn btn-info">プロフェッショナル</button>
</p>

<h5>形式</h5>　
<i class="bi bi-card-text w_icon"></i> 形式　<button type="button" class="btn btn-info"><i class="far fa-envelope w_icon"></i><br>メール</button>

<h5>長さ</h5>　
<i class="bi bi-justify-left w_icon"></i> 長さ　<button type="button" class="btn btn-info">長い</button>　で　リクエスト<p></p>

<h5>下書きの生成</h5>
<br>
<p>「執筆分野」内容に、 <span class="w_window">HTML and .js code</span>を入れました。
<br>初回の回答は簡単な<i class="bi bi-filetype-html w_icon"></i>HTMLと<i class="bi bi-filetype-js w_icon"></i>.jsでした。（<i class="bi bi-filetype-css o_icon"></i>は含まれていません。）</p>

<h5>日本語で答えてくれた！</h5>
<p>「執筆分野」に、<b>一言も日本語を入れていない</b>のに、<br>日本語で答えてくれた。</p>
<p><i class="bi bi-pencil w_icon"></i>プレビューに「結果」が表示される。これをコピペした結果が以下の内容です。</p>
<i class="fas fa-circle-notch fa-spin" style="color:skyblue;"></i> <i class="bi bi-exclamation-circle-fill"></i><i class="bi bi-exclamation-circle"></i>　
<h4><span id="toc8">回答１</span></h4>
<p>こんにちは、このメールでは、Bootstrap5を使ってフェードインのエフェクトを実現する方法について説明します。必要なHTMLと.jsのコードもすべて示しますので、参考にしてください。
まず、Bootstrap5のCDNをHTMLのheadタグに追加します。
これは、Bootstrap5のスタイルシートとJavaScriptファイルにアクセスするために必要です。</p>
<pre class="pre"><code>
&lt;!-- Bootstrap 5のCDNをHTMLのheadタグに追加(.css &amp; .js)--&gt;
&lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0/css/bootstrap.min.css"&gt;
&lt;!-- JavaScriptファイルにアクセス --&gt;
&lt;script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"&gt;&lt;/script&gt;
&lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0/js/bootstrap.bundle.min.js"&gt;&lt;/script&gt;
&lt;/head&gt;　 
</code></pre>
<p>次に、フェードインさせたい要素にdata-bs-toggle=&#8221;fade&#8221;とdata-bs-target=&#8221;#id&#8221;の属性を追加します。
data-bs-targetは、フェードインさせたい要素のidを指定します。
例えば、以下のようになります。</p>
<pre class="pre"><code>
&lt;button type="button" class="btn btn-primary" data-bs-toggle="fade" data-bs-target="#myDiv"&gt;フェードイン&lt;/button&gt;
&lt;div id="myDiv" class="fade"&gt;ここに何か書く&lt;/div&gt;
</code></pre>
<p>最後に、フェードインの動作を制御するJavaScriptのコードを書きます。以下のようになります。</p>
<pre class="pre"><code>
&lt;script&gt;
// フェードインさせる要素を取得
var fadeElements = document.querySelectorAll('[data-bs-toggle="fade"]');
// 各要素にイベントリスナーを設定
fadeElements.forEach(function (element) {
// クリックされたときの処理
element.addEventListener('click', function () {
// data-bs-targetの値を取得
var target = element.getAttribute('data-bs-target');
// 対象の要素を取得
var targetElement = document.querySelector(target);
// 対象の要素が存在する場合
if (targetElement) {
// 対象の要素にshowクラスを追加または削除
targetElement.classList.toggle('show');
}
});
});
&lt;/script&gt; 
</code></pre>
<p>以上で、Bootstrap5を使ってフェードインのエフェクトを実現する方法の説明を終わります。
不明な点がありましたら、お気軽にご連絡ください。よろしくお願いします。</p>
<hr>



<p>もう少し詳細が知りたかったので、
<br><span class="badge bg-warning">同じ内容</span>で、「執筆分野」を少し丁寧に
<br><span class="w_window">Bootstrap5 Fade-in code and all HTML and .js more code please thank you.</span>
として、再度<button type="button" class="btn btn-primary">下書きの生成</button>をクリック</p>
<p><span class="w_window">thank you</span>を入れたら、「ありがとうございました」が帰ってきました（中々面白いです）。</p>
<i class="fas fa-circle-notch fa-spin" style="color:skyblue;"></i> <i class="bi bi-exclamation-circle-fill"></i><i class="bi bi-exclamation-circle"></i>　
<h4><span id="toc9">回答２</span></h4>
<p>Bootstrap5は、CSS と JavaScript のフレームワークで、レスポンシブなウェブサイトやアプリケーションを作成するためのツールを提供します。
Bootstrap5では、フェードインやスライドインなどの様々なアニメーション効果を使って、フモーダルやアイコンなどのコンポーネントに動きを与えることができます。 
フェードインのアニメーションを使うには、data-mdb-toggle=&#8221;animation&#8221; とdata-mdb-animation=&#8221;fade-in&#8221; という属性をコンポーネントに追加します。例えば、以下のようにボタンにフェードインのアニメーションを適用することができます。</p>
<pre class="pre"><code>
&lt;button type="button" class="btn btn-primary" data-mdb-toggle="animation" data-mdb-animation="fade-in"&gt;フェードインするボタン&lt;/button&gt;
</code></pre>
<p>このようにして、Bootstrap5を使って、コードを書いてフェードインや他のアニメーション効果を実現することができます。
もっと詳しく知りたい場合は、公式ドキュメント を参照してください。ありがとうございました。</p>

<hr>



<p>[公式ドキュメント を参照してください。]とあり、
<br>１回目の内容に対して<span class="badge bg-warning text-dark">&lt;buttun</span>の説明が新たに出てきただけなので、
<br>ダメもとで、さらにもう一度、
<br><span class="badge bg-warning text-dark">同じ内容</span>に、
.cssを追加して、<br><span class="w_window">Bootstrap5 Fade-in code and all HTML and .css and .js more code please thank you.</span>
<br>再度<button type="button" class="btn btn-primary">下書きの生成</button>をクリック
<br>今度は、<i class="bi bi-filetype-html w_icon"></i>HTML部分と、cssの要素やクラスの説明と合わせて<i class="bi bi-filetype-css sb_icon"></i>.cssまで答えてくれました。</p>
<i class="fas fa-circle-notch fa-spin" style="color:skyblue;"></i> <i class="bi bi-exclamation-circle-fill"></i><i class="bi bi-exclamation-circle"></i>　
<h4><span id="toc10">回答３</span></h4>
<p>Bootstrap5は、Webサイトやアプリケーションの開発に便利なフレームワークです。
<br>Bootstrap5では、CSSやJavaScriptのコードを使って、レスポンシブでモダンなデザインを実現できます。
<br>例えば、Fade-inという効果を使って、要素を徐々に表示させることができます。
<br>Fade-inのコーディングは、以下のように行います。
<br>1. Fade-inさせたい要素に、fadeとshowというクラスを付けます。
<br>2. 要素に、data-bs-toggle=&#8221;fade&#8221;という属性を付けます。
<br>3. 要素の親要素に、fade-containerというクラスを付けます。
<br>4. fade-containerのCSSに、opacity: 0;とtransition: opacity 0.5s ease;というスタイルを付けます。
<br>5. JavaScriptで、fade-containerのopacityを1に変更します。
<br>以上で、Fade-inのコーディングが完了です。Bootstrap5を使って、Webサイトやアプリケーションの開発を楽しみましょう。
<br>Bootstrap5は、Webサイトやアプリケーションの開発に役立つフレームワークです。
<br>Bootstrap5では、Fade-inというコードを使って、要素を徐々に表示させることができます。
<br>Fade-inコードの例は以下の通りです。</p>
<pre class="pre"><code>
&lt;div class="container"&gt;
  &lt;div class="row"&gt;
    &lt;div class="col"&gt;
      &lt;div class="fade-in"&gt;ここにテキストを入力します。&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt; 
</code></pre>
<p>このコードでは、fade-inクラスを持つdiv要素が、ページが読み込まれたときに徐々に表示されます。
fade-inクラスのスタイルは、CSSで定義する必要があります。
例えば、以下のように書くことができます。</p>
<pre class="pre"><code>
&lt;style&gt;
.fade-in {
  opacity: 0;
  transition: opacity 1s;
}
.fade-in.show {
  opacity: 1;
}
&lt;/style&gt;
</code></pre>
<hr>



<p>さらにもう一度、<span class="badge bg-warning text-dark">同じ内容</span>で、再度<button type="button" class="btn btn-primary">下書きの生成</button>をクリック<br>
&#x27a1;　内容を変更しなくても[下書きの生成]クリックを行うたびに返答内容が変わってくる様です。<br>
&#x27a1;　人間であれば、「<span class="badge bg-warning text-dark">しつこい</span>」と嫌われて無視されるところですが、
流石「ChatGPTです。」</p>
<p>今度は、<i class="bi bi-filetype-html w_icon"></i>HTML部分に&lt;!&#8211;で注釈付きです。&#8211;&gt;</p>
<i class="fas fa-circle-notch fa-spin" style="color:skyblue;"></i> <i class="bi bi-exclamation-circle-fill"></i><i class="bi bi-exclamation-circle"></i>　
<h4><span id="toc11">回答４</span></h4>
<p>Bootstrap5は、Webサイトやアプリケーションの開発に便利なフレームワークです。
Bootstrap5では、CSSやJavaScriptのコードを使って、さまざまなデザインや機能を実装できます。
例えば、Fade-in というエフェクトは、要素が徐々に表示されるアニメーションを作ることができます。
Fade-in のコードは、以下のように書くことができます。</p>
<pre class="pre"><code>
&lt;div class="fade-in"&gt;
  &lt;p&gt;ここにテキストを入れます。&lt;/p&gt;
&lt;/div&gt;
</code></pre>
<pre class="pre"><code>
&lt;style&gt;
.fade-in {
  opacity: 0;
  transition: opacity 1s;
}
.fade-in:hover {
  opacity: 1;
}
&lt;/style&gt;
</code></pre>

<pre class="pre"><code>
&lt;!-- Button trigger modal --&gt;
&lt;button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal"&gt;
Launch demo modal
&lt;/button&gt;
&lt;!-- Modal --&gt;
&lt;div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"&gt;
  &lt;div class="modal-dialog"&gt;
    &lt;div class="modal-content"&gt;
      &lt;div class="modal-header"&gt;
        &lt;h5 class="modal-title" id="exampleModalLabel"&gt;Modal title&lt;/h5&gt;
        &lt;button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"&gt;&lt;/button&gt;
      &lt;/div&gt;
      &lt;div class="modal-body"&gt;
      ...
      &lt;/div&gt;
      &lt;div class="modal-footer"&gt;
        &lt;button type="button" class="btn btn-secondary" data-bs-dismiss="modal"&gt;Close&lt;/button&gt;
        &lt;button type="button" class="btn btn-primary"&gt;Save changes&lt;/button&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;
</code></pre>
<p>このように、Bootstrap5を使えば、簡単にフェードインのアニメーションをコードに追加することができます。もっと詳しく知りたい場合は、公式ドキュメントやチュートリアルを参照してください。</p>
<hr>
<p><i class="bi bi-exclamation-square-fill a_icon"></i>「執筆分野」を微妙に変更した場合、<br>どの様になるかを確かめたくて、少しだけ「執筆分野」を変えてみました。</p>
<p><span class="w_window">Bootstrap5 Fade-in code and all more code thank you please.</span></p>
<i class="fas fa-circle-notch fa-spin" style="color:skyblue;"></i> <i class="bi bi-exclamation-circle-fill"></i><i class="bi bi-exclamation-circle"></i>　
<h4><span id="toc12">回答５</span></h4>
<p>Bootstrap5では、フェードインのアニメーションを使ってモーダルや通知などの要素を表示することができます。
フェードインのアニメーションは、CSS の transition プロパティを使って実現されており、ブラウザの互換性も高いです。
フェードインのアニメーションを適用するには、data-mdb-toggle=&#8221;animation&#8221; と　data-mdb-animation=&#8221;fade-in&#8221; という属性を要素に追加します。
例えば、以下のようなコードでボタンをクリックしたときにフェードインするモーダルを作成できます。</p>
<pre class="pre"><code>
&lt;!-- ボタン --&gt;
&lt;button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal"&gt;
モーダルを表示
&lt;/button&gt;
&lt;!-- モーダル --&gt;
&lt;div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"&gt;
  &lt;div class="modal-dialog"&gt;
    &lt;div class="modal-content"&gt;
      &lt;div class="modal-header"&gt;
        &lt;h5 class="modal-title" id="exampleModalLabel"&gt;モーダルのタイトル&lt;/h5&gt;
        &lt;button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="閉じる"&gt;&lt;/button&gt;
      &lt;/div&gt;
      &lt;div class="modal-body"&gt;モーダルの内容&lt;/div&gt;
      &lt;div class="modal-footer"&gt;
        &lt;button type="button" class="btn btn-secondary" data-bs-dismiss="modal"&gt;閉じる&lt;/button&gt;
        &lt;button type="button" class="btn btn-primary"&gt;保存&lt;/button&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;
</code></pre>
<hr>



<p><i class="bi bi-exclamation-square-fill a_icon"></i> 同じ内容で、<i class="bi bi-card-text w_icon"></i>形式を<button type="button" class="btn btn-info"><i class="far fa-envelope w_icon"></i><br>メール</button>に設定した場合。
<br>&#x27a1; <button type="button" class="btn btn-secondary">下書きの生成</button>部分の出だしが
<br>「<span class="badge bg-light text-dark">こんにちは、</span>」です。<b>まるでメール</b>です。(気付くのが遅かったですが、)</p>
<i class="fas fa-circle-notch fa-spin" style="color:skyblue;"></i> <i class="bi bi-exclamation-circle-fill"></i><i class="bi bi-exclamation-circle"></i>　
<h4><span id="toc13">回答６</span></h4>

<p>こんにちは、このメールでは、Bootstrap5を使ってフェードインのアニメーションを実装する方法について説明します。まず、Bootstrap5のCDNをHTMLファイルに追加します。次に、フェードインさせたい要素に.fadeと.showのクラスを付けます。例えば、以下のようなコードになります。モーダルウィンドウをフェードインさせるコードをBootstrap5で書いてみました。モーダルウィンドウは、画面の中央に表示される小さなウィンドウで、ユーザーに何かを伝えたり、入力を求めたりするときに便利です。Bootstrap5では、モーダルウィンドウを作成するためのコンポーネントが用意されています。以下のコードは、ボタンをクリックするとモーダルウィンドウがフェードインして表示される例です。ありがとうございます。よろしくお願いします。</p>
<pre class="pre"><code>
&lt;div class="fade show"&gt;&lt;p&gt;ここにフェードインするテキストが入ります。&lt;/p&gt;&lt;/div&gt;
</code></pre>
<p>これで、ページを読み込んだときにテキストがフェードインするようになります。もし、クリックやホバーなどのイベントでフェードインさせたい場合は、JavaScriptのコードを書く必要があります。例えば、以下のようなコードになります。</p>

<pre class="pre"><code>
&lt;script&gt;
// フェードインさせたい要素を取得
var fadeElement = document.querySelector(".fade");
// クリックしたときにフェードインする関数を定義
function fadeIn() {
fadeElement.classList.add("show");
}
// フェードインさせたい要素にクリックイベントを追加
fadeElement.addEventListener("click", fadeIn);
&lt;/script&gt;
</code></pre>
<p>これで、要素をクリックしたときにテキストがフェードインするようになります。他のイベントやオプションについては、Bootstrap5の公式ドキュメントを参照してください。以上が、Bootstrap5でフェードインのアニメーションを実装する方法の説明です。もし、質問や不明点がありましたら、お気軽にご連絡ください。ありがとうございました。</p>

<hr>



<p><i class="bi bi-exclamation-square-fill a_icon"></i> 同じ内容で、形式を<button type="button" class="btn btn-info"><i class="bi bi-card-list w_icon"></i><br>アイディア</button> に設定した場合。
  <br>　&#x27a1;　<button type="button" class="btn btn-secondary">下書きの生成</button>に要点の<b>　<i class="bi bi-list-ul w_icon"></i>  箇条書き</b>があります。</p>
<p><i class="bi bi-exclamation-diamond-fill o_icon"></i> ただ、続けて同じ質問をしたせいか？
<br><i class="bi bi-filetype-html o_icon"></i>HTML、<i class="bi bi-filetype-css o_icon"></i>.css、<i class="bi bi-filetype-js o_icon"></i>.jsは<span class="o_icon">省略</span>されました。
<br>&#x27a1;　前に「メールで答えたよね？」・・・とでも言う様に「人間的な返答です。」</p>
<i class="fas fa-circle-notch fa-spin" style="color:skyblue;"></i> <i class="bi bi-exclamation-circle-fill"></i><i class="bi bi-exclamation-circle"></i>　
<h4><span id="toc14">回答７</span></h4>
<p>Bootstrap5のフェードインコードについて
<br>&#8211; Bootstrap5では、モーダルやアラートなどのコンポーネントにフェードインのアニメーション効果を適用できます。
<br>&#8211; フェードインのアニメーションは、CSSのtransitionプロパティとopacityプロパティを使って実現されています。
<br>&#8211; フェードインのアニメーションを有効にするには、コンポーネントのクラス名にfadeクラスを追加します。
<br>&#8211; フェードインのアニメーションを無効にするには、fadeクラスを削除します。
<br>&#8211; フェードインのアニメーションの速度やタイミングなどをカスタマイズするには、CSS変数やカスタムプロパティを使って調整できます。
<br>以上がBootstrap5のフェードインコードに関する説明です。ご参考になれば幸いです。ありがとうございます。</p>
<hr><hr>



<h4 class="wp-block-heading"><span id="toc15">Error</span></h4>



<p><i class="bi bi-exclamation-diamond-fill o_icon"></i> 次はErrorの例です。
<br><i class="bi bi-alarm o_icon"></i>　最初から動きが他とは異なっていました。</p>
<p>このコードでは、fade-in というクラスを作り、その中にテキストを入れています。スタイルシートでは、fade-in クラスの要素に透明度とトランジションを設定しています。マウスを要素の上に乗せると、透明度が1になり、テキストが表示されます。これで、Fade-in のエフェクトが完成です。Bootstrap5では、フェードインするアニメーションを使って、ウェブページに動きを加えることができます。フェードインするアニメーションは、要素が徐々に透明度を増して表示される効果です。フェードインするアニメーションを適用するには、data-mdb-toggle=&#8221;animation&#8221;という属性と、data-mdb-animation=&#8221;fade-in&#8221;という属性を要素に追加します。さらに、data-mdb-animation-reset=&#8221;true&#8221;という属性を追加すると、アニメーションを繰り返すことができます。以下は、フェードインするアニメーションの<span style="color:orange;">コード例</span><span style="color:red;"><sup><b>※</b></sup></span>です。
Bootstrap5では、
フェードインのアニメーション効果を使って、モーダルやカルーセルなどのコンポーネントをより魅力的に見せることができます。
フェードインのアニメーションは、CSSのtransitionプロパティとopacityプロパティを組み合わせて実現されています。
フェードインのアニメーションを適用するには、対象の要素に.fadeクラスを付けるだけです。
また、.showクラスを付けると、要素が表示された状態になります。
以下は、フェードインのアニメーションを使ったモーダルの<span style="color:orange;">コード例</span><span style="color:red;"><sup><b>※</b></sup></span>です。</p>
<p><span style="color:red;">※</span>.コード部分は<i class="bi bi-pencil w_icon"></i>プレビュー<span style="color:orange;">内ではなく</span>」
<br>実行途中に、<span style="color:orange;"><i class="bi bi-pencil w_icon"></i>プレビューの上部に順次表示</span>されていました。
<br>最終的には、<i class="bi bi-pencil w_icon"></i>プレビューの中に以下の様な<span style="color:red;">エラー</span>が表示されて、コピペは出来ない状態になりました。」
<br>コピペ出来たのは以下の内容です。</p>
<p>「<span style="color:red;">申し訳ございません。プロンプトに応答できません。他の方法をお試しください。</span>」</p>
<i class="fas fa-circle-notch fa-spin" style="color:skyblue;"></i> <i class="bi bi-exclamation-circle-fill"></i><i class="bi bi-exclamation-circle"></i>　
<h4><span id="toc16">回答８</span></h4>
<p id="error01"><i class="bi bi-alarm-fill" style="color:orange;font-size:25px;"> Error表示</i></p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="422" height="490" src="https://xn--ecka7j.biz/wp-content/uploads/2023/05/GPT-4_Error.jpg" alt="ChatGPT" class="wp-image-6992" srcset="https://xn--ecka7j.biz/wp-content/uploads/2023/05/GPT-4_Error.jpg 422w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/GPT-4_Error-300x348.jpg 300w" sizes="(max-width: 422px) 100vw, 422px" /><figcaption class="wp-element-caption">GPT-4_Error</figcaption></figure>



<hr>
<p>執筆分野を<br><span class="w_window">Bootstrap5 Fade-in code and all HTML and .js more code please thank you.</span>に</p>
<p>文章のトーンは、<button type="button" class="btn btn-info">熱狂的</button>を選びました。 
形式を<button type="button" class="btn btn-info"><i class="far fa-envelope w_icon"></i><br>メール</button>で</p>
<p><i class="bi bi-arrow-through-heart-fill o_icon"></i> ただ、回答の内容の何が「<span class="o_icon">熱狂的</span>」なのかはわかりませんでした。</p>
<i class="fas fa-circle-notch fa-spin" style="color:skyblue;"></i> <i class="bi bi-exclamation-circle-fill"></i><i class="bi bi-exclamation-circle"></i>　
<h4><span id="toc17">回答９</span></h4>
<p>こんにちは、Bootstrap5の使い方についてメールを送ります。Bootstrap5は、ウェブサイトのデザインを簡単にするためのフレームワークです。Bootstrap5では、さまざまなコンポーネントやユーティリティを使って、レスポンシブでモダンなウェブページを作成できます。今回は、Bootstrap5でフェードイン効果を実現する方法について説明します。フェードイン効果とは、ウェブページに要素が徐々に表示されるアニメーションのことです。Bootstrap5では、fadeクラスとshowクラスを使って、フェードイン効果を簡単に実装できます。例えば、以下のようなHTMLコードがあるとします。</p>
<pre class="pre"><code>
&lt;div class="container"&gt;
  &lt;h1&gt;Bootstrap5でフェードイン効果を作る&lt;/h1&gt;
  &lt;div id="fade-in" class="alert alert-primary fade"&gt;これはフェードインする要素です。&lt;/div&gt;
&lt;/div&gt;
</code></pre>
<p>このコードでは、containerクラスでコンテナを作り、h1タグで見出しを作ります。
<br>そして、fade-inというidとalertクラスとfadeクラスを持つdivタグを作ります。
<br>alertクラスはBootstrap5のコンポーネントで、メッセージを表示するためのものです。
<br>fadeクラスはBootstrap5のユーティリティで、フェードイン効果を適用するためのものです。
<br>
<br>このコードだけでは、フェードイン効果は発生しません。
<br>フェードイン効果を発生させるには、JavaScriptのコードが必要です。
<br>以下のようなJavaScriptのコードを追加します。</p>
<pre class="pre"><code>
&lt;script&gt;
  // fade-inというidの要素を取得する
  var fade_in = document.getElementById("fade-in");
  // ウィンドウが読み込まれたら、showクラスを追加する
  window.addEventListener("load", function() {
    fade_in.classList.add("show");
  });
&lt;/script&gt;
</code></pre>
<p>このコードでは、fade-inというidの要素を取得し、ウィンドウが読み込まれたらshowクラスを追加します。
<br>showクラスはBootstrap5のユーティリティで、要素を表示するためのものです。
fadeクラスとshowクラスを組み合わせることで、フェードイン効果が実現できます。
<br>以上が、Bootstrap5でフェードイン効果を作る方法です。
<br>Bootstrap5では、他にも多くのアニメーションやエフェクトが用意されています。
<br>ぜひ試してみてください。ありがとうございました。</p>
<hr>



<p>執筆分野を
<br><span class="w_window">Bootstrap5 Fade-in HTML and .js all more code please thank you.</span>に</p>
<p>文章のトーンは、<button type="button" class="btn btn-info">熱狂的</button> を選びました。 
形式は <button type="button" class="btn btn-info"><i class="bi bi-file-richtext w_icon"></i><br>ブログの投稿</button>で</p>
<p><i class="bi bi-circle-square o_icon"></i> <span class="o_icon"></span>  ここで、文字数制限からか？・・・<span style="color:red;">以下<i class="bi bi-arrow-down-square-fill o_icon"></i>の様に出力が途中で止まって</span>しまいました。
<br><span style="color:red;">もし画面内に</span>　で止まっています。幸いにも、途中までコピペできました。</p>
<i class="fas fa-circle-notch fa-spin" style="color:skyblue;"></i> <i class="bi bi-exclamation-circle-fill"></i><i class="bi bi-exclamation-circle"></i>　
<h4><span id="toc18">回答10</span></h4>
<p>こんにちは、Bootstrap5のファンの皆さん！今日は、Bootstrap5でFade-in HTMLと.jsを使って、素敵なアニメーションを作る方法をご紹介します。このテクニックは、ウェブサイトやアプリに動きと魅力を加えるのに最適です。さらに、Bootstrap5はとても使いやすく、コードもシンプルで効率的です。では、早速始めましょう！まず、HTMLファイルに以下のコードを書きます。</p>
<pre class="pre"><code>
&lt;div class="container"&gt;
  &lt;div class="row"&gt;
    &lt;div class="col-md-6"&gt;
      &lt;div class="card fade-in" data-delay="0"&gt;
        &lt;img src="img1.jpg" class="card-img-top" alt="Image 1"&gt;
        &lt;div class="card-body"&gt;
          &lt;h5 class="card-title"&gt;Card 1&lt;/h5&gt;
          &lt;p class="card-text"&gt;This is a card with a fade-in effect.&lt;/p&gt;
          &lt;a href="#" class="btn btn-primary"&gt;Go somewhere&lt;/a&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="col-md-6"&gt;
      &lt;div class="card fade-in" data-delay="500"&gt;
        &lt;img src="img2.jpg" class="card-img-top" alt="Image 2"&gt;
        &lt;div class="card-body"&gt;
          &lt;h5 class="card-title"&gt;Card 2&lt;/h5&gt;
          &lt;p class="card-text"&gt;This is another card with a fade-in effect.&lt;/p&gt;
          &lt;a href="#" class="btn btn-primary"&gt;Go somewhere&lt;/a&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;
</code></pre>
<p>このコードでは、Bootstrap5のグリッドシステムとカードコンポーネントを使って、2つのカードを作っています。
<br>それぞれのカードには、fade-inというクラスと、data-delayという属性を付けています。
<br>fade-inクラスは、カードにフェードイン効果を与えるためのもので、
<br>data-delay属性は、フェードインが開始されるまでの時間（ミリ秒）を指定するためのものです。
<br>この例では、左のカードは0ミリ秒（すぐに）、右のカードは500ミリ秒（0.5秒）後にフェードインが始まります。
<br>次に、.jsファイルに以下のコードを書きます.</p>
<pre class="pre"><code>
&lt;script&gt;
$(document).ready(function() {
  // フェードイン要素を非表示にする
  $(".fade-in").hide();
  // スクロールイベントを監視する
  $(window).scroll(function() {
    // フェードイン要素を順番にチェックする
    $(".fade-in").each(function() {
      // フェードイン要素の位置を取得する
      var position = $(this).offset().top;
      // ウィンドウの高さとスクロール量を取得する
      var windowHeight = $(window).height();
      var scroll = $(window).scrollTop();
      // フェードイン要素が画面内に入ったら
      if (position &lt; windowHeight + scroll) {
        // フェードイン要素のディレイ時間を取得する
        var delay = $(this).data("delay");
        // ディレイ時間後にフェードインする
        $(this).delay(delay).fadeIn(1000);
      }
    });
  });
});
&lt;/script&gt;
</code></pre>
<p>
このコードでは、jQueryを使って、フェードイン効果を実現しています。
まず、フェードイン要素を非表示にしておきます。
次に、ウィンドウがスクロールされたときに発生するイベントを監視します。
その中で、フェードイン要素を順番にチェックして、その位置が画面内に入ったかどうかを判定します。
もし画面内に
</p>
<hr><hr>



<p>執筆分野を
  <br><span class="w_window">Bootstrap5 Fade-in HTML and .js all more code please thank you.</span><br>のまま、</p>
<p>トーン　<button type="button" class="btn btn-info">熱狂的</button>　
  形式　<button type="button" class="btn btn-info"><i class="bi bi-file-richtext w_icon"></i><br>ブログの投稿</button>　
  再度　<button type="button" class="btn btn-primary">下書きの生成</button>をクリックしてみました。
<br>&#x27a1;　結果は、途中までで、前回のものとは異なりますが、今回分と<span style="color:aqua;">合わせることによって利用できる</span>のではないかと思います。</p>
<i class="fas fa-circle-notch fa-spin" style="color:skyblue;"></i> <i class="bi bi-exclamation-circle-fill"></i><i class="bi bi-exclamation-circle"></i>　
<h4><span id="toc19">回答11</span></h4>
<p>こんにちは、Bootstrap5の素晴らしい機能の一つであるフェードイン効果についてお話ししたいと思います。フェードイン効果とは、HTML と JavaScript を使って、モーダルやアラートなどのコンポーネントをページにスムーズに表示させることができるアニメーション効果です。Bootstrap5では、jQuery を使わずにこの効果を実現できます。どのようにしているのでしょうか？それでは見ていきましょう。まず、フェードイン効果を使いたいコンポーネントに .fade クラスを追加します。例えば、以下のようなモーダルの場合です。</p>

<pre class="pre"><code>
&lt;div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"&gt;
  &lt;div class="modal-dialog"&gt;
    &lt;div class="modal-content"&gt;
      &lt;div class="modal-header"&gt;
        &lt;h5 class="modal-title" id="exampleModalLabel"&gt;Modal title&lt;/h5&gt;
        &lt;button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"&gt;&lt;/button&gt;
      &lt;/div&gt;
      &lt;div class="modal-body"&gt;
        ...
      &lt;/div&gt;
      &lt;div class="modal-footer"&gt;
        &lt;button type="button" class="btn btn-secondary" data-bs-dismiss="modal"&gt;Close&lt;/button&gt;
        &lt;button type="button" class="btn btn-primary"&gt;Save changes&lt;/button&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>次に、JavaScript を使って、モーダルを表示するトリガーとなる要素にdata-bs-toggle=&#8221;modal&#8221; と data-bs-target=&#8221;#exampleModal&#8221; のような属性を追加します。例えば、以下のようなボタンの場合です。</p>
<pre class="pre"><code>
&lt;button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal"&gt;
  Launch demo modal
&lt;/button&gt;
</code></pre>
<p>これで、ボタンをクリックすると、モーダルがフェードインして表示されます。同様に、アラートやトーストなどの他のコンポーネントにもフェードイン効果を適用できます。詳しくは、Bootstrapの公式ドキュメントを参照してください。フェードイン効果は、ページに動きと魅力を加えるだけでなく、ユーザーの注意を引くのにも役立ちます。Bootstrap5 を使って、フェードイン効果を簡単に実装できることがわかりましたね。ぜひ試してみてください。ありがとうございました。</p>
<hr>



<i class="fas fa-cog fa-spin" style="color:skyblue;"></i> 
<h2><span id="toc20">&#8220;Chat GPT&#8221; on Edgeで得られた結果</span></h2>
<p>僅かな<b>ヒント</b>は得られたものの、実現にはもっと調査・検証が必要です。
<br>その為には、もっと的確（<span class="w_icon">ChatGPT</span>に<span class="w_icon">分かる様</span>な）なキーワードが必要と思われます。
<br>ただ、完璧な答えを求めるつもりもなく・過度な期待も未だできない、
<br>しかし、もっと適切なキーワードを使えば良いヒントが得られるかも知れません。
<br>ChatGPTは、GPT-4まで来ており、今後ますます進化してくると思います。
<br>次回は、日本語も含めて行ってみたいとも考えています。</p>
<hr>



<i class="fas fa-cog fa-spin" style="color:skyblue;"></i>
<h2><span id="toc21">
  実現したいのはこれ
</span></h2>
<h3><span id="toc22">アニメーション.gifで表示しています</span></h3>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="625" src="https://xn--ecka7j.biz/wp-content/uploads/2023/04/v8s-800x625.gif" alt="Bootstrap" class="wp-image-6969" srcset="https://xn--ecka7j.biz/wp-content/uploads/2023/04/v8s-800x625.gif 800w, https://xn--ecka7j.biz/wp-content/uploads/2023/04/v8s-500x391.gif 500w, https://xn--ecka7j.biz/wp-content/uploads/2023/04/v8s-300x234.gif 300w, https://xn--ecka7j.biz/wp-content/uploads/2023/04/v8s-768x600.gif 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">Bootstrap</figcaption></figure>



<h4><span id="toc23">実際のサイト：[conctere 5(v.8)]&amp;[Bootstrap 3]で実現</span></h4>
<a rel="noopener" href="https://a-itc.info/portfolio/elemental" target="_blank" style="color:lightblue;"><b>https://a-itc.info/portfolio/elemental</b></a>
<p>ブログカード</p>



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

<a rel="noopener" href="https://a-itc.info/portfolio/elemental" title="柔軟な編集最適表示と操作性あなたのホームページを自然な形で制作" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://xn--ecka7j.biz/wp-content/uploads/cocoon-resources/blog-card-cache/e323430e5b306b81e43911ea1a347f48.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">柔軟な編集最適表示と操作性あなたのホームページを自然な形で制作</div><div class="blogcard-snippet external-blogcard-snippet">コンテンツの投稿差替え変更が柔軟にできあなたのホームページから自然な形でマーケティングできます。最適な表示と操作性であなたのお客様にアピールできるオウンドメディアのホームページは地域ビジネスに最適です。売り込みではなく自然な形で・あなたのお...</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://a-itc.info/portfolio/elemental" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">a-itc.info</div></div></div></div></a>
</div>



<i class="fas fa-cog fa-spin" style="color:skyblue;"></i> 
<h2><span id="toc24">
  開発環境
 </span></h2>

<h3><span id="toc25">アニメーション.gifで表示しています</span></h3>
<h4><span id="toc26">テスト・サイト：[Conctere CMS(v.9)]&amp;[Bootstrap 5]で実現</span></h4>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="533" src="https://xn--ecka7j.biz/wp-content/uploads/2023/04/v9-800x533.gif" alt="Bootstrap" class="wp-image-6970" srcset="https://xn--ecka7j.biz/wp-content/uploads/2023/04/v9-800x533.gif 800w, https://xn--ecka7j.biz/wp-content/uploads/2023/04/v9-500x333.gif 500w, https://xn--ecka7j.biz/wp-content/uploads/2023/04/v9-300x200.gif 300w, https://xn--ecka7j.biz/wp-content/uploads/2023/04/v9-768x512.gif 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">Bootstrap</figcaption></figure>



<p>おわかり戴けるでしょうか？<br>下記画像の様に一瞬だけ正しい位置に吹き出しが現れ</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="427" src="https://xn--ecka7j.biz/wp-content/uploads/2023/04/v9t-800x427.jpg" alt="Bootstrap" class="wp-image-6968" srcset="https://xn--ecka7j.biz/wp-content/uploads/2023/04/v9t-800x427.jpg 800w, https://xn--ecka7j.biz/wp-content/uploads/2023/04/v9t-500x267.jpg 500w, https://xn--ecka7j.biz/wp-content/uploads/2023/04/v9t-300x160.jpg 300w, https://xn--ecka7j.biz/wp-content/uploads/2023/04/v9t-768x410.jpg 768w, https://xn--ecka7j.biz/wp-content/uploads/2023/04/v9t.jpg 1035w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">Bootstrap</figcaption></figure>



<p>その後すぐに、 下記画像の様に左端に吹き出しが固定表示（どのアイコンのhoverでも）</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="427" src="https://xn--ecka7j.biz/wp-content/uploads/2023/04/v9e-800x427.jpg" alt="Bootstrap" class="wp-image-6971" srcset="https://xn--ecka7j.biz/wp-content/uploads/2023/04/v9e-800x427.jpg 800w, https://xn--ecka7j.biz/wp-content/uploads/2023/04/v9e-500x267.jpg 500w, https://xn--ecka7j.biz/wp-content/uploads/2023/04/v9e-300x160.jpg 300w, https://xn--ecka7j.biz/wp-content/uploads/2023/04/v9e-768x410.jpg 768w, https://xn--ecka7j.biz/wp-content/uploads/2023/04/v9e.jpg 1035w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">Bootstrap</figcaption></figure>



<div class="loading">
<svg version="1.2" height="220" width="600" xmlns="http://www.w3.org/2000/svg" viewport="0 0 60 60" xmlns:xlink="http://www.w3.org/1999/xlink">
<path id="j09_pulsar_9" stroke="rgba(0,155,155,1)" fill="none" stroke-width="1" stroke-linejoin="round" d="M0,90L250,90Q257,60 262,87T267,95 270,88 273,92t6,35 7,-60T290,127 297,107s2,-11 10,-10 1,1 8,-10T319,95c6,4 8,-6 10,-17s2,10 9,11h210">
</path>
</svg>
</div>

<style type="text/css">/* pulsar_9.css -------------------------------------------------- */
.loading {width:100%; max-width:700px; margin:0 auto; padding:0; position:relative;}
.loading svg {width:100%; height:100%;}
.loading #j09_pulsar_9 {stroke-dasharray:281; animation:dash 3.5s infinite linear forwards;}
/* Animation ---------------------------------------------------------- */
@keyframes dash{from{stroke-dashoffset:814;} to {stroke-dashoffset:-814;}}
</style>



<hr>

  <i class="fas fa-cog fa-spin" style="color:skyblue;"></i> 
   　 <span class="badge bg-light text-dark"></span>
<h2><span id="toc27">まとめ</span></h2>

<p>結論は、この様なアプローチでは、解決に至る為の、ヒントはえられなかったこと。
<br>
<br>ただ、<b>Bootstrap 5</b>になって新しくなった定義方法が見つかったことが成果ともいえる。</p>
<br>
<p>Bootstrap5では、「フェードインのアニメーションは、CSSの<b>transition</b>プロパティを使って実現され」
<br>フェードインのアニメーションを適用するには、
<br><b>data-mdb-toggle=&#8221;animation&#8221;</b> と 
<br><b>data-mdb-animation=&#8221;fade-in&#8221; という属性を要素に追加</b>という事が分かったこと。</p>


<br>
<p>ChatGPTは未だ進化の途中であるので、今後より詳しい内容の回答が得られる様になってくるのでしょう。
<br>現時点では多くは望めないかも知れません。
<br>切り口を変えて、様々な「執筆分野」の内容を変えてアプローチしてみるのが良いかも知れません。
<br>
<br>例えば、
<br><span class="w_window">Bootstrap5 Fade-in HTML and .js all more code please thank you.</span>ではなく
<br>
<br><span class="w_window">Fade-in .css Full Code &#8220;Bootstrap5&#8221; vs &#8220;Bootstrap3&#8221; please.</span>とか、<br>
<br><span class="w_window">Fade-in HTML and .css and .js Full Code &#8220;Bootstrap5&#8221; vs &#8220;Bootstrap3&#8221; please.</span>など・・・
<br>
<br>理由は、[開発環境]でも示している通り、既にフェードイン自体は実現しており、
<br><b>Edge</b>の「<b>ChatGPT</b>」で得られた情報だけでは、解決に至るヒントが得られていないこと、
<br>上に上げたアプローチでは、明確に「ChatGPT」に伝えきれていない、というか、
<br>まだ「ChatGPT」にそこまでの内容で理解(的確な回答を）を求めるのは無理な様な気がしていることと、
<br>
<br>もっと的確なアプローチがあるはずだと思えるるからです。</p>
<p>
<i class="fas fa-cog fa-spin" style="color:aqua;"></i> <i class="fas fa-cog faa-spin animated" style="color:lime;"></i>
</p>
<p>結果は、進展があれば、またBlogで報告したいと思っています。</p>



<h2 class="wp-block-heading"><span id="toc28">Copilotに聞いてみた（１）</span></h2>



<div class="wp-block-group is-style-information-box is-layout-constrained wp-block-group-is-layout-constrained">
<p><strong>Copilot</strong> もgpt-4を使用している様ですが、<strong>ChatGPT</strong>と、どこが違うのでしょうか？優位点を上げてください。</p>
</div>



<div class="wp-block-group is-style-question-box is-layout-constrained wp-block-group-is-layout-constrained">
<p>Copilotは、マイクロソフトが開発したGPT-4ベースのAI機能です。<br>ChatGPTとは異なり、CopilotはOfficeソフトウェアに組み込まれており、ユーザーの指示に従って様々な作業を支援します。<br>Copilotの優位点は以下のとおりです。</p>



<ul class="wp-block-list">
<li>自然言語で指示するだけで、WordやExcelなどのOfficeソフトウェアの機能を活用できます。</li>



<li>Microsoft Graphと連携して、過去の文書やメールなどのデータを分析し、コンテンツを生成できます。</li>



<li>文章の執筆や編集だけでなく、データ分析やスライド作成などの幅広い分野で利用できます。</li>
</ul>



<p>以上のように、CopilotはChatGPTよりも高度で多様なAI機能を提供しています。</p>
</div>



<p class="has-text-align-right"> <span class="badge-blue" style="font-size:1.25em;"><strong>追加の質問 <a href="https://xn--ecka7j.biz/toolboox/chatgpt/7147/#copilot" target="_blank">　&#x27a1; </a></strong></span></p>



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



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

<a href="https://xn--ecka7j.biz/toolboox/chatgpt/7557/" title="生成AI：Copilotより扱いやすいBingGPT。無料でGPT-4 ! Edge不要でWindowsだけでなく、macOSやLinuxでも利用できる。" 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/2023/06/BingGPT_1080_1122-360KB-320x180.gif" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT_1080_1122-360KB-320x180.gif 320w, https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT_1080_1122-360KB-120x68.gif 120w, https://xn--ecka7j.biz/wp-content/uploads/2023/06/BingGPT_1080_1122-360KB-160x90.gif 160w" sizes="(max-width: 320px) 100vw, 320px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">生成AI：Copilotより扱いやすいBingGPT。無料でGPT-4 ! Edge不要でWindowsだけでなく、macOSやLinuxでも利用できる。</div><div class="blogcard-snippet internal-blogcard-snippet">ブラウザの狭い右ペインでなく、Window画面にそのまま大きく展開できることタスクバーにピン留めでき、いつでも呼び出せる。ChatGPT(無料版)より優秀なGPT-4(改)を利用し無料。Copilotと違ってEdge起動も不要。Windowsだけでなく、macOSやLinuxでも利用できる。</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">2023.07.25</div></div></div></div></a>
</div>



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

<a href="https://xn--ecka7j.biz/toolboox/chatgpt/7019/" title="生成AI：ChartGPTの有用性を無料で&#x27a1; GPT-4 Copilotで、 プラグインを評価：日本語で検索" 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/2023/05/Copilot_GPT-4_provisional_article-320x180.png" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_provisional_article-320x180.png 320w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_provisional_article-500x281.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_provisional_article-800x450.png 800w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_provisional_article-300x169.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_provisional_article-768x432.png 768w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_provisional_article-120x68.png 120w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_provisional_article-160x90.png 160w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_provisional_article.png 1200w" sizes="(max-width: 320px) 100vw, 320px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">生成AI：ChartGPTの有用性を無料で&#x27a1; GPT-4 Copilotで、 プラグインを評価：日本語で検索</div><div class="blogcard-snippet internal-blogcard-snippet">すごいぞChatGPT（これは、場合によっては 検索エンジンを圧倒し、遥かに強力な利用者の為のエンジンになる！）。項目ごとに詳細を記入して質問するとちゃんとした日本語で答えてくれた。正しい言い回しでしかもスムーズに文書が返ってくる。アイデアを選べば、項目ごとに箇条書きもしてくれる。但し、専門的な内容では元になるBigDataが古い様で要注意。質問内容もさることながら、質問する文書の組み立て、前提条件、回答要件などの内容が大事です。</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">2023.10.19</div></div></div></div></a>
</div>



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

<a href="https://xn--ecka7j.biz/toolboox/chatgpt/7093/" title="生成AI：無料でGPT-4 日本語で検索してみる Copilot（WordPressプラグイン を探す）" 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/2023/05/Copilot_GPT-4_Japanese-320x180.png" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_Japanese-320x180.png 320w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_Japanese-500x281.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_Japanese-800x450.png 800w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_Japanese-300x169.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_Japanese-768x432.png 768w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_Japanese-120x68.png 120w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_Japanese-160x90.png 160w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_Japanese.png 1200w" sizes="(max-width: 320px) 100vw, 320px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">生成AI：無料でGPT-4 日本語で検索してみる Copilot（WordPressプラグイン を探す）</div><div class="blogcard-snippet internal-blogcard-snippet">何も評価項目を付けずに除外条件のみで、「ワードプレスで有効なreCAPTCHAプラグインを50個教えてください。但し、有料版、Add-On、ContactForm系、複合プラグインは除外してください。」で検索してみる。次に、評価項目を付けて、更に、https://ja.wordpress.org/plugins/search/reCAPTCHA/ で調べたPluginを順に提示し、提示分を含め評価項目順に評価し、未提示Pluginを含めBest20を求めてみた。「検索結果がスムーズに、驚くべき速さで反映され関心する」半面、相互に限界も感じる。「記載内容・順序・正確性、条件」などが大事なこと。正確な日本語表現を心がけていても、重複する内容が返ってきたりする。もちろん「執筆分野」への記載内容の工夫、改善の余地があること、改善の方法を模索する必要があることは認識している。</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">2023.10.19</div></div></div></div></a>
</div>



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

<a href="https://xn--ecka7j.biz/toolboox/chatgpt/7147/" title="生成AI：Copilot（GPT-4）に .cssデザインの改善を尋ねてみた（無料）" 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/2023/05/Copilot_GPT-4_design-320x180.png" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_design-320x180.png 320w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_design-500x281.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_design-800x450.png 800w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_design-300x169.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_design-768x432.png 768w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_design-120x68.png 120w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_design-160x90.png 160w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_design.png 1200w" sizes="(max-width: 320px) 100vw, 320px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">生成AI：Copilot（GPT-4）に .cssデザインの改善を尋ねてみた（無料）</div><div class="blogcard-snippet internal-blogcard-snippet">今回の場合、ChatGPTから提供された回答（スケルトン）を少し修正・変更するだけで、実用になる（使える）ものを入手することができました。ただ、今回の様に必ず旨く通用するもの入手できるか？というと、そうでもない様です。肝心なことは、「執筆分野」に投稿する内容・質（適語表現であることも含め）・難易度だろうと思います。また、技術的なものであった場合、ChatGPTが保有するBigDataが最新のものでは無いため、特に進化の早いIT関連技術では、最新の情報やテクニックは入手し辛いものになっている様です。筆者が、別の切り口で「執筆分野」に投稿したものは、未だ有効な情報の入手が出来ないでいるのが現状です。</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">2023.06.03</div></div></div></div></a>
</div>



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

<a href="https://xn--ecka7j.biz/toolboox/chatgpt/7362/" title="生成AI：Copilot(GPT-4)にInvisible reCAPTCHA for WordPressの代替を問う．しかも無料で" 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/2023/05/Copilot_GPT-4_ASk051-320x180.png" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_ASk051-320x180.png 320w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_ASk051-500x281.png 500w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_ASk051-800x450.png 800w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_ASk051-300x169.png 300w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_ASk051-768x432.png 768w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_ASk051-120x68.png 120w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_ASk051-160x90.png 160w, https://xn--ecka7j.biz/wp-content/uploads/2023/05/Copilot_GPT-4_ASk051.png 1200w" sizes="(max-width: 320px) 100vw, 320px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">生成AI：Copilot(GPT-4)にInvisible reCAPTCHA for WordPressの代替を問う．しかも無料で</div><div class="blogcard-snippet internal-blogcard-snippet">あなたは調べ物をする場合、どの様な手段で行いますか？Google検索などで様々なサイトに訪れて探すのが一般的であったかも知れません。ところが今はChatGPTに代表される便利なツールがあります。私は、改良※GPT-4の「Copilot」を使...</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">2024.07.30</div></div></div></div></a>
</div>



<!--前回の記事ではHTMLブロックに以下を追加している。（下の２つは記事に必要）-->
<link href="https://xn--ecka7j.biz/wp-content/uploads/j_css/css5.css" rel="stylesheet">

<!-- FontAwesome アニメーション.css -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome-animation/0.2.1/font-awesome-animation.min.css" rel="stylesheet">
<!-- Bootstrap Icons -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.0/font/bootstrap-icons.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>


<p><i class="bi bi-tags-fill" style="color:aqua;"> #ChatGPT, #GPT-4, &#8220;ChatGPT in Edge&#8221;, &#8220;ChatGPT on Edge&#8221;, &#8220;#Chat GPT for Edge&#8221;</i>
<br> <i class="bi bi-tags" style="color:lime;"> #<b>Bootstrap 5</b>, #Bootstrap3, #Tool, #ConcreteCMS</i></p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
