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

<channel>
	<title>WordPressとCocoonによるブログ運営 | できることはやってみる博士のワークショップ</title>
	<atom:link href="https://hakase-workshop.com/category/blog-kindle/blog-management/feed/" rel="self" type="application/rss+xml" />
	<link>https://hakase-workshop.com</link>
	<description>はかせ工房とブログからはじめるKindle出版</description>
	<lastBuildDate>Sat, 27 Dec 2025 01:22:57 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0.4</generator>

<image>
	<url>https://hakase-workshop.com/wp-content/uploads/2023/09/cropped-workshop-512x512-1-1-32x32.png</url>
	<title>WordPressとCocoonによるブログ運営 | できることはやってみる博士のワークショップ</title>
	<link>https://hakase-workshop.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>2025年12月Cocoonからエックスサーバー製Xwrite移行プラグイン公開</title>
		<link>https://hakase-workshop.com/blog-cocoon-xwrite-plugin/</link>
					<comments>https://hakase-workshop.com/blog-cocoon-xwrite-plugin/#respond</comments>
		
		<dc:creator><![CDATA[はかせ]]></dc:creator>
		<pubDate>Sat, 27 Dec 2025 01:12:17 +0000</pubDate>
				<category><![CDATA[ブログ運営]]></category>
		<guid isPermaLink="false">https://hakase-workshop.com/?p=4939</guid>

					<description><![CDATA[2025年のクリスマス、CocoonからエックスサーバーのXwrite移行プラグインが公開されました。 エックスサーバーとCocoon開発者わいひらさんとで共同開発されたプラグインです。 私の運営しているブログではWor [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>2025年のクリスマス、CocoonからエックスサーバーのXwrite移行プラグインが公開されました。</p>
<p>エックスサーバーとCocoon開発者わいひらさんとで共同開発されたプラグインです。</p>
<p>私の運営しているブログではWordPressの無料テーマであるCocoonを使っています。</p>
<p>エックスサーバーを利用しているのでエックスサーバー製のXwriteは使ってみたいと思ってはいるのですが、WordPressのテーマ変更はかなりの手間がかかります。</p>
<p>エックスサーバーからはCocoonからXwriteへの移行プラグイン「テーマ移行サポート（Cocoon→Xwrite）」が公開されたことで、Cocoonユーザーから有料のテーマに変更する場合の敷居がだいぶ下がったのではないかと思います。</p>
<p>ここでは、CocoonからXwriteへの移行プラグイン「テーマ移行サポート（Cocoon→Xwrite）」と、移行の際の注意点について、主にテキストベースのブログ運営者の観点でまとめています。</p>
<div class="ad-area no-icon ad-shortcode ad-rectangle ad-label-visible cf" itemscope itemtype="https://schema.org/WPAdBlock">
  <div class="ad-label" itemprop="name" data-nosnippet>スポンサーリンク</div>
  <div class="ad-wrap">
    <div class="ad-responsive ad-usual"><!-- レスポンシブコード -->
<ins class="adsbygoogle"
  style="display:block"
  data-ad-client="ca-pub-2274842534969789"
  data-ad-slot="9711918308"
  data-ad-format="rectangle"
  data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
          </div>

</div>


  <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">CocoonからXwriteへの移行プラグイン公開</a></li><li><a href="#toc2" tabindex="0">CocoonからXwriteに移行する場合の注意点</a><ul><li><a href="#toc3" tabindex="0">Cocoonの「広告ブロック」を利用できない</a></li><li><a href="#toc4" tabindex="0">Cocoonの「広告ショートコード」が利用できいない</a></li><li><a href="#toc5" tabindex="0">プラグインで利用しないCocoon設定情報の移行</a></li></ul></li><li><a href="#toc6" tabindex="0">まとめ：CocoonからXwriteへの移行</a></li></ul>
    </div>
  </div>

<h2><span id="toc1">CocoonからXwriteへの移行プラグイン公開</span></h2>
<p>2024年のクリスマス、CocoonからXwriteへの移行プラグイン「テーマ移行サポート（Cocoon→Xwrite）」がエックスサーバーから公開されました。</p>
<p>無料のWordPressテーマCocoonから有料のエックスサーバー製WordPressテーマXwriteに移行する場合の敷居がだいぶ下がりました。</p>
<p>とはいえ、WordPressのテーマ変更は、気軽にやってよいことではありません。</p>
<p>WordPressのテーマを変更する場合には、WordPressのメジャーバージョンアップ以上に、事前の確認（テスト）が必要です。</p>
<p>CocoonからXwriteへの移行プラグイン「テーマ移行サポート（Cocoon→Xwrite）」の詳細は、以下の記事をご参照ください。</p>
<ul>
<li>Xwriteユーザーならば無料で使用できます。</li>
</ul>
<div class="blogcard-type bct-detail">

<a rel="noopener" target="_blank" href="https://wp-cocoon.com/cocoon-to-xwrite/" title="CocoonからXwriteにテーマ移行を手軽にできるプラグインを公開しました。" class="blogcard-wrap external-blogcard-wrap a-wrap cf"><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 fetchpriority="high" decoding="async" src="https://hakase-workshop.com/wp-content/uploads/cocoon-resources/blog-card-cache/7787c0e087109a2a7802c590b3630655.png" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="320" height="180" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">CocoonからXwriteにテーマ移行を手軽にできるプラグインを公開しました。</div><div class="blogcard-snippet external-blogcard-snippet">WordPress無料テーマのCocoonから、有料テーマに乗り換えたとき、Cocoonで利用していた装飾が崩れてしまったということはないでしょうか。テーマ移行を行った方の中には、次のような吹き出し装飾が、以下のように崩れてしまったという経...</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 decoding="async" src="https://www.google.com/s2/favicons?domain=https://wp-cocoon.com/cocoon-to-xwrite/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">wp-cocoon.com</div></div></div></div></a>
</div>
<h2><span id="toc2">CocoonからXwriteに移行する場合の注意点</span></h2>
<p>CocoonからXwriteへの移行プラグイン「テーマ移行サポート（Cocoon→Xwrite）」は、エックスサーバーのプレミアム・プラン以上であれば無料で使用できます。</p>
<p>私はエックスサーバーのスタンダードプランを利用していますので、コスト面ではXwriteの買い切り価格で購入することになると思います。</p>
<ul>
<li>2025年12月27日現在、Xwriteはサブスク（月額と年額）もあります。</li>
</ul>
<p>CocoonからXwriteへの移行プラグイン「テーマ移行サポート（Cocoon→Xwrite）」を使ってできないことは、次の通りです。</p>
<ul>
<li>広告ブロックの利用</li>
<li>広告ショートコードの利用</li>
<li>プラグインで利用しないCocoon設定情報の移行</li>
</ul>
<p>以下、私がXwriteを使う場合の注意点として紹介します。</p>
<h3><span id="toc3">Cocoonの「広告ブロック」を利用できない</span></h3>
<p>私の場合ですが、「広告ブロック」は、使用していないので影響ありません。</p>
<h3><span id="toc4">Cocoonの「広告ショートコード」が利用できいない</span></h3>
<p>これは、影響範囲が広くというよりは、私の運営するブログではほぼ全てのページイン「広告ショートコード」を使っているので、正直なところ非常に面倒だと感じました。</p>
<p>しかし、CocoonからXwriteへの移行プラグインの説明をよく読んでみると、あえて「広告ショートコード」を利用できないようにして、次のような理由でトラブルを避けていることがわかりました。</p>
<div class="alert-box common-icon-box">Cocoonの広告ショートコードとXwriteの広告機能とが干渉することで、AdSenseポリシー違反などが起きないように、「CocoonからXwriteへの移行プラグイン」では、Cocoonの広告機能を使えないようにしている。</div>
<h3><span id="toc5">プラグインで利用しないCocoon設定情報の移行</span></h3>
<p>CocoonからXwriteへの移行プラグイン「テーマ移行サポート（Cocoon→Xwrite）」で利用しないCocoon設定情報は、移行されないのは当たり前のことです。</p>
<p>とはいえ、Cocoonが多機能であるがゆえCocoonで設定できることは多岐にわたります。</p>
<p>エックスサーバーのWebサイトには、「テーマ移行サポート（Cocoon→Xwrite）」プラグインについての説明ページがあります。</p>
<div class="speech-wrap sb-id-12 sbs-flat sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://hakase-workshop.com/wp-content/uploads/2023/09/01_hakase.png" alt="はかせ" width="160" height="160" /></figure>
<div class="speech-name">はかせ</div>
</div>
<div class="speech-balloon">
<p>移行プラグインがあるとはいえ、WordPressのテーマ変更は大仕事なので、よく読んだうえで、実際に使えるかどうか事前確認が必要だと考えています。</p>
</div>
</div>
<div class="ad-area no-icon ad-shortcode ad-rectangle ad-label-visible cf" itemscope itemtype="https://schema.org/WPAdBlock">
  <div class="ad-label" itemprop="name" data-nosnippet>スポンサーリンク</div>
  <div class="ad-wrap">
    <div class="ad-responsive ad-usual"><!-- レスポンシブコード -->
<ins class="adsbygoogle"
  style="display:block"
  data-ad-client="ca-pub-2274842534969789"
  data-ad-slot="9711918308"
  data-ad-format="rectangle"
  data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
          </div>

</div>

<h2><span id="toc6">まとめ：CocoonからXwriteへの移行</span></h2>
<p>WordPressの無料テーマCocoonが多機能であるがために、WordPressのテーマを変更することを想像するだけで、「私のブログのテーマ変更はしない」という結論につながっていました。</p>
<p>2025年のクリスマスに、CocoonからXwriteへの移行プラグイン「テーマ移行サポート（Cocoon→Xwrite）」がエックスサーバーから公開されたことで、</p>
<p>WordPressの無料テーマCocoonからエックスサーバー製の有料テーマXwriteに移行を検討している方には、プラスの材料となったのではないでしょうか。</p>
<p>移行プラグインでCocoonからXwriteへの移行作業の敷居が下がったのは間違いないとは思いますが、WordPressのテーマ変更は大仕事です。</p>
<div class="speech-wrap sb-id-12 sbs-flat sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://hakase-workshop.com/wp-content/uploads/2023/09/01_hakase.png" alt="はかせ" width="160" height="160" /></figure>
<div class="speech-name">はかせ</div>
</div>
<div class="speech-balloon">
<p>私の場合、CocoonからXwriteに移行すると決めた場合でも、十分な事前検討と、テスト環境などによる事前チェックが必要だと考えています。</p>
</div>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://hakase-workshop.com/blog-cocoon-xwrite-plugin/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>ブログのメール送信者としてDMARC・DKIM・SPFのサーバー設定を再確認</title>
		<link>https://hakase-workshop.com/blog-dmarc-dkim-spf/</link>
					<comments>https://hakase-workshop.com/blog-dmarc-dkim-spf/#respond</comments>
		
		<dc:creator><![CDATA[はかせ]]></dc:creator>
		<pubDate>Tue, 22 Jul 2025 20:00:55 +0000</pubDate>
				<category><![CDATA[ブログ運営]]></category>
		<guid isPermaLink="false">https://hakase-workshop.com/?p=4164</guid>

					<description><![CDATA[たまに届くDMARCレポートのメール、大きな問題はなさそうですが、気にならないと言えばうそになります。 このブログのドメインを購入したエックスサーバードメインの記事を参考にして、エックスサーバーの設定を見直すことにしまし [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>たまに届くDMARCレポートのメール、大きな問題はなさそうですが、気にならないと言えばうそになります。</p>
<p>このブログのドメインを購入したエックスサーバードメインの記事を参考にして、エックスサーバーの設定を見直すことにしました。</p>
<p>ここでは、メール送信に関するエックスサーバーの設定について、自分で理解した内容を備忘録を兼ねて説明します。</p>
<p>サーバー設定の見直しは、定期的に行うべきだとは思いつつなかなか習慣化できないので、機能アップなどのメールをきっかけに見直すように心がけています。</p>
<div class="speech-wrap sb-id-12 sbs-flat sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img loading="lazy" decoding="async" class="speech-icon-image" src="https://hakase-workshop.com/wp-content/uploads/2023/09/01_hakase.png" alt="はかせ" width="160" height="160" /></figure>
<div class="speech-name">はかせ</div>
</div>
<div class="speech-balloon">
<p>仕組みまで理解しようとするとなかなか難しいので、まずは、おすすめの設定をしていくことからはじめています。</p>
</div>
</div>
<div class="ad-area no-icon ad-shortcode ad-rectangle ad-label-visible cf" itemscope itemtype="https://schema.org/WPAdBlock">
  <div class="ad-label" itemprop="name" data-nosnippet>スポンサーリンク</div>
  <div class="ad-wrap">
    <div class="ad-responsive ad-usual"><!-- レスポンシブコード -->
<ins class="adsbygoogle"
  style="display:block"
  data-ad-client="ca-pub-2274842534969789"
  data-ad-slot="9711918308"
  data-ad-format="rectangle"
  data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
          </div>

</div>


  <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">メール送信に関するエックスサーバーの設定</a><ul><li><a href="#toc2" tabindex="0">メール送信ドメインの認証とは</a></li><li><a href="#toc3" tabindex="0">SPF（Sender Policy Framework）</a></li><li><a href="#toc4" tabindex="0">DKIM（Domain Keys Identified Mail）</a></li><li><a href="#toc5" tabindex="0">DMARC（Domain-based Message Authentication, Reporting, and Conformance）</a></li></ul></li><li><a href="#toc6" tabindex="0">エックスサーバーの設定見直し：SPFとDKIM設定</a><ul><li><a href="#toc7" tabindex="0">SPFの設定</a></li><li><a href="#toc8" tabindex="0">DKIMの設定</a></li></ul></li><li><a href="#toc9" tabindex="0">DMARCの設定</a><ul><li><a href="#toc10" tabindex="0">DMARC設定対象ドメイン</a></li><li><a href="#toc11" tabindex="0">DMARCポリシー</a></li><li><a href="#toc12" tabindex="0">DMARCのレポート通知設定</a><ul><li><a href="#toc13" tabindex="0">DMARCレポートの注意点</a></li></ul></li></ul></li><li><a href="#toc14" tabindex="0">参考リンク</a></li><li><a href="#toc15" tabindex="0">まとめ</a></li></ul>
    </div>
  </div>

<h2><span id="toc1">メール送信に関するエックスサーバーの設定</span></h2>
<p>メール送信に関するエックスサーバーの以下の3つの設定について説明します。</p>
<ul>
<li>SPF設定</li>
<li>DKIM設定</li>
<li>DMARC設定</li>
</ul>
<h3><span id="toc2">メール送信ドメインの認証とは</span></h3>
<p>スパムメールの送信先をみても、メールの見た目上の送信元アドレスは偽装することが技術的できそうなことはわかります。</p>
<p>これを悪用しているのが、なりすましメールやフィッシングメールであり、これらはメール送信者の信頼性を損なうリスクでもあります。</p>
<p>ブログ運営をしているとメール送信者にもなりますので、この様なリスクを低減するために送信ドメイン認証という仕組みがあり、代表的な技術に次の3つがあります。</p>
<ul>
<li>SPF：送信元IPアドレスの正当性を確認する。</li>
<li>DKIM：メールに電子署名を付与し、改ざんやなりすましを検出する。</li>
<li>DMARC：SPFやDKIMの結果をもとに、メールの受け取り方を制御する。</li>
</ul>
<p>エックスサーバーでもこれらの送信ドメイン認証の設定が可能です。</p>
<p>以下、SPF・DKIM・DMARCについて簡単に（自分が理解できたこと）を説明します。</p>
<h3><span id="toc3">SPF（Sender Policy Framework）</span></h3>
<p>SPF（Sender Policy Framework）は、メールの送信元のIPアドレスが正しいものかどうかを検証する仕組みです。</p>
<ul>
<li>SPFは、そのまま「エスピーエフ」と読みます。</li>
</ul>
<p>SPFレコードによりメール送信元のIPアドレスが正しいかどうか確認します。</p>
<div class="speech-wrap sb-id-12 sbs-flat sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img loading="lazy" decoding="async" class="speech-icon-image" src="https://hakase-workshop.com/wp-content/uploads/2023/09/01_hakase.png" alt="はかせ" width="160" height="160" /></figure>
<div class="speech-name">はかせ</div>
</div>
<div class="speech-balloon">
<p>実際の手紙に例えると、発送元の郵便局の住所（IPアドレス）が、許可された発送元のリストにあるかを確認するイメージです。</p>
</div>
</div>
<p>SPFの仕組みについては、ここでは説明しませんので、参考リンクをご参照ください。</p>
<p>エックスサーバーでのSPF設定については、このドメインを例に後述します。</p>
<h3><span id="toc4">DKIM（Domain Keys Identified Mail）</span></h3>
<p>DKIM（Domain Keys Identified Mail）は、メールに電子署名をつけて、メース受信者が、メール改ざんの有無や正当性を確認できる仕組みです。</p>
<ul>
<li>DKIMは、「ディーキム」と読みます。</li>
</ul>
<p>電子署名により、メール内容とメール送信者が正しいかどうか検証します。</p>
<div class="speech-wrap sb-id-12 sbs-flat sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img loading="lazy" decoding="async" class="speech-icon-image" src="https://hakase-workshop.com/wp-content/uploads/2023/09/01_hakase.png" alt="はかせ" width="160" height="160" /></figure>
<div class="speech-name">はかせ</div>
</div>
<div class="speech-balloon">
<p>実際の手紙に例えると、手紙が開封されていないことを確認するイメージです。</p>
</div>
</div>
<p>DKIMの仕組みについては、ここでは説明しませんので、参考リンクをご参照ください。</p>
<p>エックスサーバーでのSPF設定については、このドメインを例に後述します。</p>
<h3><span id="toc5">DMARC（Domain-based Message Authentication, Reporting, and Conformance）</span></h3>
<p>DMARC（Domain-based Message Authentication, Reporting, and Conformance）は、SPFとDKIMの結果をもとに、受信側がメールをどのように処理するかを決める仕組みです。</p>
<ul>
<li>DMARCは、「ディーマーク」と読みます。</li>
</ul>
<p>SPFやDKIMで検証されたドメインとFromアドレス（送信者のアドレス）のドメインが一致しているか検証します。</p>
<div class="speech-wrap sb-id-12 sbs-flat sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img loading="lazy" decoding="async" class="speech-icon-image" src="https://hakase-workshop.com/wp-content/uploads/2023/09/01_hakase.png" alt="はかせ" width="160" height="160" /></figure>
<div class="speech-name">はかせ</div>
</div>
<div class="speech-balloon">
<p>実際の手紙に例えると、手紙の確認結果をもとに、配達するかどうかを審査で決める（あらかじめ決めたルールに従い判断する）様なイメージです。</p>
</div>
</div>
<p>DMARCの仕組みについては、ここでは説明しませんので、参考リンクをご参照ください。</p>
<p>エックスサーバーでのSPF設定については、このドメインを例に後述します。</p>
<h2><span id="toc6">エックスサーバーの設定見直し：SPFとDKIM設定</span></h2>
<p>2025年7月、エックスサーバーのDMARC・DKIM・SPF設定を見直しました。</p>
<p>まず、SPFとDKIMの設定を確認します。</p>
<h3><span id="toc7">SPFの設定</span></h3>
<p>エックスサーバーのSPF設定は、ドメイン設定と同時に完了するため、SPFについて個別の設定はほとんどないようですが、確認していきます。</p>
<p>SPF設定は、エックスサーバーのサーバーパネルで設定します。</p>
<p>SPFの設定画面は、［メール］＞［SPF設定］です。</p>
<p>下図は、このドメインのSPD設定画面です。</p>
<p>以下の設定になっていることを確認しました。</p>
<ul>
<li>設定内容：標準設定</li>
<li>SPF設定：ON</li>
</ul>
<div id="attachment_4181" style="width: 810px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-4181" class="wp-image-4181 size-full" src="https://hakase-workshop.com/wp-content/uploads/2025/07/blog-dmarc-dkim-spf-1.jpg" alt="SPF設定" width="800" height="534" srcset="https://hakase-workshop.com/wp-content/uploads/2025/07/blog-dmarc-dkim-spf-1.jpg 800w, https://hakase-workshop.com/wp-content/uploads/2025/07/blog-dmarc-dkim-spf-1-300x200.jpg 300w, https://hakase-workshop.com/wp-content/uploads/2025/07/blog-dmarc-dkim-spf-1-768x513.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><p id="caption-attachment-4181" class="wp-caption-text">SPF設定</p></div>
<p style="text-align: center;"><strong>図1　SPF設定</strong></p>
<p>SPF設定をONにすると、SPF認証をするための「SPFレコード」がDNSに追加されます。</p>
<h3><span id="toc8">DKIMの設定</span></h3>
<p>エックスサーバーのDKIM設定は、SPF設定等同様、ドメイン設定と同時に完了します。</p>
<p>DKIM設定は、エックスサーバーのサーバーパネルで設定します。</p>
<p>DKIMの設定画面は、［メール］＞［DKIM設定］です。</p>
<p>DKIMについては、個別の設定はないようですが、確認していきます。</p>
<p>下図は、このドメインのDKIM設定画面です。</p>
<p>以下の設定になっていることを確認しました。</p>
<ul>
<li>設定状況：ON</li>
</ul>
<div id="attachment_4182" style="width: 810px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-4182" class="wp-image-4182 size-full" src="https://hakase-workshop.com/wp-content/uploads/2025/07/blog-dmarc-dkim-spf-2.jpg" alt="DKIM設定" width="800" height="529" srcset="https://hakase-workshop.com/wp-content/uploads/2025/07/blog-dmarc-dkim-spf-2.jpg 800w, https://hakase-workshop.com/wp-content/uploads/2025/07/blog-dmarc-dkim-spf-2-300x198.jpg 300w, https://hakase-workshop.com/wp-content/uploads/2025/07/blog-dmarc-dkim-spf-2-768x508.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><p id="caption-attachment-4182" class="wp-caption-text">DKIM設定</p></div>
<p style="text-align: center;"><strong>図2　DKIM設定</strong></p>
<p>DKIM設定は、確認だけで終わりました。</p>
<h2><span id="toc9">DMARCの設定</span></h2>
<p>いよいよ気になるDMARC設定の見直しです。</p>
<p>2025年7月、エックスサーバーのDMARC・DKIM・SPF設定を見直しました。</p>
<p>DMARC設定を確認していきます。</p>
<h3><span id="toc10">DMARC設定対象ドメイン</span></h3>
<p>エックスサーバーのDMARC設定は、ドメインごとに行います。</p>
<p>DMARC設定は、エックスサーバーのサーバーパネルで設定します。</p>
<p>DMARCの設定画面は、［メール］＞［DMARC設定］です。</p>
<p>設定を見直したいこのドメインの編集のアイコンをクリックします。</p>
<div id="attachment_4183" style="width: 810px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-4183" class="wp-image-4183 size-full" src="https://hakase-workshop.com/wp-content/uploads/2025/07/blog-dmarc-dkim-spf-3.jpg" alt="DMARC設定" width="800" height="535" srcset="https://hakase-workshop.com/wp-content/uploads/2025/07/blog-dmarc-dkim-spf-3.jpg 800w, https://hakase-workshop.com/wp-content/uploads/2025/07/blog-dmarc-dkim-spf-3-300x201.jpg 300w, https://hakase-workshop.com/wp-content/uploads/2025/07/blog-dmarc-dkim-spf-3-768x514.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><p id="caption-attachment-4183" class="wp-caption-text">DMARC設定</p></div>
<p style="text-align: center;"><strong>図3　DMARC設定</strong></p>
<h3><span id="toc11">DMARCポリシー</span></h3>
<p>DMARCポリシーは、次の3つから選択します。</p>
<ul>
<li>何もしない（通常どおりのメール配送）。</li>
<li>迷惑メールとして配送する。</li>
<li>メールを配送しない。</li>
</ul>
<p>おすすめされている設定方法は、次の順に進めます。</p>
<ul>
<li>はじめは、「何もしない」を選ぶ。</li>
<li>メールが正しく認証され、想定どおりメール送信が完了している状況を確認してから、「迷惑メールとして配送する」または「メールを配送しない」に変更する。</li>
</ul>
<h3><span id="toc12">DMARCのレポート通知設定</span></h3>
<p>DMARCのレポート通知設定は、ONかOFFです。</p>
<p>おすすめされている設定は、「ON」です。</p>
<p>「ON」にしたら通知先メールアドレスを入力します。</p>
<h4><span id="toc13">DMARCレポートの注意点</span></h4>
<p>DMARCレポートのメールにより、認証成功・失敗数が通知されます。</p>
<ul>
<li>DMARCのレポートには、SPFやDKIMの認証結果など、メール送信の状況を把握するための情報が記載されています。</li>
</ul>
<p>DMARCレポートは、以下の様に確認や設定変更することがおすすめされていますが、安易に変更せず、よく考えてから変更し、変更しても悪影響（届けたいメールまで届かなくなっていないかなど）の確認が必要です。</p>
<ul>
<li>DMARCレポートで状況を確認しながら、認証が確実に成功する状態を確認したうえで順次設定を変更していきます。</li>
</ul>
<p>自社のなりすましメールを防止するには、「隔離」や「拒否」としたいところですが、状況を把握しないまま設定すると、届けるべきメールまで届かなくなる可能性があります。</p>
<p>メール内容をもとに段階的に「迷惑メールとして配送する」、最終的に「メールを配送しない」に変更します。</p>
<div class="speech-wrap sb-id-12 sbs-flat sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img loading="lazy" decoding="async" class="speech-icon-image" src="https://hakase-workshop.com/wp-content/uploads/2023/09/01_hakase.png" alt="はかせ" width="160" height="160" /></figure>
<div class="speech-name">はかせ</div>
</div>
<div class="speech-balloon">
<p>DMARCレポートを読んで慎重に対応することが必要ということです。</p>
</div>
</div>
<h2><span id="toc14">参考リンク</span></h2>
<p>エックスサーバー・ドメインのDMARC・DKIM・SPFの設定見直しについては、エックスサーバーの以下の記事を参考にしています。</p>
<div class="blogcard-type bct-reference-link">

<a rel="noopener" target="_blank" href="https://www.xdomain.ne.jp/column/dmarc-dkim-spf/" title="【図解】DMARC・DKIM・SPFとは？メールの送信者認証をわかりやすく解説" class="blogcard-wrap external-blogcard-wrap a-wrap cf"><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://hakase-workshop.com/wp-content/uploads/cocoon-resources/blog-card-cache/2e8bbdf06bfbdef5e2b435ef6d4bd2df.png" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="320" height="180" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">【図解】DMARC・DKIM・SPFとは？メールの送信者認証をわかりやすく解説</div><div class="blogcard-snippet external-blogcard-snippet">メールセキュリティを強化する「DMARC」「DKIM」「SPF」について、仕組み・メリット・設定方法をわかりやすく解説しています。設定していないと正しくメールが届かない可能性もあります。「よくわかっていない……」という方は、ぜひご覧ください...</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://www.xdomain.ne.jp/column/dmarc-dkim-spf/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">www.xdomain.ne.jp</div></div></div></div></a>
</div>
<p>DMARC設定については、エックスサーバーの以下のマニュアルを参考にしています。</p>
<ul>
<li>［ホーム］＞［マニュアル］＞［DMARC設定］</li>
</ul>
<div class="blogcard-type bct-reference-link">

<a rel="noopener" target="_blank" href="https://www.xserver.ne.jp/manual/man_mail_dmarc.php?_gl=1*wkiw8s*_ga*MTUxNzAyNTQ2LjE3NTMwNTcyMjE.*_ga_1RBM0VES08*czE3NTMwNjEwODkkbzIkZzAkdDE3NTMwNjEwODkkajYwJGwwJGgw*_ga_DYC2WT7S0V*czE3NTMwNjA3ODkkbzIkZzAkdDE3NTMwNjA3ODkkajYwJGwwJGgw*_ga_F24SP6D94M*czE3NTMwNjA3ODkkbzIkZzAkdDE3NTMwNjA3ODkkajYwJGwwJGgw" title="DMARC&#35373;&#23450; | &#12524;&#12531;&#12479;&#12523;&#12469;&#12540;&#12496;&#12540;&#12394;&#12425;&#12456;&#12483;&#12463;&#12473;&#12469;&#12540;&#12496;&#12540;" class="blogcard-wrap external-blogcard-wrap a-wrap cf"><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%2Fwww.xserver.ne.jp%2Fmanual%2Fman_mail_dmarc.php%3F_gl%3D1%2Awkiw8s%2A_ga%2AMTUxNzAyNTQ2LjE3NTMwNTcyMjE.%2A_ga_1RBM0VES08%2AczE3NTMwNjEwODkkbzIkZzAkdDE3NTMwNjEwODkkajYwJGwwJGgw%2A_ga_DYC2WT7S0V%2AczE3NTMwNjA3ODkkbzIkZzAkdDE3NTMwNjA3ODkkajYwJGwwJGgw%2A_ga_F24SP6D94M%2AczE3NTMwNjA3ODkkbzIkZzAkdDE3NTMwNjA3ODkkajYwJGwwJGgw?w=320&#038;h=180" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="320" height="180" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">DMARC&#35373;&#23450; | &#12524;&#12531;&#12479;&#12523;&#12469;&#12540;&#12496;&#12540;&#12394;&#12425;&#12456;&#12483;&#12463;&#12473;&#12469;&#12540;&#12496;&#12540;</div><div class="blogcard-snippet external-blogcard-snippet">レンタルサーバー「エックスサーバー」のご利用マニュアル｜対象ドメインのなりすましやその他の不正なメールの送信を制限できる「DMARC設定」機能のご案内です。</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://www.xserver.ne.jp/manual/man_mail_dmarc.php?_gl=1*wkiw8s*_ga*MTUxNzAyNTQ2LjE3NTMwNTcyMjE.*_ga_1RBM0VES08*czE3NTMwNjEwODkkbzIkZzAkdDE3NTMwNjEwODkkajYwJGwwJGgw*_ga_DYC2WT7S0V*czE3NTMwNjA3ODkkbzIkZzAkdDE3NTMwNjA3ODkkajYwJGwwJGgw*_ga_F24SP6D94M*czE3NTMwNjA3ODkkbzIkZzAkdDE3NTMwNjA3ODkkajYwJGwwJGgw" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">www.xserver.ne.jp</div></div></div></div></a>
</div>
<div class="ad-area no-icon ad-shortcode ad-rectangle ad-label-visible cf" itemscope itemtype="https://schema.org/WPAdBlock">
  <div class="ad-label" itemprop="name" data-nosnippet>スポンサーリンク</div>
  <div class="ad-wrap">
    <div class="ad-responsive ad-usual"><!-- レスポンシブコード -->
<ins class="adsbygoogle"
  style="display:block"
  data-ad-client="ca-pub-2274842534969789"
  data-ad-slot="9711918308"
  data-ad-format="rectangle"
  data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
          </div>

</div>

<h2><span id="toc15">まとめ</span></h2>
<p>たまに届くDMARCレポートのメール、大きな問題はなさそうですが、気にならないと言えばうそになります。</p>
<p>このブログのドメインを購入したエックスサーバードメインの記事を参考にして、エックスサーバーの設定を見直すことにしました。</p>
<p>ここでは、メール送信に関するエックスサーバーの設定について、自分で理解した内容を備忘録を兼ねて、以下の項目で説明しました。</p>
<ul class="toc-list open">
<li>メール送信に関するエックスサーバーの設定
<ul>
<li>メール送信ドメインの認証とは</li>
<li>SPF（Sender Policy Framework）</li>
<li>DKIM（Domain Keys Identified Mail）</li>
<li>DMARC（Domain-based Message Authentication, Reporting, and Conformance）</li>
</ul>
</li>
<li>エックスサーバーの設定見直し：SPFとDKIM設定
<ul>
<li>SPFの設定</li>
<li>DKIMの設定</li>
</ul>
</li>
<li>DMARCの設定
<ul>
<li>DMARC設定対象ドメイン</li>
<li>DMARCポリシー</li>
<li>DMARCのレポート通知設定
<ul>
<li>DMARCレポートの注意点</li>
</ul>
</li>
</ul>
</li>
<li>参考リンク</li>
</ul>
]]></content:encoded>
					
					<wfw:commentRss>https://hakase-workshop.com/blog-dmarc-dkim-spf/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>reCAPTCHAでブログのメールフォームを悪用した不正アクセス対策</title>
		<link>https://hakase-workshop.com/blog-mailform-malicious-recaptcha/</link>
					<comments>https://hakase-workshop.com/blog-mailform-malicious-recaptcha/#respond</comments>
		
		<dc:creator><![CDATA[はかせ]]></dc:creator>
		<pubDate>Sun, 04 May 2025 20:00:15 +0000</pubDate>
				<category><![CDATA[ブログ運営]]></category>
		<guid isPermaLink="false">https://hakase-workshop.com/?p=3694</guid>

					<description><![CDATA[私が運営する4つのブログでは、お問い合わせ機能は、WordPressプラグインのContact Form 7を使っています。 エックスサーバーからメールフォームを悪用した不正アクセス対策として、Contact Form  [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>私が運営する4つのブログでは、お問い合わせ機能は、WordPressプラグインのContact Form 7を使っています。</p>
<p>エックスサーバーからメールフォームを悪用した不正アクセス対策として、Contact Form 7を使っている場合のreCAPTCHA導入方法の案内がきていました。</p>
<p>GWで気持ちに余裕もあるので、reCAPTCHAを導入について調べたので、備忘録を兼ねて説明します。</p>
<div class="ad-area no-icon ad-shortcode ad-rectangle ad-label-visible cf" itemscope itemtype="https://schema.org/WPAdBlock">
  <div class="ad-label" itemprop="name" data-nosnippet>スポンサーリンク</div>
  <div class="ad-wrap">
    <div class="ad-responsive ad-usual"><!-- レスポンシブコード -->
<ins class="adsbygoogle"
  style="display:block"
  data-ad-client="ca-pub-2274842534969789"
  data-ad-slot="9711918308"
  data-ad-format="rectangle"
  data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
          </div>

</div>


  <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><ul><li><a href="#toc2" tabindex="0">メールフォームの悪用</a></li><li><a href="#toc3" tabindex="0">メールフォーム悪用対策</a></li><li><a href="#toc4" tabindex="0">reCAPTCHAとは</a></li></ul></li><li><a href="#toc5" tabindex="0">reCAPTCHAを導入する</a><ul><li><a href="#toc6" tabindex="0">reCAPTCHAの設定：サイトの登録</a></li></ul></li><li><a href="#toc7" tabindex="0">参考リンク</a></li><li><a href="#toc8" tabindex="0">まとめ</a></li></ul>
    </div>
  </div>

<h2><span id="toc1">メールフォームの悪用と対策</span></h2>
<p>メールフォームの悪用と対策について説明します。</p>
<h3><span id="toc2">メールフォームの悪用</span></h3>
<p>メールフォームの悪用とは、次のようにして自動返信機能を利用して無関係な第三者にスパムメールを送信する攻撃のことです。</p>
<ul>
<li>お問合せの内容に、フィッシングサイトのURLや宣伝広告を入れる。</li>
<li>連絡先のメールに無関係な第三者メールアドレスを入力して送信する。</li>
<li>お問合せ機能のメール自動返信機能により無関係な第三者にスパムメールを送信する。</li>
</ul>
<h3><span id="toc3">メールフォーム悪用対策</span></h3>
<p>メールフォームの悪用対策には、次の2つの方法があります。</p>
<ul>
<li>reCAPTCHA導入</li>
<li>自動返信機能の無効化</li>
</ul>
<h3><span id="toc4">reCAPTCHAとは</span></h3>
<p>reCAPTCHAとはGoogleが無料で提供しているセキュリティ対策ツールです。</p>
<p>reCAPTCHAを導入することで、</p>
<ul>
<li>人間からのアクセスかロボットからのアクセスか判別する。</li>
<li>ロボットからのアクセスに対して何らかのアクションを要求する。</li>
</ul>
<p>メールフォームの悪用を含む不正アクセスは、ロボットによるアクセスが多いため、reCAPTCHAの導入は効果的な対策となるようです。</p>
<h2><span id="toc5">reCAPTCHAを導入する</span></h2>
<p>reCAPTCHAを導入します。</p>
<p>GoogleのreCAPTCHAのページ（<a rel="noopener" target="_blank" href="https://cloud.google.com/security/products/recaptcha">こちら</a>）にアクセスします。</p>
<p><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-3703" src="https://hakase-workshop.com/wp-content/uploads/2025/05/blog-mailform-malicious-recaptcha-01.jpg" alt="" width="800" height="415" srcset="https://hakase-workshop.com/wp-content/uploads/2025/05/blog-mailform-malicious-recaptcha-01.jpg 800w, https://hakase-workshop.com/wp-content/uploads/2025/05/blog-mailform-malicious-recaptcha-01-300x156.jpg 300w, https://hakase-workshop.com/wp-content/uploads/2025/05/blog-mailform-malicious-recaptcha-01-768x398.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></p>
<p style="text-align: center;"><strong>図1　reCAPTCHAの概要のページ</strong></p>
<p>左上のGoogle Cloudのロゴに気づき、</p>
<div class="speech-wrap sb-id-12 sbs-flat sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img loading="lazy" decoding="async" class="speech-icon-image" src="https://hakase-workshop.com/wp-content/uploads/2023/09/01_hakase.png" alt="はかせ" width="160" height="160" /></figure>
<div class="speech-name">はかせ</div>
</div>
<div class="speech-balloon">
<p>Google Cloudは使っていないけれど、reCAPTCHAは、Google Cloudの一部なのか？</p>
</div>
</div>
<p>と思いつつ、</p>
<p>&nbsp;</p>
<p>上図一番上の「reCAPTCHAを使ってウェブサイトを今すぐ保護しましょう。」をクリックすると、下図のreCAPTCHAの登録画面になります。</p>
<p><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-3704" src="https://hakase-workshop.com/wp-content/uploads/2025/05/blog-mailform-malicious-recaptcha-02.jpg" alt="" width="800" height="611" srcset="https://hakase-workshop.com/wp-content/uploads/2025/05/blog-mailform-malicious-recaptcha-02.jpg 800w, https://hakase-workshop.com/wp-content/uploads/2025/05/blog-mailform-malicious-recaptcha-02-300x229.jpg 300w, https://hakase-workshop.com/wp-content/uploads/2025/05/blog-mailform-malicious-recaptcha-02-768x587.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></p>
<p style="text-align: center;"><strong>図2　reCAPTCHAの登録画面</strong></p>
<p>「最大10,000 件/月まで料金なしで評価」、「クレジットカードは不要です」とあるので、よくある登録して最初は無料のパターンかと思いつつ、登録内容をみていきます。</p>
<h3><span id="toc6">reCAPTCHAの設定：サイトの登録</span></h3>
<p>reCAPTCHAを使い始めるための設定は簡単そうです。</p>
<div class="speech-wrap sb-id-12 sbs-flat sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img loading="lazy" decoding="async" class="speech-icon-image" src="https://hakase-workshop.com/wp-content/uploads/2023/09/01_hakase.png" alt="はかせ" width="160" height="160" /></figure>
<div class="speech-name">はかせ</div>
</div>
<div class="speech-balloon">
<p>登録が簡単なのはありがたいのですが、料金についてよく調べてみたほうがよさそうだと思いはじめました。</p>
</div>
</div>
<p>&nbsp;</p>
<p>reCAPTCHAに登録するサイトの情報は、次の3つで簡単にできます。</p>
<ul>
<li>ラベル：サイトを容易に識別できるラベル（ブログのタイトルやURLなど）</li>
<li>reCAPTCHA タイプ：スコアベース（v3）</li>
<li>ドメイン：reCAPTCHAを導入するサイトのドメイン</li>
</ul>
<p>Google Cloudは使ったことがないので、Google Cloud Platformが自動的に作成されています。</p>
<p>と、ここで中断することにしました。</p>
<div class="speech-wrap sb-id-12 sbs-flat sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img loading="lazy" decoding="async" class="speech-icon-image" src="https://hakase-workshop.com/wp-content/uploads/2023/09/01_hakase.png" alt="はかせ" width="160" height="160" /></figure>
<div class="speech-name">はかせ</div>
</div>
<div class="speech-balloon">
<p>Google Cloudは使っていませんし、言葉を聞いたことがある程度だったので、現時点でGoogle Cloudがどのようなものか知っておいたほうがよいと判断したからです。</p>
</div>
</div>
<p>私が運営するブログでも以前からスパムメールがきます。</p>
<p>最近は、内容が変わってきているなと思い、エックスサーバーからのお知らせメールもあったので、reCAPTCHA導入するかと思ったのですが・・・。</p>
<h2><span id="toc7">参考リンク</span></h2>
<p>参考にしたエックスサーバーのreCAPTCHA導入に関するリンクは以下の通りです。</p>
<div class="blogcard-type bct-reference-link">

<a rel="noopener" target="_blank" href="https://www.xserver.ne.jp/manual/man_malicious_mailform.php" title="&#12513;&#12540;&#12523;&#12501;&#12457;&#12540;&#12512;&#12434;&#24746;&#29992;&#12375;&#12383;&#19981;&#27491;&#12450;&#12463;&#12475;&#12473;&#12395;&#12388;&#12356;&#12390; | &#12524;&#12531;&#12479;&#12523;&#12469;&#12540;&#12496;&#12540;&#12394;&#12425;&#12456;&#12483;&#12463;&#12473;&#12469;&#12540;&#12496;&#12540;" class="blogcard-wrap external-blogcard-wrap a-wrap cf"><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%2Fwww.xserver.ne.jp%2Fmanual%2Fman_malicious_mailform.php?w=320&#038;h=180" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="320" height="180" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">&#12513;&#12540;&#12523;&#12501;&#12457;&#12540;&#12512;&#12434;&#24746;&#29992;&#12375;&#12383;&#19981;&#27491;&#12450;&#12463;&#12475;&#12473;&#12395;&#12388;&#12356;&#12390; | &#12524;&#12531;&#12479;&#12523;&#12469;&#12540;&#12496;&#12540;&#12394;&#12425;&#12456;&#12483;&#12463;&#12473;&#12469;&#12540;&#12496;&#12540;</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://www.xserver.ne.jp/manual/man_malicious_mailform.php" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">www.xserver.ne.jp</div></div></div></div></a>

<a rel="noopener" target="_blank" href="https://www.xserver.ne.jp/bizhp/wordpress-contact-form-7/" title="Contact Form 7の設定方法や使い方！ スパムメール対策も解説" class="blogcard-wrap external-blogcard-wrap a-wrap cf"><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://hakase-workshop.com/wp-content/uploads/cocoon-resources/blog-card-cache/ff684c9a60eb21915db7f33d28f9b6e9.png" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="320" height="180" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">Contact Form 7の設定方法や使い方！ スパムメール対策も解説</div><div class="blogcard-snippet external-blogcard-snippet">WordPressでホームページを作る方向けに、プラグインの「Contact Form 7」を使ってお問い合わせフォームを設置する方法を解説しています。また併せて、スパムメール対策としてGoogleのreCAPTCHAを導入する方法も解説し...</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://www.xserver.ne.jp/bizhp/wordpress-contact-form-7/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">www.xserver.ne.jp</div></div></div></div></a>
</div>
<div class="ad-area no-icon ad-shortcode ad-rectangle ad-label-visible cf" itemscope itemtype="https://schema.org/WPAdBlock">
  <div class="ad-label" itemprop="name" data-nosnippet>スポンサーリンク</div>
  <div class="ad-wrap">
    <div class="ad-responsive ad-usual"><!-- レスポンシブコード -->
<ins class="adsbygoogle"
  style="display:block"
  data-ad-client="ca-pub-2274842534969789"
  data-ad-slot="9711918308"
  data-ad-format="rectangle"
  data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
          </div>

</div>

<h2><span id="toc8">まとめ</span></h2>
<p>私が運営する4つのブログでは、お問い合わせ機能は、WordPressプラグインのContact Form 7を使っています。</p>
<p>エックスサーバーからメールフォームを悪用した不正アクセス対策として、Contact Form 7を使っている場合のreCAPTCHA導入方法の案内がきていました。</p>
<p>reCAPTCHAを導入について、備忘録を兼ねて以下の項目で説明しました。</p>
<ul class="toc-list open">
<li>メールフォームの悪用と対策
<ul>
<li>メールフォームの悪用</li>
<li>メールフォーム悪用対策</li>
<li>reCAPTCHAとは</li>
</ul>
</li>
<li>reCAPTCHAを導入する
<ul>
<li>reCAPTCHAの設定：サイトの登録</li>
</ul>
</li>
<li>参考リンク</li>
</ul>
]]></content:encoded>
					
					<wfw:commentRss>https://hakase-workshop.com/blog-mailform-malicious-recaptcha/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>ブラウザ「Edge、Chrome」のフォントが変わって戸惑いました</title>
		<link>https://hakase-workshop.com/basic-pc-browser-font/</link>
					<comments>https://hakase-workshop.com/basic-pc-browser-font/#respond</comments>
		
		<dc:creator><![CDATA[はかせ]]></dc:creator>
		<pubDate>Sun, 20 Apr 2025 20:00:41 +0000</pubDate>
				<category><![CDATA[ブログ運営]]></category>
		<guid isPermaLink="false">https://hakase-workshop.com/?p=3562</guid>

					<description><![CDATA[私は、Windows 11のChromeでWordPressを使い、ブログ原稿を作成しています。 いつ頃からか覚えはないのですが、WordPressで表示される文章のフォントが違っていることがあり、なんでだろうとGoog [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>私は、Windows 11のChromeでWordPressを使い、ブログ原稿を作成しています。</p>
<p>いつ頃からか覚えはないのですが、WordPressで表示される文章のフォントが違っていることがあり、なんでだろうとGoogle先生に聞いたところ、Windowsアップデートによる影響らしいことが分かりました。</p>
<p>確かに見やすくはなっているのですが、フォントの変更は影響範囲が広いのでできればこれまで通りのフォントを使いたいものです。</p>
<p>ここでは、フォントが変わってしまったことと、WordPressでのフォントについてまとめています。</p>
<div class="ad-area no-icon ad-shortcode ad-rectangle ad-label-visible cf" itemscope itemtype="https://schema.org/WPAdBlock">
  <div class="ad-label" itemprop="name" data-nosnippet>スポンサーリンク</div>
  <div class="ad-wrap">
    <div class="ad-responsive ad-usual"><!-- レスポンシブコード -->
<ins class="adsbygoogle"
  style="display:block"
  data-ad-client="ca-pub-2274842534969789"
  data-ad-slot="9711918308"
  data-ad-format="rectangle"
  data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
          </div>

</div>


  <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">WordPressの見た目（フォント）が変わってしまう理由</a><ul><li><a href="#toc2" tabindex="0">ブラウザのフォントが変わってしまった理由</a></li><li><a href="#toc3" tabindex="0">アップデートで変わったブラウザのフォント</a></li></ul></li><li><a href="#toc4" tabindex="0">WordPressで使っているフォント設定</a></li><li><a href="#toc5" tabindex="0">まとめ</a></li></ul>
    </div>
  </div>

<h2><span id="toc1">WordPressの見た目（フォント）が変わってしまう理由</span></h2>
<p>WordPressでブログ原稿を作るのは土日が多いのですが、投稿後のブログの編集やプラグインなどのアップデートなどで平日夜にWordPressを開くこともあります。</p>
<p>いつ頃からかは定かではないのですが、WordPressで表示される文字（フォント）に違和感があることに気づきました。</p>
<p>WordPressを使うのは、</p>
<ul>
<li>Windows 11の2つのブラウザ：ChromeとEdge</li>
</ul>
<p>です。</p>
<p>WordPress上での文字の見た目の違和感なので、緊急性はなかったのでしばらく放置していましたが、長年親しんできたフォントが違っていると何となく気持ち悪いので、原因と対策をGoogle先生に聞いてみた結果を整理します。</p>
<h3><span id="toc2">ブラウザのフォントが変わってしまった理由</span></h3>
<p>ブラウザのフォントが変わってしまった理由は、</p>
<ul>
<li>Windowsアップデートでフォントが変えられてしまう（デフォルトフォントに変更される）。</li>
<li>Chromeのアップデートでフォントが変えられてしまう（デフォルトフォントに変更される）。</li>
</ul>
<p>からです。</p>
<p>ブラウザのフォントが変わると見た目が変わるので、できれば変わらないようにしたいのですが、根本的な対策は難しそうです。</p>
<h3><span id="toc3">アップデートで変わったブラウザのフォント</span></h3>
<p>ブラウザ（Chrome）のフォントには、</p>
<ul>
<li>標準フォント</li>
<li>Serif フォント</li>
<li>Sans Serif フォント</li>
<li>固定幅フォント</li>
</ul>
<p>があります。</p>
<p>ブラウザのフォント設定を確認すると、次のフォントに変わっていました。</p>
<ul>
<li>Noto Sans JP</li>
<li>Noto Serif JP</li>
<li>BIZ UDGothic</li>
</ul>
<p>これらのフォントに変更されてしまうと、見にくいフォントだというわけではなく、「慣れていないので違和感を感じる」といった感じです。</p>
<h2><span id="toc4">WordPressで使っているフォント設定</span></h2>
<p>ブラウザのフォントが変わっていたら、再設定するしかありません。</p>
<div class="speech-wrap sb-id-12 sbs-flat sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img loading="lazy" decoding="async" class="speech-icon-image" src="https://hakase-workshop.com/wp-content/uploads/2023/09/01_hakase.png" alt="はかせ" width="160" height="160" /></figure>
<div class="speech-name">はかせ</div>
</div>
<div class="speech-balloon">
<p>フォントが変わっていたら休憩がてらフォントを変更しています。</p>
</div>
</div>
<p>現在、私がWordPress（ブラウザ）で使用しているフォントは、次の通りです。</p>
<ul>
<li><span class="marker-under-blue">標準フォント： Meiryo</span></li>
<li><span class="marker-under-blue">Serifフォント： Yu Mincho</span></li>
<li><span class="marker-under-blue">Sans Serifフォント： Meiryo</span></li>
<li><span class="marker-under-blue">固定幅フォント： MS Gothic</span></li>
</ul>
<p>なお、ブラウザ以外では、</p>
<ul>
<li>文書作成：メイリオ</li>
<li>パワーポイント：MS Pゴシック</li>
</ul>
<p>としています。</p>
<div class="speech-wrap sb-id-12 sbs-flat sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img loading="lazy" decoding="async" class="speech-icon-image" src="https://hakase-workshop.com/wp-content/uploads/2023/09/01_hakase.png" alt="はかせ" width="160" height="160" /></figure>
<div class="speech-name">はかせ</div>
</div>
<div class="speech-balloon">
<p>書式が決まっている場合には、MSゴシック、MS明朝がほとんどです。</p>
</div>
</div>
<p>&nbsp;</p>
<p>見やすいフォントにしていくこと自体は、良い方向だとは思います。</p>
<p>しかしながら、見た目が変わると違和感を感じるのもフォントなので、Windowsアップデートなどで強制的にデフォルトフォントを変更するのはやめて欲しいなと思います。</p>
<div class="ad-area no-icon ad-shortcode ad-rectangle ad-label-visible cf" itemscope itemtype="https://schema.org/WPAdBlock">
  <div class="ad-label" itemprop="name" data-nosnippet>スポンサーリンク</div>
  <div class="ad-wrap">
    <div class="ad-responsive ad-usual"><!-- レスポンシブコード -->
<ins class="adsbygoogle"
  style="display:block"
  data-ad-client="ca-pub-2274842534969789"
  data-ad-slot="9711918308"
  data-ad-format="rectangle"
  data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
          </div>

</div>

<h2><span id="toc5">まとめ</span></h2>
<p>いつ頃からか覚えはないのですが、WordPressで表示される文章のフォントが変わっていて違和感を覚えるようになりました。</p>
<p>原因は、Windowsアップデートのようです。</p>
<p>確かに見やすくはなっているのですが、これまで通りのフォントを使いたいものです。</p>
<p>ここでは、フォントが変わってしまったことと、WordPressでのフォントについて以下の項目でまとめました。</p>
<ul class="toc-list open">
<li>WordPressの見た目（フォント）が変わってしまう理由
<ul>
<li>ブラウザのフォントが変わってしまった理由</li>
<li>アップデートで変わったブラウザのフォント</li>
</ul>
</li>
<li>WordPressで使っているフォント設定</li>
</ul>
]]></content:encoded>
					
					<wfw:commentRss>https://hakase-workshop.com/basic-pc-browser-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Cocoonのわいひらさん、エックスサーバーのXWRITEの開発メンバーに</title>
		<link>https://hakase-workshop.com/blog-wp-cocoon-xwrite/</link>
					<comments>https://hakase-workshop.com/blog-wp-cocoon-xwrite/#respond</comments>
		
		<dc:creator><![CDATA[はかせ]]></dc:creator>
		<pubDate>Sun, 02 Mar 2025 20:00:41 +0000</pubDate>
				<category><![CDATA[ブログ運営]]></category>
		<guid isPermaLink="false">https://hakase-workshop.com/?p=3181</guid>

					<description><![CDATA[このブログを含め4つのブログを運営しています。 ブログの環境は、エックスサーバーとWordPress無料テーマCocoonです。 2025年2月27日、Cocoonの開発者わいひらさんが、エックスサーバーが開発・提供して [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>このブログを含め4つのブログを運営しています。</p>
<p>ブログの環境は、エックスサーバーとWordPress無料テーマ<a rel="noopener" target="_blank" href="https://wp-cocoon.com/">Cocoon</a>です。</p>
<p>2025年2月27日、Cocoonの開発者わいひらさんが、エックスサーバーが開発・提供しているWordPressテーマ「XWRITE」の開発メンバーになることをXで知りました。</p>
<p>わいひらさんからエックスサーバーに事業譲渡したCooonの開発体制も強化されるとのこと。</p>
<p>以下、簡単にまとめておきます。</p>
<div class="speech-wrap sb-id-12 sbs-flat sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img loading="lazy" decoding="async" class="speech-icon-image" src="https://hakase-workshop.com/wp-content/uploads/2023/09/01_hakase.png" alt="はかせ" width="160" height="160" /></figure>
<div class="speech-name">はかせ</div>
</div>
<div class="speech-balloon">
<p>CocoonのWebサイトがブログ風から今どきのWebサイトになっています。Cocoon公式サイトをのぞいてみてください。</p>
</div>
</div>
<div class="blogcard-type bct-official">

<a rel="noopener" target="_blank" href="https://wp-cocoon.com/" title="Cocoon" class="blogcard-wrap external-blogcard-wrap a-wrap cf"><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://hakase-workshop.com/wp-content/uploads/cocoon-resources/blog-card-cache/75b272d5c162b0e3d6c69c9d1f35cb0f.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="320" height="180" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">Cocoon</div><div class="blogcard-snippet external-blogcard-snippet">SEO・高速化・モバイルファースト最適化済みのシンプルな無料Wordpressテーマ。100％GPLテーマです。</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://wp-cocoon.com/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">wp-cocoon.com</div></div></div></div></a>
</div>
<div class="ad-area no-icon ad-shortcode ad-rectangle ad-label-visible cf" itemscope itemtype="https://schema.org/WPAdBlock">
  <div class="ad-label" itemprop="name" data-nosnippet>スポンサーリンク</div>
  <div class="ad-wrap">
    <div class="ad-responsive ad-usual"><!-- レスポンシブコード -->
<ins class="adsbygoogle"
  style="display:block"
  data-ad-client="ca-pub-2274842534969789"
  data-ad-slot="9711918308"
  data-ad-format="rectangle"
  data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
          </div>

</div>


  <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">エックスサーバーのお知らせから</a></li><li><a href="#toc2" tabindex="0">エックスサーバーのテーマ「XWRITE」</a></li><li><a href="#toc3" tabindex="0">まとめ</a></li></ul>
    </div>
  </div>

<h2><span id="toc1">エックスサーバーのお知らせから</span></h2>
<p>2025年2月27日、以下のエックスサーバーのお知らせが出ました。</p>
<p style="text-align: center;"><strong>大人気WordPressテーマ「Cocoon」開発者わいひら氏との開発協力体制を強化</strong></p>

<a rel="noopener" target="_blank" href="https://www.xserver.co.jp/news/news-article.php?id=116" title="大人気WordPressテーマ「Cocoon」開発者わいひら氏との開発協力体制を強化" class="blogcard-wrap external-blogcard-wrap a-wrap cf"><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://hakase-workshop.com/wp-content/uploads/cocoon-resources/blog-card-cache/38bf0eba6a762c8ee187fa9ee28766f5.png" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="320" height="180" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">大人気WordPressテーマ「Cocoon」開発者わいひら氏との開発協力体制を強化</div><div class="blogcard-snippet external-blogcard-snippet">大人気WordPressテーマ「Cocoon」開発者わいひら氏との開発協力体制を強化</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://www.xserver.co.jp/news/news-article.php?id=116" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">www.xserver.co.jp</div></div></div></div></a>
<p>詳細は、上記お知らせを読んで頂くとして、エックスサーバーにCocoonを事業譲渡して2年が過ぎ、次のような協力体制の強化となります。</p>
<ul>
<li>Cocoon開発者のわいひらさんとエックスサーバーの開発チームによる安定した運用体制を確立</li>
<li>Cocoon開発者のわいひらさんが、エックスサーバーが開発・提供するWordPressテーマ「XWRITE」の開発担当として正式参画</li>
</ul>
<div class="speech-wrap sb-id-12 sbs-flat sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img loading="lazy" decoding="async" class="speech-icon-image" src="https://hakase-workshop.com/wp-content/uploads/2023/09/01_hakase.png" alt="はかせ" width="160" height="160" /></figure>
<div class="speech-name">はかせ</div>
</div>
<div class="speech-balloon">
<p>Cocoonのユーザーとしても、エックスサーバーのユーザーとしても嬉しく思います。</p>
</div>
</div>
<h2><span id="toc2">エックスサーバーのテーマ「XWRITE」</span></h2>
<p>ブログをはじめ、そして続けている理由の1つに、</p>
<p style="text-align: center;"><span class="marker-under-blue"><strong>自分の会社をつくりたい</strong></span></p>
<p>という夢というか野望というか目標があります。</p>
<p>会社をつくるとなれば、公式Webも作ることになるので、</p>
<ul>
<li>社名は？</li>
<li>キャッチフレーズは？</li>
<li>ドメイン名は？</li>
<li>Webサイトのテーマは？</li>
</ul>
<p>などなど、考えることもあるのですが、なかなか形にはならず、いますべきブログ記事を書こうとなることがままあるのですが・・・。</p>
<p>Webサイトは、エックスサーバーとWordPressでいこうと考えているのですが、WordPressのテーマについては、悩んでいます。</p>
<p>決まっていることは、</p>
<ul>
<li>サーバーは、このままエックスサーバーでいく。</li>
</ul>
<p>ことだけで、</p>
<p>希望としては、</p>
<ul>
<li>WordPressはブロックエディタを使ってみたい。</li>
</ul>
<p>というのがあり、</p>
<p>悩んでいるのは、WordPressのテーマです。</p>
<p>無料ならCocoon一択ですが、有料テーマを使いたくて、Google先生に聞いたりしていますが、</p>
<ul>
<li>SWELLは、Cocoonからの移行機能があっていいな？</li>
<li>エックスサーバーのXWRITEもよさそうだけど、標準機能ではCocoonを使うのとあまり変わらないみたい？</li>
</ul>
<p>と言った感じです。</p>
<p>そろそろ、決めないといけないような状況になりつつあるのですが、なかなか決まらずといった状況です。</p>
<div class="speech-wrap sb-id-12 sbs-flat sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img loading="lazy" decoding="async" class="speech-icon-image" src="https://hakase-workshop.com/wp-content/uploads/2023/09/01_hakase.png" alt="はかせ" width="160" height="160" /></figure>
<div class="speech-name">はかせ</div>
</div>
<div class="speech-balloon">
<p>個人的な好みということになりますが、エックスサーバーは好きで選び、エックスサーバーが開発・サポートするテーマなら安心感もあってよいと思っています。</p>
<p>CocoonではなくXWRITEを使う積極的な理由がないのが悩みの種です。</p>
</div>
</div>
<div class="ad-area no-icon ad-shortcode ad-rectangle ad-label-visible cf" itemscope itemtype="https://schema.org/WPAdBlock">
  <div class="ad-label" itemprop="name" data-nosnippet>スポンサーリンク</div>
  <div class="ad-wrap">
    <div class="ad-responsive ad-usual"><!-- レスポンシブコード -->
<ins class="adsbygoogle"
  style="display:block"
  data-ad-client="ca-pub-2274842534969789"
  data-ad-slot="9711918308"
  data-ad-format="rectangle"
  data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
          </div>

</div>

<h2><span id="toc3">まとめ</span></h2>
<p>このブログを含め4つのブログを運営しています。</p>
<p>ブログの環境は、エックスサーバーとWordPress無料テーマ<a rel="noopener" target="_blank" href="https://wp-cocoon.com/">Cocoon</a>です。</p>
<p>2025年2月27日、Cocoonの開発者わいひらさんが、エックスサーバーのWordPressテーマ「XWRITE」の開発メンバーになるとのことで、わいひらさんからエックスサーバーに事業譲渡したCooonの開発体制も強化されるそうです。</p>
<p>Cocoonユーザーにうれしいお知らせと、エックスサーバーのXWRITEについて、以下の項目でまとめました。</p>
<ul class="toc-list open">
<li>エックスサーバーのお知らせから</li>
<li>エックスサーバーのテーマ「XWRITE」</li>
</ul>
]]></content:encoded>
					
					<wfw:commentRss>https://hakase-workshop.com/blog-wp-cocoon-xwrite/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>これは便利！まだβ版ですがCocoon 2.8.4のアイキャッチ生成機能</title>
		<link>https://hakase-workshop.com/hakase-blog-cocoon2-8-4-generate-eye-catch/</link>
					<comments>https://hakase-workshop.com/hakase-blog-cocoon2-8-4-generate-eye-catch/#respond</comments>
		
		<dc:creator><![CDATA[はかせ]]></dc:creator>
		<pubDate>Sun, 09 Feb 2025 20:00:53 +0000</pubDate>
				<category><![CDATA[ブログ運営]]></category>
		<guid isPermaLink="false">https://hakase-workshop.com/?p=2951</guid>

					<description><![CDATA[2025年1月現在、4つのブログを運営しています。 投稿記事の内容で悩むのは仕方ないとして、時々面倒だなと思うのが投稿記事のアイキャッチです。 このブログでも使っているWordPressのテーマCocoon 2.8.4に [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>2025年1月現在、4つのブログを運営しています。</p>
<p>投稿記事の内容で悩むのは仕方ないとして、時々面倒だなと思うのが投稿記事のアイキャッチです。</p>
<p>このブログでも使っているWordPressのテーマCocoon 2.8.4に、β版ですが、記事のタイトルからアイキャッチを自動生成してくれる機能が追加されました。</p>
<div class="speech-wrap sb-id-12 sbs-flat sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img loading="lazy" decoding="async" class="speech-icon-image" src="https://hakase-workshop.com/wp-content/uploads/2023/09/01_hakase.png" alt="はかせ" width="160" height="160" /></figure>
<div class="speech-name">はかせ</div>
</div>
<div class="speech-balloon">
<p>タイトルと投稿者からシンプルなアイキャッチ画像を自動生成してくれる、私にとってはとてもうれしい機能です。</p>
</div>
</div>
<p>さっそくお試ししてみました。</p>
<div class="ad-area no-icon ad-shortcode ad-rectangle ad-label-visible cf" itemscope itemtype="https://schema.org/WPAdBlock">
  <div class="ad-label" itemprop="name" data-nosnippet>スポンサーリンク</div>
  <div class="ad-wrap">
    <div class="ad-responsive ad-usual"><!-- レスポンシブコード -->
<ins class="adsbygoogle"
  style="display:block"
  data-ad-client="ca-pub-2274842534969789"
  data-ad-slot="9711918308"
  data-ad-format="rectangle"
  data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
          </div>

</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">ブログ投稿記事のアイキャッチを作る理由</a><ul><li><a href="#toc2" tabindex="0">私のアイキャッチの使い方</a></li><li><a href="#toc3" tabindex="0">アイキャッチを新規作成するようになった理由</a></li></ul></li><li><a href="#toc4" tabindex="0">Cocoon 2.8.4のタイトルからアイキャッチを自動生成β版</a><ul><li><a href="#toc5" tabindex="0">お試しする前にβ版なので注意点を読みます</a></li><li><a href="#toc6" tabindex="0">Cocoonにより自動生成されたアイキャッチ画像の例</a></li><li><a href="#toc7" tabindex="0">タイトルからアイキャッチを自動生成する機能の使い方</a></li></ul></li><li><a href="#toc8" tabindex="0">Cocoonのアイキャッチ自動生成機能を使うか？</a><ul><li><a href="#toc9" tabindex="0">今後のバージョンアップに期待すること</a></li></ul></li><li><a href="#toc10" tabindex="0">参考リンク</a></li><li><a href="#toc11" tabindex="0">まとめ</a></li></ul>
    </div>
  </div>

<h2><span id="toc1">ブログ投稿記事のアイキャッチを作る理由</span></h2>
<p>運営している4つのブログの投稿記事には、記事毎にアイキャッチを作成しています。</p>
<p>アイキャッチを使う理由は、「ブログの投稿記事にはアイキャッチがあった方が記憶に残りやすい」といったSEO的な視点からです。</p>
<h3><span id="toc2">私のアイキャッチの使い方</span></h3>
<p>私のアイキャッチの使い方は、</p>
<ul>
<li>ブログ毎にアイキャッチを作る。</li>
<li>共通のテーマ（グループ）の記事は、アイキャッチのイメージを統一する。</li>
<li>ブログ投稿記事の最初にアイキャッチ画像が表示する</li>
</ul>
<p>ようにしています。</p>
<p>アイキャッチの効果は、「アイキャッチはないよりはあった方がよい。」といったイメージです。</p>
<h3><span id="toc3">アイキャッチを新規作成するようになった理由</span></h3>
<p>ブログをはじめたばかりの頃は、投稿記事に注力していてアイキャッチの画像を探したり作ったりする時間がとれなかったので、カテゴリーごとに同じ写真を使う様にしていました。</p>
<p>ブログ投稿に慣れてきて、形だけのアイキャッチから、せっかくアイキャッチを使うならと思い直し、現在は主に次のパターンで作成しています。</p>
<ul>
<li>投稿記事の写真にタイトルとはかせアイコンを加えたアイキャッチ</li>
<li>背景はブログテーマに合わせ、タイトルとはかせアイコンを加えたアイキャッチ</li>
</ul>
<p>また、投稿記事のテーマがきまると、早めにアイキャッチ画像を準備するようにしています。</p>
<div class="blogcard-type bct-related">

<a rel="noopener" target="_blank" href="https://hakase-workshop.com/blog-writing-technique/" title="ブログを続けるヒント：文章主体の記事でもアイキャッチ準備は早めに" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://hakase-workshop.com/wp-content/uploads/2024/05/blog-writing-technique-l-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://hakase-workshop.com/wp-content/uploads/2024/05/blog-writing-technique-l-160x90.jpg 160w, https://hakase-workshop.com/wp-content/uploads/2024/05/blog-writing-technique-l-300x169.jpg 300w, https://hakase-workshop.com/wp-content/uploads/2024/05/blog-writing-technique-l-1024x576.jpg 1024w, https://hakase-workshop.com/wp-content/uploads/2024/05/blog-writing-technique-l-768x432.jpg 768w, https://hakase-workshop.com/wp-content/uploads/2024/05/blog-writing-technique-l-120x68.jpg 120w, https://hakase-workshop.com/wp-content/uploads/2024/05/blog-writing-technique-l-320x180.jpg 320w, https://hakase-workshop.com/wp-content/uploads/2024/05/blog-writing-technique-l-374x210.jpg 374w, https://hakase-workshop.com/wp-content/uploads/2024/05/blog-writing-technique-l.jpg 1280w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">ブログを続けるヒント：文章主体の記事でもアイキャッチ準備は早めに</div><div class="blogcard-snippet internal-blogcard-snippet">4つのブログを運営していて毎月14本の新規記事を書いています。ブログ記事のヒントは思いついたらスマホに残し、Googleドキュメントにまとめます。意外に時間がかかるのがアイキャッチです。ブログ記事ができるまでの流れとアイキャッチについて説明します。</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://hakase-workshop.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">hakase-workshop.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2024.05.26</div></div></div></div></a>
</div>
<h2><span id="toc4">Cocoon 2.8.4のタイトルからアイキャッチを自動生成β版</span></h2>
<p>2025年1月31日に公開されたCocoon 2.8.4に、タイトルからアイキャッチを自動生成する機能がβ版として追加されましたので試してみました。</p>
<h3><span id="toc5">お試しする前にβ版なので注意点を読みます</span></h3>
<p>β版なので、注意点がたくさんあります。</p>
<div class="speech-wrap sb-id-12 sbs-flat sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img loading="lazy" decoding="async" class="speech-icon-image" src="https://hakase-workshop.com/wp-content/uploads/2023/09/01_hakase.png" alt="はかせ" width="160" height="160" /></figure>
<div class="speech-name">はかせ</div>
</div>
<div class="speech-balloon">
<p>β版で、タイトルからアイキャッチ画像を自動生成する機能をつけてみたといった感じです。</p>
</div>
</div>
<p>注意点を以下の記事から引用します。</p>
<div class="blogcard-type bct-reference-link">

<a rel="noopener" target="_blank" href="https://wp-cocoon.com/automatic-generation-of-featured-image-from-title/" title="Cocoon記事のタイトルからアイキャッチを自動生成する方法" class="blogcard-wrap external-blogcard-wrap a-wrap cf"><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://hakase-workshop.com/wp-content/uploads/cocoon-resources/blog-card-cache/488a9178093abc03f43d32467d9f4fb1.png" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="320" height="180" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">Cocoon記事のタイトルからアイキャッチを自動生成する方法</div><div class="blogcard-snippet external-blogcard-snippet">Cocoon 2.8.4から投稿・固定ページ等のタイトルからアイキャッチを作成できる機能が追加されました。まだベータ版機能なので、しばらく試験運用した後、仕様が多少変わることもあるかもしれないのであらかじめご了承ください。アイキャッチ生成機...</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://wp-cocoon.com/automatic-generation-of-featured-image-from-title/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">wp-cocoon.com</div></div></div></div></a>
</div>
<ul class="wp-block-list">
<li>タイトルからアイキャッチ生成機能はベータ版機能です。</li>
<li>ベータ版機能ですので、今後仕様が変わる可能性があります。</li>
<li>タイトルからアイキャッチ生成は「公開」もしくは「保存」ボタンを押した時だけ実行されます。「下書き保存」などでは生成されません。</li>
<li>ブロックエディターの場合は、「公開」もしくは「保存」ボタンを押してもアイキャッチエリアに即時反映されません。エディターのアイキャッチエリアに反映させるには、一度画面をリロードさせる必要があります。</li>
<li>タイトル・アバター画像・投稿者の表示名いずれかが変わると新しい画像が作成されます。</li>
<li>反面、タイトル・アバター画像・投稿者の表示名が変わらなければ、画像の生成はされません。</li>
<li>あまりにも長すぎるタイトルは途中で省略されます。</li>
<li>あまりにも長すぎる投稿者の表示名も画像幅内に収まるように省略されます。</li>
<li>アバター画像が外部サーバーにある場合は、汎用のアバター画像に変換されます。</li>
<li>Cocoon設定「画像」タブにある「サムネイル画像」で設定したアスペクト比でアイキャッチが生成されます。この設定を変更した場合は、画像サイズが変わるのでサムネイルで適切にタイトルが表示されなくなります。一括再生成機能はありませんので、あらかじめご了承ください。※Retinaディスプレイ対応させても生成されるアイキャッチサイズは変わりません。</li>
</ul>
<h3><span id="toc6">Cocoonにより自動生成されたアイキャッチ画像の例</span></h3>
<p>下図は、Cocoon 2.8.4を使い、この記事のアイキャッチ画像作成してみた例です。</p>
<div class="speech-wrap sb-id-12 sbs-flat sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img loading="lazy" decoding="async" class="speech-icon-image" src="https://hakase-workshop.com/wp-content/uploads/2023/09/01_hakase.png" alt="はかせ" width="160" height="160" /></figure>
<div class="speech-name">はかせ</div>
</div>
<div class="speech-balloon">
<p>第一印象は、「とてもシンプルだけど、アイキャッチを自ら考えて作らなくて済むのでうれしい。」と喜びの圧勝でした。</p>
</div>
</div>
<div id="attachment_2957" style="width: 810px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-2957" class="wp-image-2957 size-full" src="https://hakase-workshop.com/wp-content/uploads/2025/02/hakase-blog-cocoon2-8-4-generate-eye-catch-l-01.jpg" alt="Cocoonにより自動生成されたアイキャッチ画像" width="800" height="450" srcset="https://hakase-workshop.com/wp-content/uploads/2025/02/hakase-blog-cocoon2-8-4-generate-eye-catch-l-01.jpg 800w, https://hakase-workshop.com/wp-content/uploads/2025/02/hakase-blog-cocoon2-8-4-generate-eye-catch-l-01-300x169.jpg 300w, https://hakase-workshop.com/wp-content/uploads/2025/02/hakase-blog-cocoon2-8-4-generate-eye-catch-l-01-768x432.jpg 768w, https://hakase-workshop.com/wp-content/uploads/2025/02/hakase-blog-cocoon2-8-4-generate-eye-catch-l-01-120x68.jpg 120w, https://hakase-workshop.com/wp-content/uploads/2025/02/hakase-blog-cocoon2-8-4-generate-eye-catch-l-01-160x90.jpg 160w, https://hakase-workshop.com/wp-content/uploads/2025/02/hakase-blog-cocoon2-8-4-generate-eye-catch-l-01-320x180.jpg 320w, https://hakase-workshop.com/wp-content/uploads/2025/02/hakase-blog-cocoon2-8-4-generate-eye-catch-l-01-374x210.jpg 374w" sizes="(max-width: 800px) 100vw, 800px" /><p id="caption-attachment-2957" class="wp-caption-text">Cocoonにより自動生成されたアイキャッチ画像</p></div>
<p style="text-align: center;"><strong>図1　Cocoonにより自動生成されたアイキャッチ画像</strong></p>
<div class="speech-wrap sb-id-12 sbs-flat sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img loading="lazy" decoding="async" class="speech-icon-image" src="https://hakase-workshop.com/wp-content/uploads/2023/09/01_hakase.png" alt="はかせ" width="160" height="160" /></figure>
<div class="speech-name">はかせ</div>
</div>
<div class="speech-balloon">
<p>タイトルと投稿者から、シンプルなアイキャッチ画像が自動生成されました。</p>
<p>色変更は、カスタマイズが必要になるので今回はデフォルト設定での使い方のみとしました。</p>
</div>
</div>
<h3><span id="toc7">タイトルからアイキャッチを自動生成する機能の使い方</span></h3>
<p>タイトルからアイキャッチを自動生成する機能を使うために、Cocoon設定で行います。</p>
<p>下図の様に、WordPressの［Cocoon設定］＞［エディター］の設定を選びます。</p>
<div id="attachment_2965" style="width: 810px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-2965" class="wp-image-2965 size-full" src="https://hakase-workshop.com/wp-content/uploads/2025/02/hakase-blog-cocoon2-8-4-generate-eye-catch-l-02.jpg" alt="Cocoon設定：タイトルからアイキャッチを自動生成（その1）" width="800" height="325" srcset="https://hakase-workshop.com/wp-content/uploads/2025/02/hakase-blog-cocoon2-8-4-generate-eye-catch-l-02.jpg 800w, https://hakase-workshop.com/wp-content/uploads/2025/02/hakase-blog-cocoon2-8-4-generate-eye-catch-l-02-300x122.jpg 300w, https://hakase-workshop.com/wp-content/uploads/2025/02/hakase-blog-cocoon2-8-4-generate-eye-catch-l-02-768x312.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><p id="caption-attachment-2965" class="wp-caption-text">Cocoon設定：タイトルからアイキャッチを自動生成（その1）</p></div>
<p style="text-align: center;"><strong>図2-1　Cocoon設定：タイトルからアイキャッチを自動生成（その1）</strong></p>
<p>上図のエディター共通設定の下の方に、下図の［アイキャッチ］の設定が追加されています。</p>
<ul>
<li>CocoonWebサイトの使い方へのリンク「<a rel="noopener" target="_blank" href="https://wp-cocoon.com/automatic-generation-of-featured-image-from-title/">解説ページ</a>」がありますので、ここからでも使い方の詳細を確認できます。</li>
</ul>
<div id="attachment_2966" style="width: 810px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-2966" class="wp-image-2966 size-full" src="https://hakase-workshop.com/wp-content/uploads/2025/02/hakase-blog-cocoon2-8-4-generate-eye-catch-l-03.jpg" alt="Cocoon設定：タイトルからアイキャッチを自動生成（その2）" width="800" height="130" srcset="https://hakase-workshop.com/wp-content/uploads/2025/02/hakase-blog-cocoon2-8-4-generate-eye-catch-l-03.jpg 800w, https://hakase-workshop.com/wp-content/uploads/2025/02/hakase-blog-cocoon2-8-4-generate-eye-catch-l-03-300x49.jpg 300w, https://hakase-workshop.com/wp-content/uploads/2025/02/hakase-blog-cocoon2-8-4-generate-eye-catch-l-03-768x125.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><p id="caption-attachment-2966" class="wp-caption-text">Cocoon設定：タイトルからアイキャッチを自動生成（その2）</p></div>
<p style="text-align: center;"><strong>図2-2　Cocoon設定：タイトルからアイキャッチを自動生成（その2）</strong></p>
<h2><span id="toc8">Cocoonのアイキャッチ自動生成機能を使うか？</span></h2>
<p>Cocoonで投稿記事のタイトルと投稿者からアイキャッチを自動生成してくれる機能を使うかと聞かれると、現時点では使わないと思います。</p>
<p>ただし、Cocoonにアイキャッチ自動生成機能があることで、次のような場合になんとかできるので気持ちに余裕を持つことができます。</p>
<ul>
<li>アイキャッチ画像をいつも通りに作る時間がない。</li>
<li>アイキャッチのネタ（イメージ）が思い浮かばない。</li>
<li>現在のβ版のシンプルなアイキャッチで十分な場合</li>
</ul>
<h3><span id="toc9">今後のバージョンアップに期待すること</span></h3>
<p>タイトルと投稿者からアイキャッチを自動生成する機能は、今後充実されていくと思うのですが、β版であることを抜きにして、期待することは次のことです。</p>
<ul>
<li>自動生成される画像の枠の色を設定で変更できるようにして欲しい。（ブログのテーマカラーの色に合わせたい。このブログの場合、スキン「Natural（ブルー）」の色に合わせたい。）</li>
<li>アイキャッチ生成ボタンが欲しい。（例えば、記事編集画面の要素の1つ「アイキャッチ画像」で設定・削除に加え、アイキャッチ生成できると便利だと思います。）</li>
</ul>
<div class="speech-wrap sb-id-12 sbs-flat sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img loading="lazy" decoding="async" class="speech-icon-image" src="https://hakase-workshop.com/wp-content/uploads/2023/09/01_hakase.png" alt="はかせ" width="160" height="160" /></figure>
<div class="speech-name">はかせ</div>
</div>
<div class="speech-balloon">
<p>「タイトルと投稿者からアイキャッチを自動生成する機能」は、ブログ投稿を続けるときの心理的な余裕につながるので、正式版としてリリースされることを願います。</p>
</div>
</div>
<h2><span id="toc10">参考リンク</span></h2>
<p>タイトルからアイキャッチを自動生成する機能の使い方の詳細は、CocoonのWebサイトの以下の記事をご参照ください。</p>
<div class="blogcard-type bct-reference-link">

<a rel="noopener" target="_blank" href="https://wp-cocoon.com/automatic-generation-of-featured-image-from-title/" title="Cocoon記事のタイトルからアイキャッチを自動生成する方法" class="blogcard-wrap external-blogcard-wrap a-wrap cf"><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://hakase-workshop.com/wp-content/uploads/cocoon-resources/blog-card-cache/488a9178093abc03f43d32467d9f4fb1.png" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="320" height="180" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">Cocoon記事のタイトルからアイキャッチを自動生成する方法</div><div class="blogcard-snippet external-blogcard-snippet">Cocoon 2.8.4から投稿・固定ページ等のタイトルからアイキャッチを作成できる機能が追加されました。まだベータ版機能なので、しばらく試験運用した後、仕様が多少変わることもあるかもしれないのであらかじめご了承ください。アイキャッチ生成機...</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://wp-cocoon.com/automatic-generation-of-featured-image-from-title/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">wp-cocoon.com</div></div></div></div></a>
</div>
<div class="ad-area no-icon ad-shortcode ad-rectangle ad-label-visible cf" itemscope itemtype="https://schema.org/WPAdBlock">
  <div class="ad-label" itemprop="name" data-nosnippet>スポンサーリンク</div>
  <div class="ad-wrap">
    <div class="ad-responsive ad-usual"><!-- レスポンシブコード -->
<ins class="adsbygoogle"
  style="display:block"
  data-ad-client="ca-pub-2274842534969789"
  data-ad-slot="9711918308"
  data-ad-format="rectangle"
  data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
          </div>

</div>

<h2><span id="toc11">まとめ</span></h2>
<p>2025年1月現在、4つのブログを運営しています。投稿記事の内容で悩むのは仕方ないとして、時々面倒だなと思うのが投稿記事のアイキャッチです。</p>
<p>このブログでも使っているWordPressのテーマCocoon 2.8.4に、β版ですが、記事のタイトルからアイキャッチを自動生成してくれる機能が追加されました。</p>
<p>β版の「記事のタイトルからアイキャッチを自動生成してくれる機能」について、以下の項目で説明しました。</p>
<ul class="toc-list open">
<li>ブログ投稿記事のアイキャッチを作る理由
<ul>
<li>私のアイキャッチの使い方</li>
<li>アイキャッチを新規作成するようになった理由</li>
</ul>
</li>
<li>Cocoon 2.8.4のタイトルからアイキャッチを自動生成β版
<ul>
<li>お試しする前にβ版なので注意点を読みます</li>
<li>Cocoonにより自動生成されたアイキャッチ画像の例</li>
<li>タイトルからアイキャッチを自動生成する機能の使い方</li>
</ul>
</li>
<li>Cocoonのアイキャッチ自動生成機能を使うか？
<ul>
<li>今後のバージョンアップに期待すること</li>
</ul>
</li>
<li>参考リンク</li>
</ul>
]]></content:encoded>
					
					<wfw:commentRss>https://hakase-workshop.com/hakase-blog-cocoon2-8-4-generate-eye-catch/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>ブログ運営に必要な著作権とCCライセンスの基礎知識</title>
		<link>https://hakase-workshop.com/basic-copyright-and-cc-license/</link>
					<comments>https://hakase-workshop.com/basic-copyright-and-cc-license/#respond</comments>
		
		<dc:creator><![CDATA[はかせ]]></dc:creator>
		<pubDate>Sun, 19 Jan 2025 20:00:11 +0000</pubDate>
				<category><![CDATA[ブログ運営]]></category>
		<guid isPermaLink="false">https://hakase-workshop.com/?p=2885</guid>

					<description><![CDATA[2025年1月現在、4つのブログを運営し7冊のKindle本を出版していますが、著作権やCCライセンスには注意しています。 例えば、ブログで写真やイラストを利用する際には、提供するWebサイトの使用条件を必ず確認していま [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>2025年1月現在、4つのブログを運営し7冊のKindle本を出版していますが、著作権やCCライセンスには注意しています。</p>
<p>例えば、ブログで写真やイラストを利用する際には、提供するWebサイトの使用条件を必ず確認しています。</p>
<p>著作権は、著作権法という法律に基づきます。</p>
<ul>
<li>著作権というとブログ記事や書籍などの文章を思い浮かびますが、画像なども含まれます。</li>
</ul>
<p>CCライセンスは、著作権を守ることを前提としたルールです。</p>
<ul>
<li>写真やイラストなどを提供するWebサイトを利用して、写真等に付与されたCCライセンスのルールを守って利用することができます。</li>
</ul>
<p>ここでは、ブログの著作権や写真やイラストなどCCライセンスについて、簡単に説明します。</p>
<div class="alert-box common-icon-box">この記事の著作権やCCライセンスについて、私の理解した内容なので著作権法などの一次情報をご確認ください。</div>
<div class="ad-area no-icon ad-shortcode ad-rectangle ad-label-visible cf" itemscope itemtype="https://schema.org/WPAdBlock">
  <div class="ad-label" itemprop="name" data-nosnippet>スポンサーリンク</div>
  <div class="ad-wrap">
    <div class="ad-responsive ad-usual"><!-- レスポンシブコード -->
<ins class="adsbygoogle"
  style="display:block"
  data-ad-client="ca-pub-2274842534969789"
  data-ad-slot="9711918308"
  data-ad-format="rectangle"
  data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
          </div>

</div>


  <div id="toc" class="toc tnt-none toc-center tnt-none border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-14" checked><label class="toc-title" for="toc-checkbox-14">目次</label>
    <div class="toc-content">
    <ul class="toc-list open"><li><a href="#toc1" tabindex="0">著作権とは</a><ul><li><a href="#toc2" tabindex="0">著作権法について</a></li><li><a href="#toc3" tabindex="0">著作権の所有について</a></li><li><a href="#toc4" tabindex="0">著作権法を読みたい時</a></li></ul></li><li><a href="#toc5" tabindex="0">CCライセンスとは</a><ul><li><a href="#toc6" tabindex="0">CCライセンスの種類と組み合わせ</a></li><li><a href="#toc7" tabindex="0">CCライセンスの参考リンク</a></li></ul></li><li><a href="#toc8" tabindex="0">まとめ</a></li></ul>
    </div>
  </div>

<h2><span id="toc1">著作権とは</span></h2>
<p>まず、著作権について説明します。</p>
<div class="speech-wrap sb-id-12 sbs-flat sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img loading="lazy" decoding="async" class="speech-icon-image" src="https://hakase-workshop.com/wp-content/uploads/2023/09/01_hakase.png" alt="はかせ" width="160" height="160" /></figure>
<div class="speech-name">はかせ</div>
</div>
<div class="speech-balloon">
<p>基本的な考え方として、著作物を作った作者の権利を守ることは作者に対し敬意を表すことであり、無断利用をしないことが重要だと考えています。</p>
<p>自分が作者だったらどう思うか考えれば理解できるのではないでしょうか？</p>
</div>
</div>
<h3><span id="toc2">著作権法について</span></h3>
<p>日本での著作権は、著作権法という法律に基づくものです。</p>
<p>意訳すれば、著作権法とは、著作物を作った作者の権利を保護し、複製や頒布などの権利について定めた法律です。</p>
<ul>
<li>著作物の例には、このブログの記事や書籍などがあります。</li>
</ul>
<p>著作者の許可なく無断利用することは違法となり、違反者には罰則が科されることもあります。</p>
<h3><span id="toc3">著作権の所有について</span></h3>
<p>このブログの下部に表示している「Copyright © 2023-2025 できることはやってみる博士のワークショップ All Rights Reserved.」の「All Rights Reserved」とは、「すべての著作権を所有する」ということです。</p>
<p>「No rights reserved」とあれば、「すべての著作権を放棄する」ということです。</p>
<h3><span id="toc4">著作権法を読みたい時</span></h3>
<p>著作権法は、e-GOV法令検索で見ることができます。</p>
<ul>
<li>「著作権法」で検索すると出てきますが、法律なので読みにくいです。</li>
</ul>

<a rel="noopener" target="_blank" href="https://laws.e-gov.go.jp/" title="e-Gov &#27861;&#20196;&#26908;&#32034;" class="blogcard-wrap external-blogcard-wrap a-wrap cf"><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%2Flaws.e-gov.go.jp%2F?w=320&#038;h=180" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="320" height="180" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">e-Gov &#27861;&#20196;&#26908;&#32034;</div><div class="blogcard-snippet external-blogcard-snippet">電子政府の総合窓口（e-Gov）。法令（憲法・法律・政令・勅令・府省令・規則）の内容を検索して提供します。</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://laws.e-gov.go.jp/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">laws.e-gov.go.jp</div></div></div></div></a>
<p>法令について興味がある方は、e-Govポータルをご参照ください。</p>

<a rel="noopener" target="_blank" href="https://www.e-gov.go.jp/" title="&#12488;&#12483;&#12503; | e-Gov&#12509;&#12540;&#12479;&#12523;" class="blogcard-wrap external-blogcard-wrap a-wrap cf"><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%2Fwww.e-gov.go.jp%2F?w=320&#038;h=180" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="320" height="180" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">&#12488;&#12483;&#12503; | e-Gov&#12509;&#12540;&#12479;&#12523;</div><div class="blogcard-snippet external-blogcard-snippet">e-Govは、各府省がインターネットを通じて提供する行政情報の総合的な検索・案内サービスの提供、各府省に対するオンライン申請・届出等の手続の窓口サービスの提供を行う行政のポータルサイトです。</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://www.e-gov.go.jp/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">www.e-gov.go.jp</div></div></div></div></a>
<h2><span id="toc5">CCライセンスとは</span></h2>
<p>CCライセンスとは、クリエイティブ・コモンズ・ライセンスのことです。</p>
<p>CCライセンスは、著作権を前提としたライセンスについてのルールです。</p>
<p>CCライセンスが付与された写真やイラストは、CCライセンスの条件（著者の表示や非営利利用など）を守ることで、ブログなどで使用することができます。</p>
<p>CCライセンスの説明を、クリエイティブ・コモンズ・ジャパン（CCJP）のWebサイトから引用します。</p>
<blockquote><p>クリエイティブ・コモンズ・ライセンスとは</p>
<p>クリエイティブ・コモンズは、クリエイティブ・コモンズ・ライセンス（CCライセンス）を提供している国際的非営利組織とそのプロジェクトの総称です。</p>
<p>CCライセンスとはインターネット時代のための新しい著作権ルールで、作品を公開する作者が「この条件を守れば私の作品を自由に使って構いません。」という意思表示をするためのツールです。</p>
<p>CCライセンスを利用することで、作者は著作権を保持したまま作品を自由に流通させることができ、受け手はライセンス条件の範囲内で再配布やリミックスなどをすることができます。</p>
<p style="text-align: right;">出典：<a rel="noopener" target="_blank" href="https://creativecommons.jp/licenses/">クリエイティブ・コモンズ・ライセンスとは</a></p>
</blockquote>
<h3><span id="toc6">CCライセンスの種類と組み合わせ</span></h3>
<p>作品を利用（再配布やリミックス作品の公開、実演等）するための条件は、以下の4種類です。</p>
<ul>
<li>表示：作品のクレジットを表示すること</li>
<li>非営利： 営利目的での利用をしないこと</li>
<li>改変禁止：元の作品を改変しないこと</li>
<li>継承：元の作品と同じ組み合わせのCCライセンスで公開すること</li>
</ul>
<p>CCライセンスの組み合わせは、下表の6種類です。</p>
<div class="scrollable-table"><table style="border-collapse: collapse; width: 100%; height: 460px;">
<tbody>
<tr style="height: 47px;">
<th style="width: 30%; text-align: center; vertical-align: middle; height: 47px;">CCライセンス</th>
<th style="width: 70%; text-align: center; vertical-align: middle; height: 47px;">説明</th>
</tr>
<tr style="height: 64px;">
<th style="width: 30%; text-align: left; vertical-align: middle; height: 64px;">表示</th>
<td style="width: 70%; height: 64px;">原作者のクレジット（氏名、作品タイトルなど）を表示することを主な条件とし、改変はもちろん、営利目的での二次利用も許可される最も自由度の高いCCライセンス</td>
</tr>
<tr style="height: 64px;">
<th style="width: 30%; text-align: left; vertical-align: middle; height: 64px;">表示－継承</th>
<td style="width: 70%; height: 64px;">原作者のクレジット（氏名、作品タイトルなど）を表示し、改変した場合には元の作品と同じCCライセンス（このライセンス）で公開することを主な条件に、営利目的での二次利用も許可されるCCライセンス</td>
</tr>
<tr style="height: 64px;">
<th style="width: 30%; text-align: left; vertical-align: middle; height: 64px;">表示－改変禁止</th>
<td style="width: 70%; height: 64px;">原作者のクレジット（氏名、作品タイトルなど）を表示し、かつ元の作品を改変しないことを主な条件に、営利目的での利用（転載、コピー、共有）が行えるCCライセンス</td>
</tr>
<tr style="height: 64px;">
<th style="width: 30%; text-align: left; vertical-align: middle; height: 64px;">表示－非営利</th>
<td style="width: 70%; height: 64px;">原作者のクレジット（氏名、作品タイトルなど）を表示し、かつ非営利目的であることを主な条件に、改変したり再配布したりすることができるCCライセンス</td>
</tr>
<tr style="height: 83px;">
<th style="width: 30%; text-align: left; vertical-align: middle; height: 83px;">表示－非営利－継承</th>
<td style="width: 70%; height: 83px;">原作者のクレジット（氏名、作品タイトルなど）を表示し、かつ非営利目的に限り、また改変を行った際には元の作品と同じ組み合わせのCCライセンスで公開することを主な条件に、改変したり再配布したりすることができるCCライセンス</td>
</tr>
<tr style="height: 74px;">
<th style="width: 30%; text-align: left; vertical-align: middle; height: 74px;">表示－非営利－改変禁止</th>
<td style="width: 70%; height: 74px;">原作者のクレジット（氏名、作品タイトルなど）を表示し、かつ非営利目的であり、そして元の作品を改変しないことを主な条件に、作品を自由に再配布できるCCライセンス</td>
</tr>
</tbody>
</table></div>
<p>詳細は、以下のページをご確認ください。</p>
<div class="blogcard-type bct-reference-link">

<a rel="noopener" target="_blank" href="https://creativecommons.jp/licenses/" title="クリエイティブ・コモンズ・ライセンスとは" class="blogcard-wrap external-blogcard-wrap a-wrap cf"><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://hakase-workshop.com/wp-content/uploads/cocoon-resources/blog-card-cache/94cee1ea4e070e1c1fda5692bea9e0ad.png" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="320" height="180" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">クリエイティブ・コモンズ・ライセンスとは</div><div class="blogcard-snippet external-blogcard-snippet">クリエイティブ・コモンズは、クリエイティブ・コモンズ・ライセンス（CCライセンス）を提供している国際的非営利組…</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://creativecommons.jp/licenses/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">creativecommons.jp</div></div></div></div></a>
</div>
<h3><span id="toc7">CCライセンスの参考リンク</span></h3>
<p>CCライセンスについては、以下のWebサイトをご参照ください。</p>
<div class="blogcard-type bct-reference-link">

<a rel="noopener" target="_blank" href="https://creativecommons.jp/" title="クリエイティブ・コモンズ・ジャパン" class="blogcard-wrap external-blogcard-wrap a-wrap cf"><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://hakase-workshop.com/wp-content/uploads/cocoon-resources/blog-card-cache/3c5da18710852623a31b508500c8946b.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="320" height="180" /></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://creativecommons.jp/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">creativecommons.jp</div></div></div></div></a>
</div>
<div class="ad-area no-icon ad-shortcode ad-rectangle ad-label-visible cf" itemscope itemtype="https://schema.org/WPAdBlock">
  <div class="ad-label" itemprop="name" data-nosnippet>スポンサーリンク</div>
  <div class="ad-wrap">
    <div class="ad-responsive ad-usual"><!-- レスポンシブコード -->
<ins class="adsbygoogle"
  style="display:block"
  data-ad-client="ca-pub-2274842534969789"
  data-ad-slot="9711918308"
  data-ad-format="rectangle"
  data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
          </div>

</div>

<h2><span id="toc8">まとめ</span></h2>
<p>ブログ運営やKindle出版をしていますが、著作権やCCライセンスには注意しています。</p>
<p>例えば、写真やイラストを利用する際には、提供するWebサイトの使用条件を必ず確認しています。</p>
<p>ここでは、ブログの著作権や写真やイラストなどCCライセンスについて、以下の項目で説明しました。</p>
<ul class="toc-list open">
<li>著作権とは
<ul>
<li>著作権法について</li>
<li>著作権の所有について</li>
<li>著作権法を読みたい時</li>
</ul>
</li>
<li>CCライセンスとは
<ul>
<li>CCライセンスの種類と組み合わせ</li>
<li>CCライセンスの参考リンク</li>
</ul>
</li>
</ul>
]]></content:encoded>
					
					<wfw:commentRss>https://hakase-workshop.com/basic-copyright-and-cc-license/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>2024年の振り返りと2025年の取り組みについて</title>
		<link>https://hakase-workshop.com/hakase-20241223/</link>
					<comments>https://hakase-workshop.com/hakase-20241223/#respond</comments>
		
		<dc:creator><![CDATA[はかせ]]></dc:creator>
		<pubDate>Sun, 22 Dec 2024 20:00:58 +0000</pubDate>
				<category><![CDATA[ブログ運営]]></category>
		<guid isPermaLink="false">https://hakase-workshop.com/?p=2809</guid>

					<description><![CDATA[毎年夏の暑さが過ぎて冬の寒さを感じるようになると、時間が加速していくような感じがします。 街の景色は、ハロウィンが終わるとクリスマス、そして、あわただしく年末年始へと変わっていきます。 毎年12月になると、今年1年を振り [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>毎年夏の暑さが過ぎて冬の寒さを感じるようになると、時間が加速していくような感じがします。</p>
<p>街の景色は、ハロウィンが終わるとクリスマス、そして、あわただしく年末年始へと変わっていきます。</p>
<p>毎年12月になると、今年1年を振り返り、来年どうするかについて考えるようにしています。</p>
<p>このブログ「できることはやってみる博士のワークショップ」の運営について、2024年を振り返り、2025年に向けて考えます。</p>
<div class="ad-area no-icon ad-shortcode ad-rectangle ad-label-visible cf" itemscope itemtype="https://schema.org/WPAdBlock">
  <div class="ad-label" itemprop="name" data-nosnippet>スポンサーリンク</div>
  <div class="ad-wrap">
    <div class="ad-responsive ad-usual"><!-- レスポンシブコード -->
<ins class="adsbygoogle"
  style="display:block"
  data-ad-client="ca-pub-2274842534969789"
  data-ad-slot="9711918308"
  data-ad-format="rectangle"
  data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
          </div>

</div>


  <div id="toc" class="toc tnt-none toc-center tnt-none border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-16" checked><label class="toc-title" for="toc-checkbox-16">目次</label>
    <div class="toc-content">
    <ul class="toc-list open"><li><a href="#toc1" tabindex="0">2024年の振り返り</a><ul><li><a href="#toc2" tabindex="0">ブログ運営</a></li><li><a href="#toc3" tabindex="0">Kindle出版</a></li><li><a href="#toc4" tabindex="0">ワークショップ（趣味のガンプラと電子工作）</a></li><li><a href="#toc5" tabindex="0">アフィリエイト</a></li></ul></li><li><a href="#toc6" tabindex="0">2025年にむけて</a><ul><li><a href="#toc7" tabindex="0">ブログ運営</a></li><li><a href="#toc8" tabindex="0">Kindle出版</a></li><li><a href="#toc9" tabindex="0">ワークショップ（趣味のガンプラと電子工作）</a></li><li><a href="#toc10" tabindex="0">アフィリエイト</a></li></ul></li><li><a href="#toc11" tabindex="0">まとめ（2025年にむけて）</a></li></ul>
    </div>
  </div>

<h2><span id="toc1">2024年の振り返り</span></h2>
<p>2024年12月、このブログの投稿記事は100を超えることができました。</p>
<p>このブログに関する2024年の活動結果について、ブログ運営、Kindle出版、ワークショップ、アフィリエイトに分けて振り返ります。</p>
<h3><span id="toc2">ブログ運営</span></h3>
<p>ブログ運営については、ほぼやりたいことができたと思います。</p>
<p>2024年は「週1投稿を続ける」ことを目標としていました。</p>
<p>正直なところ、1年続くかなと思いつつ2024年のブログ投稿を続けていましたが、週1投稿は、少々無理があるかなと思っています。</p>
<h3><span id="toc3">Kindle出版</span></h3>
<p>2024年は、6冊目のKindleとKindleペーパーバックを出版しました。</p>
<p style="text-align: center;"><span class="marker-under-blue">Amazonへ</span>：「<a rel="noopener" target="_blank" href="https://amzn.to/4cIJMn8">はじめてのISO管理責任者と内部監査責任者</a>」</p>
<p>おかげさまで、KindleとKindleペーパーバック共にご購入頂きありがとうございます。</p>
<p>これまで、書籍とする場合ボリュームがあった方がよいと考えていましたが、6冊目の「<a rel="noopener" target="_blank" href="https://amzn.to/4cIJMn8">はじめてのISO管理責任者と内部監査責任者</a>」は、ボリュームが多すぎたような感じがします。</p>
<h3><span id="toc4">ワークショップ（趣味のガンプラと電子工作）</span></h3>
<p>ガンプラの入手はコロナ禍の頃よりはよくなってきたようですが、人気のガンプラとなると入手が難しい状況は変わっていないように思います。</p>
<p>来年も抽選販売とキャンセル待ち狙いとなりそうです。</p>
<p>なお、2024年は、SDのガンプラのLED電飾をしようと、材料は準備したところで手が止まっています。</p>
<h3><span id="toc5">アフィリエイト</span></h3>
<p>アフィリエイトは、このブログで本格的に取り組んでみようとしていましたが、結果的には、従来通りのままで2024年も過ぎていきました。</p>
<p>自分の考え方の影響もあるようで、気にはなりつつもといった感じでした。</p>
<p>依頼記事も書いてみましたが、ライターの仕事に興味をもった2024年でした。</p>
<h2><span id="toc6">2025年にむけて</span></h2>
<p>2025年のブログ運営、Kindle出版、ワークショップ、アフィリエイトの取り組みについて次のように考えています。</p>
<h3><span id="toc7">ブログ運営</span></h3>
<p>このブログ運営については、ひとまず週1投稿を目標にしますが、アフィリエイトの活動が思っていた以上に低調です。</p>
<p>Googleアドセンスでは、ブログを見る人にとって質の高い記事が求められていますので、投稿することが目的とならないように注意します。</p>
<p>ブログ投稿頻度については、毎週月曜日に新規記事を投稿するから、月4回とか隔週に減らすとか、このブログのテーマや内容を考慮して思案中です。</p>
<h3><span id="toc8">Kindle出版</span></h3>
<p>2024年の6冊目で一段落した感じです。</p>
<p>新たなテーマを模索する2025年にしたいと思います。</p>
<h3><span id="toc9">ワークショップ（趣味のガンプラと電子工作）</span></h3>
<p>2025年は、2024年に準備した材料で、ガンプラのLED電飾をしたいと思います。</p>
<h3><span id="toc10">アフィリエイト</span></h3>
<p>アフィリエイト記事を書くというよりは、ライターとしての仕事をイメージしてブログ運営をしてみたいと考えています。</p>
<div class="ad-area no-icon ad-shortcode ad-rectangle ad-label-visible cf" itemscope itemtype="https://schema.org/WPAdBlock">
  <div class="ad-label" itemprop="name" data-nosnippet>スポンサーリンク</div>
  <div class="ad-wrap">
    <div class="ad-responsive ad-usual"><!-- レスポンシブコード -->
<ins class="adsbygoogle"
  style="display:block"
  data-ad-client="ca-pub-2274842534969789"
  data-ad-slot="9711918308"
  data-ad-format="rectangle"
  data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
          </div>

</div>

<h2><span id="toc11">まとめ（2025年にむけて）</span></h2>
<p>毎年12月になると、今年1年を振り返り、来年どうするかについて考えるようにしています。</p>
<p>このブログ「できることはやってみる博士のワークショップ」の運営について、2024年を振り返り、2025年に向け思うことをまとめました。</p>
<p>2025年も引き続きよろしくお願いいたします。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://hakase-workshop.com/hakase-20241223/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Microsoftからのメール「DMARC aggregate report ・・・」にあせった</title>
		<link>https://hakase-workshop.com/blog-dmarc-report-202409/</link>
					<comments>https://hakase-workshop.com/blog-dmarc-report-202409/#respond</comments>
		
		<dc:creator><![CDATA[はかせ]]></dc:creator>
		<pubDate>Sun, 08 Sep 2024 20:00:32 +0000</pubDate>
				<category><![CDATA[ブログ運営]]></category>
		<guid isPermaLink="false">https://hakase-workshop.com/?p=2066</guid>

					<description><![CDATA[先日、仕事帰りの電車でスマホを見ていたところ、以下のタイトルの英文メールがきました。 [Preview] Report Domain: pdcatovision.com Submitter: enterprise.pro [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>先日、仕事帰りの電車でスマホを見ていたところ、以下のタイトルの英文メールがきました。</p>
<p style="text-align: center;"><strong>[Preview] Report Domain: pdcatovision.com Submitter: enterprise.protection.outlook.com Report-ID: xxx</strong></p>
<p>添付ファイル付きのメールだったので、ウィルスかと思い、ドキドキしながらメールをよく見てみると、私が運営するブログの1つ博士の品質マネジメント&lt;<a rel="noopener" target="_blank" href="https://pdcatovision.com/">https://pdcatovision.com/</a>&gt;についてのメールだということが分かり、少し安心。</p>
<p>スマホでGoogle先生に聞いてみると、どうやらウィルスでも迷惑メールでもなく、MicrosoftからのDMARC（知らないが）についてのメールらしいことが分かり、自宅でじっくり調べることにしました。</p>
<p>ここでは、はじめてのDMARCメールにドキドキしながら調べて分かったことを説明します。</p>
<div class="speech-wrap sb-id-12 sbs-flat sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img loading="lazy" decoding="async" class="speech-icon-image" src="https://hakase-workshop.com/wp-content/uploads/2023/09/01_hakase.png" alt="はかせ" width="160" height="160" /></figure>
<div class="speech-name">はかせ</div>
</div>
<div class="speech-balloon">
<p>英文メールがきても、売り込みなどの迷惑メールとすぐわかる場合はよいのですが、今回のメール（Microsoftは悪くないです）には驚かされました。</p>
</div>
</div>
<div class="ad-area no-icon ad-shortcode ad-rectangle ad-label-visible cf" itemscope itemtype="https://schema.org/WPAdBlock">
  <div class="ad-label" itemprop="name" data-nosnippet>スポンサーリンク</div>
  <div class="ad-wrap">
    <div class="ad-responsive ad-usual"><!-- レスポンシブコード -->
<ins class="adsbygoogle"
  style="display:block"
  data-ad-client="ca-pub-2274842534969789"
  data-ad-slot="9711918308"
  data-ad-format="rectangle"
  data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
          </div>

</div>


  <div id="toc" class="toc tnt-none toc-center tnt-none border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-18" checked><label class="toc-title" for="toc-checkbox-18">目次</label>
    <div class="toc-content">
    <ul class="toc-list open"><li><a href="#toc1" tabindex="0">DMARCレポートがきたのでまずはGoogle先生に聞く</a></li><li><a href="#toc2" tabindex="0">ブログを運営するサーバーマニュアルにたどり着く</a></li><li><a href="#toc3" tabindex="0">まとめ</a></li></ul>
    </div>
  </div>

<h2><span id="toc1">DMARCレポートがきたのでまずはGoogle先生に聞く</span></h2>
<p>先日、仕事帰りの電車でスマホを見ていたところ、以下のタイトルの英文メールがきました。</p>
<p><strong>[Preview] Report Domain: pdcatovision.com Submitter: enterprise.protection.outlook.com Report-ID: xxx</strong></p>
<p><span class="marker-under-blue">添付ファイル付きのメール</span>だったので、ウィルスかと思い、ドキドキしながらGoogle先生に聞いてみると、</p>
<p>DMARCとは、</p>
<ul>
<li>Domain-based Message Authentication, Reporting, and Conformance</li>
</ul>
<p>の略であることが分かり、ブログで使っているサーバーのメールに関することかもしれないと気づきました。</p>
<p>DMARCとは、ブログのドメイン（今回のメールは、私がエックスサーバーで運営しているpdcatovision.com）のなりすましやフィッシングなどの不正なメール送信を制限する機能らしいのですが、正直なところよく分かりません。</p>
<h2><span id="toc2">ブログを運営するサーバーマニュアルにたどり着く</span></h2>
<p>さらに調べているとこのブログでも使っているエックスサーバーのマニュアルに詳しい説明がありました。</p>
<div class="blogcard-type bct-reference-link">

<a rel="noopener" target="_blank" href="https://www.xserver.ne.jp/manual/man_mail_dmarc.php" title="DMARC&#35373;&#23450; | &#12524;&#12531;&#12479;&#12523;&#12469;&#12540;&#12496;&#12540;&#12394;&#12425;&#12456;&#12483;&#12463;&#12473;&#12469;&#12540;&#12496;&#12540;" class="blogcard-wrap external-blogcard-wrap a-wrap cf"><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%2Fwww.xserver.ne.jp%2Fmanual%2Fman_mail_dmarc.php?w=320&#038;h=180" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="320" height="180" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">DMARC&#35373;&#23450; | &#12524;&#12531;&#12479;&#12523;&#12469;&#12540;&#12496;&#12540;&#12394;&#12425;&#12456;&#12483;&#12463;&#12473;&#12469;&#12540;&#12496;&#12540;</div><div class="blogcard-snippet external-blogcard-snippet">レンタルサーバー「エックスサーバー」のご利用マニュアル｜対象ドメインのなりすましやその他の不正なメールの送信を制限できる「DMARC設定」機能のご案内です。</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://www.xserver.ne.jp/manual/man_mail_dmarc.php" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">www.xserver.ne.jp</div></div></div></div></a>
</div>
<p>エックスサーバーのマニュアルで、「DMARC設定」について読んでいるうちに、</p>
<p>2024年1月に以下のタイトルのメールがきていることを思い出しました。</p>
<p><strong>「迷惑メールフィルタ設定」機能にて、なりすましメールへの対応を強化する「受信側DMARC設定」機能を追加</strong></p>
<p>当時の対応は、</p>
<ul>
<li>マニュアルの「DMARC設定」の「DMARCポリシー」の部分にある通りに設定した。</li>
</ul>
<p>ことを思い出しました。</p>
<p>DMARCレポートの中身についても調べてみましたが、きちんと機能した結果の様なので問題ないようです。</p>
<div class="speech-wrap sb-id-12 sbs-flat sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img loading="lazy" decoding="async" class="speech-icon-image" src="https://hakase-workshop.com/wp-content/uploads/2023/09/01_hakase.png" alt="はかせ" width="160" height="160" /></figure>
<div class="speech-name">はかせ</div>
</div>
<div class="speech-balloon">
<p>DMARCについては何となく分かったような気がするものの、ではどうするかまでは、専門的な知識も理解も不足している感じです。</p>
<p>個人アドレスにスパムが結構きますが、メールフィルタが機能しているのでしょう。</p>
</div>
</div>
<div class="ad-area no-icon ad-shortcode ad-rectangle ad-label-visible cf" itemscope itemtype="https://schema.org/WPAdBlock">
  <div class="ad-label" itemprop="name" data-nosnippet>スポンサーリンク</div>
  <div class="ad-wrap">
    <div class="ad-responsive ad-usual"><!-- レスポンシブコード -->
<ins class="adsbygoogle"
  style="display:block"
  data-ad-client="ca-pub-2274842534969789"
  data-ad-slot="9711918308"
  data-ad-format="rectangle"
  data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
          </div>

</div>

<h2><span id="toc3">まとめ</span></h2>
<p>先日、仕事帰りの電車でスマホを見ていたところ、以下のタイトルの英文メールがきました。</p>
<p><strong>[Preview] Report Domain: pdcatovision.com Submitter: enterprise.protection.outlook.com Report-ID: xxx</strong></p>
<p>添付ファイル付きのメールだったので、ウィルスかと思い、ドキドキしながらメールをよく見てみると、私が運営するブログの1つ博士の品質マネジメント&lt;<a rel="noopener" target="_blank" href="https://pdcatovision.com/">https://pdcatovision.com/</a>&gt;についてのDMARCレポートのメールでした。</p>
<p>ここでは、はじめてのDMARCメールにどきどきしながら、調べて分かったことを、以下の項目で説明しました。</p>
<ul class="toc-list open">
<li>DMARCレポートがきたのでまずはGoogle先生に聞く</li>
<li>ブログを運営するサーバーマニュアルにたどり着く</li>
</ul>
]]></content:encoded>
					
					<wfw:commentRss>https://hakase-workshop.com/blog-dmarc-report-202409/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>PCでのスケジュール管理：Googleカレンダーの土日祝日に色付け</title>
		<link>https://hakase-workshop.com/hakase-no-time-management-tools/</link>
					<comments>https://hakase-workshop.com/hakase-no-time-management-tools/#respond</comments>
		
		<dc:creator><![CDATA[はかせ]]></dc:creator>
		<pubDate>Sun, 01 Sep 2024 20:00:29 +0000</pubDate>
				<category><![CDATA[ブログ運営]]></category>
		<guid isPermaLink="false">https://hakase-workshop.com/?p=2034</guid>

					<description><![CDATA[自己管理は自分の時間管理のことです。 私はプライベートの時間管理は、次のツールを使っています。 スマホ（iPhone14Plus）は、カレンダーアプリ PCは、Googleカレンダー スマホアプリは土日の色付けができるの [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>自己管理は自分の時間管理のことです。</p>
<p>私はプライベートの時間管理は、次のツールを使っています。</p>
<ul>
<li>スマホ（iPhone14Plus）は、カレンダーアプリ</li>
<li>PCは、Googleカレンダー</li>
</ul>
<p>スマホアプリは土日の色付けができるのですが、PCで使っているGoogleカレンダーは土日の色付けができないので、色付け方法を探していたら、Chrome拡張機能の「G-calize」を使うと土日と祝日にも色付けができることが分かりました。</p>
<p>ここでは、私が使っている時間管理のためのツールを紹介します。</p>
<div class="ad-area no-icon ad-shortcode ad-rectangle ad-label-visible cf" itemscope itemtype="https://schema.org/WPAdBlock">
  <div class="ad-label" itemprop="name" data-nosnippet>スポンサーリンク</div>
  <div class="ad-wrap">
    <div class="ad-responsive ad-usual"><!-- レスポンシブコード -->
<ins class="adsbygoogle"
  style="display:block"
  data-ad-client="ca-pub-2274842534969789"
  data-ad-slot="9711918308"
  data-ad-format="rectangle"
  data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
          </div>

</div>


  <div id="toc" class="toc tnt-none toc-center tnt-none border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-20" checked><label class="toc-title" for="toc-checkbox-20">目次</label>
    <div class="toc-content">
    <ul class="toc-list open"><li><a href="#toc1" tabindex="0">スマホでのスケジュール管理ツール</a></li><li><a href="#toc2" tabindex="0">PCでのスケジュール管理ツール</a></li><li><a href="#toc3" tabindex="0">まとめ</a></li></ul>
    </div>
  </div>

<h2><span id="toc1">スマホでのスケジュール管理ツール</span></h2>
<p>スマホでのスケジュール管理ツールには、</p>
<p style="text-align: center;"><strong>FirstSeed Calendar for iPhone</strong></p>
<p>を購入して使っています。</p>
<p>日、週、月とリスト表示が可能で、主にリスト表示で使っています。</p>
<ul>
<li>以前は、Refills（リフィルズ）を長らく使っていましたが、無償版のみの提供となり、いろいろと試してみてFirstSeed Calendar for iPhoneに落ち着きました。</li>
</ul>
<p>iPhoneのアプリでは、土日祝日の色付けは当たり前のようにできています。</p>
<h2><span id="toc2">PCでのスケジュール管理ツール</span></h2>
<p>PCでのスケジュール管理には、Googleカレンダーを使っています。</p>
<p>週表示での使い方がメインで、時々月表示を使います。</p>
<p>長らく、2024年の8月になってから、GoogleカレンダーのPC利用時には土日祝日に色付けができるツール（Chrome拡張機能）があることを知り、以下のツールを早速使っています。</p>
<p style="text-align: center;"><strong>G-calize　Version: 2.1.2</strong></p>
<p>下図は、画面表示例です。</p>
<ul>
<li>色は、初期設定のままです。</li>
</ul>
<div id="attachment_2039" style="width: 810px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-2039" class="wp-image-2039 size-full" src="https://hakase-workshop.com/wp-content/uploads/2024/08/hakase-no-time-management-tools-01.jpg" alt="週表示例：Googleカレンダーの土日色付け" width="800" height="578" srcset="https://hakase-workshop.com/wp-content/uploads/2024/08/hakase-no-time-management-tools-01.jpg 800w, https://hakase-workshop.com/wp-content/uploads/2024/08/hakase-no-time-management-tools-01-300x217.jpg 300w, https://hakase-workshop.com/wp-content/uploads/2024/08/hakase-no-time-management-tools-01-768x555.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><p id="caption-attachment-2039" class="wp-caption-text">週表示例：Googleカレンダーの土日色付け</p></div>
<p style="text-align: center;"><strong>図1　週表示例：Googleカレンダーの土日色付け</strong></p>
<div id="attachment_2040" style="width: 810px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-2040" class="wp-image-2040 size-full" src="https://hakase-workshop.com/wp-content/uploads/2024/08/hakase-no-time-management-tools-02.jpg" alt="月表示例：Googleカレンダーの土日色付け" width="800" height="578" srcset="https://hakase-workshop.com/wp-content/uploads/2024/08/hakase-no-time-management-tools-02.jpg 800w, https://hakase-workshop.com/wp-content/uploads/2024/08/hakase-no-time-management-tools-02-300x217.jpg 300w, https://hakase-workshop.com/wp-content/uploads/2024/08/hakase-no-time-management-tools-02-768x555.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /><p id="caption-attachment-2040" class="wp-caption-text">月表示例：Googleカレンダーの土日色付け</p></div>
<p style="text-align: center;"><strong>図2　月表示例：Googleカレンダーの土日色付け</strong></p>
<p>&nbsp;</p>
<p>土日に色付けすると見やすくなるので、</p>
<ul>
<li>スケジュールを見た時の勘違いを防いだり、</li>
<li>スケジュール登録時のミスが減ったり、</li>
</ul>
<p>するように思います。</p>
<div class="ad-area no-icon ad-shortcode ad-rectangle ad-label-visible cf" itemscope itemtype="https://schema.org/WPAdBlock">
  <div class="ad-label" itemprop="name" data-nosnippet>スポンサーリンク</div>
  <div class="ad-wrap">
    <div class="ad-responsive ad-usual"><!-- レスポンシブコード -->
<ins class="adsbygoogle"
  style="display:block"
  data-ad-client="ca-pub-2274842534969789"
  data-ad-slot="9711918308"
  data-ad-format="rectangle"
  data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
          </div>

</div>

<h2><span id="toc3">まとめ</span></h2>
<p>私はプライベートの時間管理は、次のツールを使っています。</p>
<ul>
<li>スマホ（iPhone14Plus）は、カレンダーアプリ</li>
<li>PCは、Googleカレンダー</li>
</ul>
<p>スマホアプリは土日の色付けができるのですが、PCで使っているGoogleカレンダーは土日の色付けができないので、色付け方法を探していたら、「G-calize」をつかうと土日と祝日にも色付けができることが分かりました。</p>
<p>ここでは、私が使っている時間管理のためのツールについて、以下の項目で説明しました。</p>
<ul class="toc-list open">
<li>スマホでのスケジュール管理ツール</li>
<li>PCでのスケジュール管理ツール</li>
</ul>
]]></content:encoded>
					
					<wfw:commentRss>https://hakase-workshop.com/hakase-no-time-management-tools/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
