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

<channel>
	<title>Webサイト運営  |  ウェブのネタ袋</title>
	<atom:link href="https://webnoneta.com/category/website/feed/" rel="self" type="application/rss+xml" />
	<link>https://webnoneta.com</link>
	<description>ブログ運営＆Webマーケティング情報</description>
	<lastBuildDate>Sun, 12 Apr 2020 07:46:33 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.8.13</generator>

<image>
	<url>https://webnoneta.com/wp-content/uploads/2020/03/cropped-netabukuro-icon-32x32.png</url>
	<title>Webサイト運営  |  ウェブのネタ袋</title>
	<link>https://webnoneta.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>画像をWebP（ウェッピー）に変換して、サイト表示速度を速くしよう！</title>
		<link>https://webnoneta.com/webp/</link>
					<comments>https://webnoneta.com/webp/#respond</comments>
		
		<dc:creator><![CDATA[みっちー]]></dc:creator>
		<pubDate>Sun, 12 Apr 2020 07:46:33 +0000</pubDate>
				<category><![CDATA[Webサイト運営]]></category>
		<guid isPermaLink="false">https://webnoneta.com/?p=1119</guid>

					<description><![CDATA[ブログやサイトの表示スピードを上げると、色んな良いことがあります。 と、Googleにもユーザーにも好影響です。表示スピードを上げるには、速いサーバーに変えたり、CSSやJavaScriptを圧縮するなど、色んな方法があ [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>ブログやサイトの表示スピードを上げると、色んな良いことがあります。</p>



<div class="wp-block-cocoon-blocks-iconlist-box iconlist-box blank-box list-check-circle block-box has-background has-icon-color has-watery-blue-background-color has-deep-orange-icon-color waku2"><div class="iconlist-title"></div>
<ul><li>Googleに喜ばれる（SEOに好影響）</li><li>ユーザーに喜ばれる（サクサク表示されてノンストレス）</li></ul>
</div>



<p>と、Googleにもユーザーにも好影響です。<br>表示スピードを上げるには、<a href="https://webnoneta.com/blog-server/">速いサーバーに変えたり</a>、CSSやJavaScriptを圧縮するなど、色んな方法がありますが、そんな中で<strong>手っ取り早く一番効果的なのが「画像を軽くする」ことです。</strong></p>



<p>Webで使われる画像はJPEGやPNGがメインですが、<strong>Googleが推奨している最新の画像形式に「WebP（ウェッピー）」というのがあります。</strong></p>



<p>ウェッピーって、なんだか可愛いキャラクターの名前のようですが、従来のJPEGやPNG画像よりも軽くなるということなので、早速このブログの画像をすべてWebP対応にしました。</p>



<p>今回は画像をWebPに対応させる方法を解説します。<br>あ、ちなみに環境はWordPressです。</p>




  <div id="toc" class="toc tnt-number toc-center tnt-number 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">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">WebP（ウェッピー）ってどんな画像形式？</a></li><li><a href="#toc2" tabindex="0">WordPressで画像をWebPに変換する方法</a><ol><li><a href="#toc3" tabindex="0">EWWW Image OptimizerでWebP変換を設定する</a></li><li><a href="#toc4" tabindex="0">.htaccessファイルに追記しよう</a></li><li><a href="#toc5" tabindex="0">EWWW Image OptimizerでWebPに画像変換</a></li></ol></li><li><a href="#toc6" tabindex="0">まとめ</a></li></ol>
    </div>
  </div>

<h2><span id="toc1">WebP（ウェッピー）ってどんな画像形式？</span></h2>



<p>WebP（ウェッピー）は、Googleが開発した新しい画像形式（規格）です。<br>拡張子は「〇〇.webp」になります。</p>



<p>jpegなどの画像形式よりも20％〜30％容量を軽くできて、画像品質も変わりません。<br>Googleのサイトスピード計測ツール「<a rel="noopener" target="_blank" href="https://developers.google.com/speed/pagespeed/insights/">PageSpeed Inshights</a>」でも、WebPが推奨されています。</p>



<figure class="wp-block-image size-full"><img loading="lazy" width="1104" height="167" src="https://webnoneta.com/wp-content/uploads/2020/04/webp0000.png" alt="次世代フォーマットでの画像の配信" class="wp-image-1124" srcset="https://webnoneta.com/wp-content/uploads/2020/04/webp0000.png 1104w, https://webnoneta.com/wp-content/uploads/2020/04/webp0000-300x45.png 300w, https://webnoneta.com/wp-content/uploads/2020/04/webp0000-1024x155.png 1024w, https://webnoneta.com/wp-content/uploads/2020/04/webp0000-768x116.png 768w" sizes="(max-width: 1104px) 100vw, 1104px" /><figcaption>PageSpeed Inshightsの説明でも、WebPが推奨されている。</figcaption></figure>



<p>ということで、良い事ずくめの画像フォーマットに見えるのですが、新しい画像形式だけあって、IEやSafariなどのブラウザでは未対応です。<br>つまり、WebP画像だけの場合は、MacやiPhoneのSafariで表示されないという困った状態になってしまいます。</p>



<figure class="wp-block-image size-full"><a href="https://webnoneta.com/wp-content/uploads/2020/04/webp00.png"><img loading="lazy" width="1688" height="673" src="https://webnoneta.com/wp-content/uploads/2020/04/webp00.png" alt="WebP対応ブラウザ表" class="wp-image-1125" srcset="https://webnoneta.com/wp-content/uploads/2020/04/webp00.png 1688w, https://webnoneta.com/wp-content/uploads/2020/04/webp00-300x120.png 300w, https://webnoneta.com/wp-content/uploads/2020/04/webp00-1024x408.png 1024w, https://webnoneta.com/wp-content/uploads/2020/04/webp00-768x306.png 768w, https://webnoneta.com/wp-content/uploads/2020/04/webp00-1536x612.png 1536w" sizes="(max-width: 1688px) 100vw, 1688px" /></a><figcaption>WebPに対応しているブラウザ。赤は未対応なので、IEとSafariは未対応になっている。</figcaption></figure>



<p>IEも日本では未だに使っているユーザーが多いので、IEやSafariでサイトを見た時に、ちゃんと画像が見られるように対応しておく必要があります。<br>ChromeやFirefoxではWebPを表示させ、IEやSafariではJPGやPNGを表示させるというふうに設定しておくということですね。</p>



<p>なんだか面倒くさそうに思うかもしれませんが、WordPressのプラグインを使えば、ブラウザによって自動的にWebPと、それ以外の画像に切り分けてくれるので、すごく簡単ですよ。</p>



<h2><span id="toc2">WordPressで画像をWebPに変換する方法</span></h2>



<p>WordPressで画像をWebPに変換する方法ですが、毎度おなじみの大人気画像圧縮プラグイン「EWWW Image Optimizer」で簡単にできてしまいます。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-reference-link">
<a rel="noopener" target="_blank" href="https://ja.wordpress.org/plugins/ewww-image-optimizer/" title="EWWW Image Optimizer" 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 src="https://ps.w.org/ewww-image-optimizer/assets/banner-772x250.jpg?rev=1582276" 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">EWWW Image Optimizer</div><div class="blogcard-snippet external-blogcard-snippet">Comprehensive image optimization that doesn&#039;t require a rocket science degree. Optimize images automatically for Faster Sites and Happy Visitors.</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 src="https://www.google.com/s2/favicons?domain=ja.wordpress.org" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">ja.wordpress.org</div></div></div></div></a>
</div>



<p>ブログを運営途中で、すでにJPGやPNG画像をたくさんアップロードしていても大丈夫。すべてWebPに変換してくれますし、元のJPGやPNGは削除されず置いたままになります。</p>



<p>そのおかげでChromeやFirefoxで見た時はWebPで、SafariやIEで見た時はJPG・PNGで表示してくれます。特別な設定は不要なので、すごく簡単です。</p>



<p>では設定していきましょう！</p>



<h3><span id="toc3">EWWW Image OptimizerでWebP変換を設定する</span></h3>



<p>EWWW Image Optimizerの設定画面で「WebP」タブを押し、下図の通りにチェックを入れ、「変更を保存」ボタンをポチッと押します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" width="1096" height="454" src="https://webnoneta.com/wp-content/uploads/2020/04/webp01.png" alt="WebP設定画面" class="wp-image-1131" srcset="https://webnoneta.com/wp-content/uploads/2020/04/webp01.png 1096w, https://webnoneta.com/wp-content/uploads/2020/04/webp01-300x124.png 300w, https://webnoneta.com/wp-content/uploads/2020/04/webp01-1024x424.png 1024w, https://webnoneta.com/wp-content/uploads/2020/04/webp01-768x318.png 768w" sizes="(max-width: 1096px) 100vw, 1096px" /></figure>



<p>すると、下図のようにソースが表示されます。<br>これをコピーして.htaccessファイルに追記します。</p>



<figure class="wp-block-image size-large"><img loading="lazy" width="1024" height="346" src="https://webnoneta.com/wp-content/uploads/2020/04/webp02-1024x346.png" alt="" class="wp-image-1134" srcset="https://webnoneta.com/wp-content/uploads/2020/04/webp02-1024x346.png 1024w, https://webnoneta.com/wp-content/uploads/2020/04/webp02-300x101.png 300w, https://webnoneta.com/wp-content/uploads/2020/04/webp02-768x260.png 768w, https://webnoneta.com/wp-content/uploads/2020/04/webp02-1536x519.png 1536w, https://webnoneta.com/wp-content/uploads/2020/04/webp02.png 1577w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h3><span id="toc4">.htaccessファイルに追記しよう</span></h3>



<p>.htaccessファイルとは、ウェブサーバーの設定を行うファイルのことです。<br>通常はWebサーバーにFTP接続してダウンロードし、それをメモ帳などで開いて追記する方法になります・・・が、ちょっと面倒くさいです（笑）</p>



<p>でもサーバーによっては、管理画面で簡単に.htaccessに追記できます。<br>僕がオススメしているエックスサーバーの場合だと、サーバーパネルから簡単に追記できますよ！</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">
<a href="https://webnoneta.com/blog-server/" 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 width="320" height="180" src="https://webnoneta.com/wp-content/uploads/2020/03/server-320x180.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" loading="lazy" srcset="https://webnoneta.com/wp-content/uploads/2020/03/server-320x180.jpg 320w, https://webnoneta.com/wp-content/uploads/2020/03/server-240x135.jpg 240w, https://webnoneta.com/wp-content/uploads/2020/03/server-640x360.jpg 640w, https://webnoneta.com/wp-content/uploads/2020/03/server-698x393.jpg 698w" sizes="(max-width: 320px) 100vw, 320px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">ブログ運営にオススメのレンタルサーバー。エックスサーバーが最強の理由とは？</div><div class="blogcard-snippet internal-blogcard-snippet">WordPressでブログ運営をするために必要なレンタルサーバー。レンタルサーバーは、エックスサーバーがおすすめです。スピード、安定度、サポート、価格の安さ、WordPressの運用のしやすさなど、弱点のないレンタルサーバーです。</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 src="https://www.google.com/s2/favicons?domain=webnoneta.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">webnoneta.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2020.03.01</div></div></div></div></a>
</div>



<p>まずはサーバーパネルの「ホームページ」項目にある「.htaccess編集」をクリック。</p>



<figure class="wp-block-image size-large is-resized"><img src="https://webnoneta.com/wp-content/uploads/2020/04/webp03.png" alt=".htaccess編集" class="wp-image-1135" width="300" srcset="https://webnoneta.com/wp-content/uploads/2020/04/webp03.png 399w, https://webnoneta.com/wp-content/uploads/2020/04/webp03-300x257.png 300w" sizes="(max-width: 399px) 100vw, 399px" /></figure>



<p>.htaccess編集タブをクリックすると、ファイルの中身が表示されます。<br>ここに先程のソースをコピーして、貼り付けます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" width="553" height="267" src="https://webnoneta.com/wp-content/uploads/2020/04/webp04.png" alt=".htsccess編集" class="wp-image-1136" srcset="https://webnoneta.com/wp-content/uploads/2020/04/webp04.png 553w, https://webnoneta.com/wp-content/uploads/2020/04/webp04-300x145.png 300w" sizes="(max-width: 553px) 100vw, 553px" /><figcaption>赤枠の「.htsccess」タブをクリック</figcaption></figure>



<figure class="wp-block-image size-large"><img loading="lazy" width="952" height="480" src="https://webnoneta.com/wp-content/uploads/2020/04/webp05.png" alt="コピーする" class="wp-image-1137" srcset="https://webnoneta.com/wp-content/uploads/2020/04/webp05.png 952w, https://webnoneta.com/wp-content/uploads/2020/04/webp05-300x151.png 300w, https://webnoneta.com/wp-content/uploads/2020/04/webp05-768x387.png 768w" sizes="(max-width: 952px) 100vw, 952px" /><figcaption>EWWW Image Optimizerで設定した時のソースをコピーし、追記する。</figcaption></figure>



<p>はい、これで設定完了です。<br>ただし、まだ設定しただけなので、EWWW Image OptimizerでJPGやPNGをWebPに変換する作業が残っています。</p>



<h3><span id="toc5">EWWW Image OptimizerでWebPに画像変換</span></h3>



<p>WordPress管理画面でメディア＞一括最適化をクリックします。</p>



<figure class="wp-block-image size-large"><img loading="lazy" width="499" height="209" src="https://webnoneta.com/wp-content/uploads/2020/04/webp06.png" alt="一括最適化" class="wp-image-1139" srcset="https://webnoneta.com/wp-content/uploads/2020/04/webp06.png 499w, https://webnoneta.com/wp-content/uploads/2020/04/webp06-300x126.png 300w" sizes="(max-width: 499px) 100vw, 499px" /></figure>



<p>一括最適化画面で「再最適化を強制」にチェックを入れます。（下図の右側の赤枠のところ）。<br>そして「最適化されていない画像をスキャンする」をポチッと。</p>



<figure class="wp-block-image size-full"><img loading="lazy" width="1591" height="598" src="https://webnoneta.com/wp-content/uploads/2020/04/webp07.png" alt="最適化されていない画像をスキャンする" class="wp-image-1140" srcset="https://webnoneta.com/wp-content/uploads/2020/04/webp07.png 1591w, https://webnoneta.com/wp-content/uploads/2020/04/webp07-300x113.png 300w, https://webnoneta.com/wp-content/uploads/2020/04/webp07-1024x385.png 1024w, https://webnoneta.com/wp-content/uploads/2020/04/webp07-768x289.png 768w, https://webnoneta.com/wp-content/uploads/2020/04/webp07-1536x577.png 1536w" sizes="(max-width: 1591px) 100vw, 1591px" /></figure>



<p>「最適化を開始」ボタンを押すと、下図のように最適化が始まります。<br>下の画面では、3506個の画像を最適化してくれてます。</p>



<figure class="wp-block-image size-large"><img loading="lazy" width="1024" height="179" src="https://webnoneta.com/wp-content/uploads/2020/04/webp08-1024x179.png" alt="" class="wp-image-1141" srcset="https://webnoneta.com/wp-content/uploads/2020/04/webp08-1024x179.png 1024w, https://webnoneta.com/wp-content/uploads/2020/04/webp08-300x53.png 300w, https://webnoneta.com/wp-content/uploads/2020/04/webp08-768x135.png 768w, https://webnoneta.com/wp-content/uploads/2020/04/webp08-1536x269.png 1536w, https://webnoneta.com/wp-content/uploads/2020/04/webp08.png 1586w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>アップロードした画像よりもかなり多いのですが、WordPressの場合、1つの画像にサムネイル、中サイズ、大サイズという感じで複数の画像ファイルを生成するので、このように多くなってくるんですね。</p>



<p>ここはちょっと時間がかかるので、気長に待ちましょう。<br>僕の場合、3500個の画像ファイルをWebPに変換するのに、約30分かかりました。</p>



<p>WebP形式への変換が完了すると、EWWW Image Optimizerの設定画面に「WEBP」と表示されます。</p>



<figure class="wp-block-image size-large"><img loading="lazy" width="1024" height="186" src="https://webnoneta.com/wp-content/uploads/2020/04/webp09-1024x186.png" alt="" class="wp-image-1142" srcset="https://webnoneta.com/wp-content/uploads/2020/04/webp09-1024x186.png 1024w, https://webnoneta.com/wp-content/uploads/2020/04/webp09-300x55.png 300w, https://webnoneta.com/wp-content/uploads/2020/04/webp09-768x140.png 768w, https://webnoneta.com/wp-content/uploads/2020/04/webp09-1536x280.png 1536w, https://webnoneta.com/wp-content/uploads/2020/04/webp09.png 1593w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>メディアライブラリで確認すると、確かにWebPになっていて、どのくらい画像が軽量化したのかが分かります。</p>



<figure class="wp-block-image size-large"><img loading="lazy" width="1024" height="592" src="https://webnoneta.com/wp-content/uploads/2020/04/webp10-1024x592.png" alt="" class="wp-image-1143" srcset="https://webnoneta.com/wp-content/uploads/2020/04/webp10-1024x592.png 1024w, https://webnoneta.com/wp-content/uploads/2020/04/webp10-300x173.png 300w, https://webnoneta.com/wp-content/uploads/2020/04/webp10-768x444.png 768w, https://webnoneta.com/wp-content/uploads/2020/04/webp10.png 1206w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h2><span id="toc6">まとめ</span></h2>



<p>というわけで、画像をWebPに変換する方法でした。<br>WordPressの場合は、EWWW Image Optimizerプラグインを使えば簡単にWebPに変換して、画像を軽量化出来ます。</p>



<p>ちょっと面倒くさい.htaccessファイルの追記も、エックスサーバーなら管理画面で簡単に出来てしまいます。</p>



<p>Googleはサイト表示スピードを重視していて、検索順位の評価の一つにしているので、画像の軽量化はどんどんやっていくべきでしょう。<br>また、ユーザーにとっても画像がサクッと表示されるのはストレスがかからないので、満足度を上げる効果もあります。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://webnoneta.com/webp/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Webサイトの色の組み合わせを決める簡単な方法とは？</title>
		<link>https://webnoneta.com/color/</link>
					<comments>https://webnoneta.com/color/#respond</comments>
		
		<dc:creator><![CDATA[みっちー]]></dc:creator>
		<pubDate>Sat, 04 Apr 2020 12:15:20 +0000</pubDate>
				<category><![CDATA[Webサイト運営]]></category>
		<guid isPermaLink="false">https://webnoneta.com/?p=971</guid>

					<description><![CDATA[Webサイトやブログをデザインする時に一番悩むのが「色」です。こればっかりはセンスが必要になるんですよね。 そういう僕も、色センスのない一人。でも僕のような色センスゼロの人でも、おしゃれな色の組み合わせでWebサイトのデ [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>Webサイトやブログをデザインする時に一番悩むのが「色」です。<br>こればっかりはセンスが必要になるんですよね。</p>



<p>そういう僕も、色センスのない一人。<br>でも僕のような色センスゼロの人でも、おしゃれな色の組み合わせでWebサイトのデザインが出来る方法があります。</p>



<p>それは<strong><span class="marker-under">無料の「カラーパレットツール」を利用する方法。</span></strong><br>おしゃれな色の組み合わせを教えてくれるという、超便利なツールです。</p>



<p>カラーパレットツールはすごくたくさんあるんですが、その中で僕が「使いやすいな〜」と感じ、実際に今でもガシガシ使っているツールを２つ、紹介します。</p>




  <div id="toc" class="toc tnt-number toc-center tnt-number 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">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">Color Drop</a></li><li><a href="#toc2" tabindex="0">Adobe Color</a></li><li><a href="#toc3" tabindex="0">これでWebサイトの色の組み合わせに悩まなくても済む！</a></li><li><a href="#toc4" tabindex="0">サイトの種類や顧客（読者）によってキーカラーを設定しよう！</a></li></ol>
    </div>
  </div>

<h2><span id="toc1">Color Drop</span></h2>



<p>おしゃれな４色の組み合わせを提案してくれるサイトです。</p>



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

<a rel="noopener" target="_blank" href="https://colordrop.io/" title="Color Palette Generator - ColorDrop" 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 src="https://s0.wordpress.com/mshots/v1/https%3A%2F%2Fcolordrop.io%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">Color Palette Generator - ColorDrop</div><div class="blogcard-snippet external-blogcard-snippet">Browse thousands of beautiful colors palettes and generate your own with AI. 100% free, no login required.</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 src="https://www.google.com/s2/favicons?domain=colordrop.io" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">colordrop.io</div></div></div></div></a>

</div>



<p>サイトを見ているだけでもうっとりするほどキレイな配色を提案してくれています。<br>この配色をそっくり頂いてウェブデザインに活かせるという寸法です。</p>



<p>使い方は超簡単！<br>気に入った色の組み合わせをクリックすると、右側にカラーコードが出ます。<br>それをクリックするだけ。それだけでコードがコピーされるので、CSSにペーストすればおしまい！</p>



<figure class="wp-block-image size-full"><img loading="lazy" width="864" height="782" src="https://webnoneta.com/wp-content/uploads/2020/04/color03.png" alt="色コードをコピー" class="wp-image-974" srcset="https://webnoneta.com/wp-content/uploads/2020/04/color03.png 864w, https://webnoneta.com/wp-content/uploads/2020/04/color03-300x272.png 300w, https://webnoneta.com/wp-content/uploads/2020/04/color03-768x695.png 768w" sizes="(max-width: 864px) 100vw, 864px" /></figure>



<h2><span id="toc2">Adobe Color</span></h2>



<p>天下のAdobeが提供している無料のカラーパレットツールです。</p>



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

<a rel="noopener" target="_blank" href="https://color.adobe.com/ja/" title="カラーパレットとテーマ | Adobe Express​" 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 src="https://webnoneta.com/wp-content/uploads/cocoon-resources/blog-card-cache/4c1e9f04434be9214be180cf85fe5926.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">カラーパレットとテーマ | Adobe Express​</div><div class="blogcard-snippet external-blogcard-snippet">トレンドのカラーパレットを閲覧し、厳選された配色やテーマを見つけて、ブランディング、ソーシャルメディア、webなどのインスピレーションを得ましょう。</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 src="https://www.google.com/s2/favicons?domain=color.adobe.com" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">color.adobe.com</div></div></div></div></a>

</div>



<p>これも使い方は超簡単。<br>円のところにカラーホイールがあるので、そのうちの一つを動かすと、自動で他の色のホイールも動いてくれて、バランスの良い色の組み合わせを提案してくれます。</p>



<p>三角印のついているカラーホイールが、キーカラー（中心になるカラー）なので、それをドラッグして試行錯誤してくださいね。</p>



<figure class="wp-block-image size-full"><img loading="lazy" width="1191" height="765" src="https://webnoneta.com/wp-content/uploads/2020/04/color04.png" alt="色の組み合わせを提案してくれる" class="wp-image-976" srcset="https://webnoneta.com/wp-content/uploads/2020/04/color04.png 1191w, https://webnoneta.com/wp-content/uploads/2020/04/color04-300x193.png 300w, https://webnoneta.com/wp-content/uploads/2020/04/color04-1024x658.png 1024w, https://webnoneta.com/wp-content/uploads/2020/04/color04-768x493.png 768w" sizes="(max-width: 1191px) 100vw, 1191px" /></figure>



<p>カラーバーの下に色コードが表示されるので、それを選択してコピーできます。<br>コチラはクリックするだけでコピーはされませんが、特に問題なしです。</p>



<figure class="wp-block-image size-full"><img loading="lazy" width="1198" height="535" src="https://webnoneta.com/wp-content/uploads/2020/04/color06.png" alt="カラーコードをコピー" class="wp-image-981" srcset="https://webnoneta.com/wp-content/uploads/2020/04/color06.png 1198w, https://webnoneta.com/wp-content/uploads/2020/04/color06-300x134.png 300w, https://webnoneta.com/wp-content/uploads/2020/04/color06-1024x457.png 1024w, https://webnoneta.com/wp-content/uploads/2020/04/color06-768x343.png 768w" sizes="(max-width: 1198px) 100vw, 1198px" /></figure>



<p>さらにサイドバーには「カラーハーモニールール」なるものがあって、好みのメニューをクリックすると、類似色の組み合わせや補色の組み合わせなどを提案してくれるというスグレモノの機能まであります。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" src="https://webnoneta.com/wp-content/uploads/2020/04/color05.png" alt="カラーハーモニールール" class="wp-image-978" width="209" height="431" srcset="https://webnoneta.com/wp-content/uploads/2020/04/color05.png 278w, https://webnoneta.com/wp-content/uploads/2020/04/color05-145x300.png 145w" sizes="(max-width: 209px) 100vw, 209px" /></figure>



<h2><span id="toc3">これでWebサイトの色の組み合わせに悩まなくても済む！</span></h2>



<p>以上、２つのカラーパレットツールのご紹介でした。<br>他にもたくさんのツールがあるんですが、「10個も20個も紹介されても悩むだけだしな〜」と思ったので、僕が普段使いしている２つのツールを厳選しました。</p>



<p>実際、このツールを使うことで色の組み合わせに悩むことがなくなりました。<br>組み合わせだけじゃなくて、「ボタンの色どうしよう」とか、ちょっとしたことでも活用できます。</p>



<p>ただひとつ注意点が。<br>こればっかりを使っていると、他のサイトと似通った色の組み合わせになってしまうこともあるので、ちょっと注意が必要です。</p>



<h2><span id="toc4">サイトの種類や顧客（読者）によってキーカラーを設定しよう！</span></h2>



<p>キーカラーとは、デザインの中でキー（鍵）となる色のことで、サイトの基本色とも言えます。<strong><span class="marker-under">サイト全体の印象を決める、とても大切な色です。</span></strong></p>



<p>色にはそれぞれ、人がどう感じるかという心理的な効果があります。</p>



<p>例えばあなたのサイトが高級な家具を売っていて、顧客はセレブ層が多かったとします。<br>そんなサイトに、明るいオレンジをキーカラーにしたらどうでしょうか？<br>商品や顧客層にまったく合わないサイトになってしまいます。<br>明るいオレンジから連想されるのは、「活発」「カジュアル」「暖かさ」などですが、落ち着いた高級家具にはミスマッチです。</p>



<p>このように、商品や顧客層（男性が多いか、女性が多いか、年齢は高いか若いか、など）によってキーカラーを設定する必要があるんです。</p>



<p><strong>絶対にしてはいけないのが、「自分の好きな色はグリーンだから、Webサイトのキーカラーもグリーンにしよう！」と決めてしまうことです。</strong><br>そんな決め方をしてしまうと、Webサイトと商品や顧客層とミスマッチを起こしてしまいます。</p>



<p>僕が普段やっている、キーカラーを決めるのに簡単な方法は「寒色系か暖色系かを、まず最初に決める」ことです。</p>



<p>暖色系とは、赤、オレンジ、黄色などを指します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" width="1183" height="754" src="https://webnoneta.com/wp-content/uploads/2020/04/dansyokukei.png" alt="暖色系" class="wp-image-984" srcset="https://webnoneta.com/wp-content/uploads/2020/04/dansyokukei.png 1183w, https://webnoneta.com/wp-content/uploads/2020/04/dansyokukei-300x191.png 300w, https://webnoneta.com/wp-content/uploads/2020/04/dansyokukei-1024x653.png 1024w, https://webnoneta.com/wp-content/uploads/2020/04/dansyokukei-768x489.png 768w" sizes="(max-width: 1183px) 100vw, 1183px" /><figcaption>明るく活発なイメージの暖色系</figcaption></figure>



<p>対して寒色系は、青系の落ち着いた色をいいます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" width="1178" height="745" src="https://webnoneta.com/wp-content/uploads/2020/04/kansyokukei.png" alt="寒色系" class="wp-image-985" srcset="https://webnoneta.com/wp-content/uploads/2020/04/kansyokukei.png 1178w, https://webnoneta.com/wp-content/uploads/2020/04/kansyokukei-300x190.png 300w, https://webnoneta.com/wp-content/uploads/2020/04/kansyokukei-1024x648.png 1024w, https://webnoneta.com/wp-content/uploads/2020/04/kansyokukei-768x486.png 768w" sizes="(max-width: 1178px) 100vw, 1178px" /><figcaption>寒色系は、落ち着きや上品さ、信頼感をイメージさせる。</figcaption></figure>



<p>あなたのWebサイトで扱っているテーマや顧客層（読者層）に合うのは暖色系か寒色系かを考えて、色の系統を決めます。</p>



<p>例えば企業向けの商品を売っているサイトだと、落ち着きや信頼感を演出したいので、寒色系のほうが無難です。<br>個人向けの商品を売っている場合は、親しみを感じる明るいイメージが欲しいので、暖色系を選ぶケースが多いです。</p>



<p>こんな感じで、まずは暖色系か寒色系かを決めると、あとはその色系統の中で色の組み合わせを考えればいいというわけです。</p>



<p>というわけで、色の組み合わせを考える時に便利なツールと、キーカラーの考え方の説明でした。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://webnoneta.com/color/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>副業でネットショップを始めたい人へ。メリットとデメリットを紹介します。</title>
		<link>https://webnoneta.com/netshop-2/</link>
					<comments>https://webnoneta.com/netshop-2/#respond</comments>
		
		<dc:creator><![CDATA[みっちー]]></dc:creator>
		<pubDate>Wed, 01 Apr 2020 13:10:35 +0000</pubDate>
				<category><![CDATA[Webサイト運営]]></category>
		<guid isPermaLink="false">https://webnoneta.com/?p=933</guid>

					<description><![CDATA[副業OKの会社も増えてきて、収入源を複数確保するためにダブルワークを頑張る人が増えています。 そんな中、「個人の副業としてネットショップを始めたいな〜」と思っているあなた。僕は本業で複数のネットショップを運営しているので [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>副業OKの会社も増えてきて、収入源を複数確保するためにダブルワークを頑張る人が増えています。</p>



<p>そんな中、「個人の副業としてネットショップを始めたいな〜」と思っているあなた。<br><strong>僕は本業で複数のネットショップを運営しているので、その経験からネットショップを副業でやることのメリットとデメリットを解説します。</strong></p>



<p>副業で人気のアフィリエイトとの比較も交えながら書いていきますね。<br>では行ってみましょう！</p>




  <div id="toc" class="toc tnt-number toc-center tnt-number 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">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">副業でネットショップをする時のメリット</a><ol><li><a href="#toc2" tabindex="0">顧客リストが手に入る</a></li><li><a href="#toc3" tabindex="0">リピート注文で、安定的な収入につながる</a></li><li><a href="#toc4" tabindex="0">あなたのお店にファンが付く</a></li><li><a href="#toc5" tabindex="0">商品が売れることの喜びがある</a></li><li><a href="#toc6" tabindex="0">自分のお店に愛着が持てる</a></li></ol></li><li><a href="#toc7" tabindex="0">副業でネットショップをする時のデメリットは？</a><ol><li><a href="#toc8" tabindex="0">商品を自分で用意しないといけない</a></li><li><a href="#toc9" tabindex="0">在庫を抱えるリスクがある</a></li><li><a href="#toc10" tabindex="0">顧客からの問い合わせやクレーム対応が必要</a></li><li><a href="#toc11" tabindex="0">代金の回収をしなければいけない</a></li><li><a href="#toc12" tabindex="0">梱包や発送の手間がかかる</a></li><li><a href="#toc13" tabindex="0">顔出し、住所などを公開しないといけない</a></li></ol></li><li><a href="#toc14" tabindex="0">まとめ。副業でネットショップは、アリか？</a></li></ol>
    </div>
  </div>

<h2><span id="toc1">副業でネットショップをする時のメリット</span></h2>



<p>パソコンを使った副業には、アフィリエイトやせどりなんかがありますが、そんな中でネットショップを運営することはどんなメリットがあるのか、以下にまとめました。</p>



<div class="wp-block-cocoon-blocks-iconlist-box iconlist-box blank-box list-check-circle block-box has-background has-icon-color has-watery-blue-background-color has-deep-orange-icon-color waku2"><div class="iconlist-title">副業でネットショップをすることのメリット</div>
<ul><li>顧客リストが手に入る。</li><li>リピート注文で、安定的な収入につながる。</li><li>あなたのお店にファンが付く。</li><li>商品が売れることの喜びがある。</li><li>自分のお店に愛着が持てる。</li></ul>
</div>



<h3><span id="toc2">顧客リストが手に入る</span></h3>



<p>アフィリエイトとの一番の違いは、<strong>「顧客リストが手に入る」</strong>ことです。<br>アフィリエイトは、自分のサイトで何も販売せずに、広告主のサイトを紹介して、そこで売れたら紹介手数料をもらえるという仕組みです。</p>



<p>でもネットショップの場合は、自分のショップでお客様にものを売る仕事なので、顧客リストが手に入ります。</p>



<p>この顧客にメールやSNSなどで販促をしたり、コミュニケーションを図ることが出来るんですね。これが後で説明する「固定収入」「安定収入」に繋がります。</p>



<h3><span id="toc3">リピート注文で、安定的な収入につながる</span></h3>



<p>これもアフィリエイトとの大きな違いです。<br>一回買ってくれて気に入ってくれたら、そのお客様が何回もあなたのショップで買ってくれる可能性があります。</p>



<p>これがネットショップの一番のメリットと言えるでしょう。</p>



<p>リピート注文が増えると、ずっとSEOで必死になったり、広告にお金を注ぎ込まなくても、安定的な収入につなげることが出来るんですね。<br>顧客獲得コストが、どんどん下がっていきます。</p>



<p>固定客が増えれば増えるほど、リピート注文も増えてくるので、どんどん収入が安定的に増えることになります。</p>



<h3><span id="toc4">あなたのお店にファンが付く</span></h3>



<p>固定客が付き、リピート注文される仕組みが出来ると、あなたのお店にファンが付くようになります。<br>そうなるためには、対応や商品で満足度を高める必要があるのですが、ファンの人は、あなたが頼まなくても勝手にあなたのお店を宣伝してくれるようになります。</p>



<p>特にSNSでどんどんあなたのお店を宣伝してくれると、さらにお客様が増えるという好循環になってきます。</p>



<p>お金のことだけじゃなくて、<strong>ファンが増えれば増えるほど、ネットショップの運営にやりがいを感じることが出来ます。</strong><br>自分のやっている「商売」に誇りとやりがいを感じながら仕事ができるんです。</p>



<h3><span id="toc5">商品が売れることの喜びがある</span></h3>



<p>例えば、あなたの趣味が手作り財布を作ることで、趣味が高じてネットショップを始めたとします。</p>



<p>大好きな手作り財布をサイトにアップして、すごい熱量で詳しい説明をしたり、写真をたくさん載せたり。</p>



<p>そうした「思い」がこもった手作り財布が売れた時。<br>飛び上がるほどの嬉しさを感じることでしょう。</p>



<p>実際僕も、初めて作ったネットショップから商品が売れた時は、飛び上がって喜びました（笑）。</p>



<p>アフィリエイトの初報酬も、飛び上がるほど嬉しいものですが、ネットショップで売れた時のほうが、「実感」を持った嬉しさがあります。</p>



<p>あなたが作った商品が売れて、それを使ってくれて喜んでくれるお客がいるってのは、本当に嬉しいものです。</p>



<p>お金だけじゃない喜びを感じられるのも、ネットショップのメリットですね。</p>



<h3><span id="toc6">自分のお店に愛着が持てる</span></h3>



<p>今まで書いてきたように、商品が売れてお客様が喜んでくれて、リピート注文が増えて、ファンも増えてくると、自分のネットショップに愛着が持てるようになります。</p>



<p>これも実はアフィリエイトとの違いかもしれません。<br>アフィリエイトをしている人は、もちろん自分のサイトに愛着を持っている人も多いとは思いますが、中には「数撃ちゃ当たる」とばかりに、どんどんサイトを量産しては潰し、また量産しては潰し、ということを繰り返す人もいます。</p>



<p>そんなアフィリサイトだと、なかなか愛着を持つことって難しいですよね。<br>それに比べてネットショップの場合は、顧客とのコミュニケーションもできるし、実感を持って商売することができます。</p>



<h2><span id="toc7">副業でネットショップをする時のデメリットは？</span></h2>



<p>ここまで、副業でネットショップをやる時のメリットを書いてきましたが、もちろんデメリットもあります。<br>このデメリットは、あくまで「副業」としてネットショップをする時のものです。<br>実はこのデメリットのせいで、ネットショップ運営に二の足を踏む人が多いんです。</p>



<p>それは・・・</p>



<div class="wp-block-cocoon-blocks-iconlist-box iconlist-box blank-box list-check-circle block-box has-background has-icon-color has-watery-blue-background-color has-deep-orange-icon-color waku2"><div class="iconlist-title">副業でネットショップをする時のデメリット</div>
<ul><li>商品を自分で用意しないといけない。</li><li>商品によっては、在庫を抱えるリスクがある。</li><li>顧客からの問い合わせやクレーム対応が必要。</li><li>代金の回収をしなければいけない。</li><li>梱包や発送の手間がかかる。</li><li>顔出し、住所などを公開する必要がある。</li></ul>
</div>



<p>などです。</p>



<h3><span id="toc8">商品を自分で用意しないといけない</span></h3>



<p>当たり前のことですが、商品がないとネットショップは出来ません。<br>自分で作るか、仕入れてくるかなんですが、とにかく商品が必要です。<br>個人のネットショップで多いのが、手作り雑貨や洋服などですね。</p>



<p>このあたりは、自分で商品を用意する必要がないアフィリエイトと比べて、敷居が高いところです。</p>



<p>でも自分で作った商品や頑張って仕入れた商品が売れた時の嬉しさは、アフィリエイトの比じゃないです。<br>お客様が「良かったよ」と喜んでくれると、なおさらですね。</p>



<p>商品を用意するのは大変でも、その苦労に見合うだけの喜びがあるのも、また事実です。</p>



<h3><span id="toc9">在庫を抱えるリスクがある</span></h3>



<p>受注してから仕入れたり、作る場合はリスクが少ないですが、そうじゃない場合は在庫を抱えないといけません。</p>



<p>当然、先にお金が必要になるし、売れないと大赤字になってしまいます。<br>また、在庫の置き場も悩む点です。</p>



<p>副業でやるということは、事務所や倉庫がなく、自宅が在庫置き場になってしまうと思います。<br>自分だけならまだ良いのですが、家族に迷惑をかけないように、しっかり話をして場所を確保する必要があります。</p>



<h3><span id="toc10">顧客からの問い合わせやクレーム対応が必要</span></h3>



<p>お客様がいるということは、問い合わせやクレームがあるということです。<br>電話受付をしない場合でも、メールでの受付は必須です。</p>



<p>昼間本業をしていると、お客様からのメールに対応出来ない時も考えられます。<br>そのせいで、注文を逃してしまうことも。<br>クレームの場合は、素早く対応することが鉄則なんですが、対応が遅れるとますますお客様が怒ってしまうこともあります。</p>



<p>副業で１人でネットショップをやっていて、一番大変なのが顧客対応です。</p>



<h3><span id="toc11">代金の回収をしなければいけない</span></h3>



<p>ものを売るということは、お金をどうやって頂くかを考える必要もあるってことです。<br>例えば銀行振込を支払い方法にしてしまうと、入金チェックまで全て自分でしないといけないから、かなり大変です。</p>



<p>個人が副業でネットショップをする場合は、クレジット決済のみにしておくほうが無難です。<br>いちいち注文のたびに振り込みチェックをしなくても良いし、個人の副業でもクレジット決済はできますので。</p>



<p>個人でネットショップ運営をする人に人気の、<a rel="nofollow noopener" target="_blank" data-atag-id="7" data-post-id="933" href="https://px.a8.net/svt/ejp?a8mat=3BBAMG+DRYHKY+2QQG+62ENM">BASE</a>
<img border="0" width="1" height="1" src="https://www12.a8.net/0.gif?a8mat=3BBAMG+DRYHKY+2QQG+62ENM" alt="">というサービスがありますが、ここの「BASE簡単決済」を使うとクレジット決済やコンビニ決済、後払いなど、色んな決済方法に対応できますよ。</p>



<h3><span id="toc12">梱包や発送の手間がかかる</span></h3>



<p>これも商品を売る以上は、避けて通れない作業です。<br>売れたらキレイに包装して、宅配便などで発送しないといけません。</p>



<p>昼間に本業を持っていると、梱包や発送業務は帰宅後の夜になります。<br>これが結構大変な作業なんですね。<br>注文が多くなることは嬉しいことなんですが、同時に発送作業も増えるということです。</p>



<h3><span id="toc13">顔出し、住所などを公開しないといけない</span></h3>



<p>副業でネットショップをやる時に、一番心配なのが「顔出し」かもしれません。<br>副業OKの会社なら、堂々と公開できるんですが、副業禁止の会社でこっそり副業をしようと思っている人は、ネットショップはやるべきではないですね。</p>



<p>顔だけじゃなくて、住所や電話番号も公開しないといけません。<br>自宅を事務所にする人がほとんどだと思いますので、自宅住所を公開するのに抵抗感がある人も多いんじゃないでしょうか。</p>



<h2><span id="toc14">まとめ。副業でネットショップは、アリか？</span></h2>



<figure class="wp-block-image size-full"><img loading="lazy" width="1500" height="930" src="https://webnoneta.com/wp-content/uploads/2020/04/netshop-unei.jpg" alt="ネットショップ運営" class="wp-image-968" srcset="https://webnoneta.com/wp-content/uploads/2020/04/netshop-unei.jpg 1500w, https://webnoneta.com/wp-content/uploads/2020/04/netshop-unei-300x186.jpg 300w, https://webnoneta.com/wp-content/uploads/2020/04/netshop-unei-1024x635.jpg 1024w, https://webnoneta.com/wp-content/uploads/2020/04/netshop-unei-768x476.jpg 768w" sizes="(max-width: 1500px) 100vw, 1500px" /></figure>



<p>ここまで書いてきたように、ネットショップの運営にはメリットもデメリットもあります。<br>面白いことに、このメリット・デメリットはアフィリエイトとは間逆なんですね。</p>



<p>アフィリは、商品も在庫も、代金回収も梱包も、顧客対応も、顔出しも必要ありません。その点では副業として理想的だと言えます。</p>



<p>でもその反面、お客様が誰なのかも分からないし、固定客もないし、リピート客もないです。顧客リストもないので、収入の安定度で言えば、ネットショップのほうが安定しています。</p>



<p>アフィリの場合は、常に新規で集客して、せっせと広告主のサイトに新規客を連れて行かないといけません。<br>それだけじゃなく、せっかく苦労して広告主のサイトを紹介しても、広告主のWebサイトで売れなかったら、手数料も入ってきません。</p>



<p>だから、アフィリエイトの収入というのは、SEOだったり、広告で常に集客しないと安定しないんですね。ずっと新規客だけを追いかけるのって、大変なんです。</p>



<p>その点、ネットショップの場合は固定客やリピート客、ファンが増えるに従ってSEOや広告に頼らなくても、収入が安定するという大きなメリットがあります。</p>



<p>なんといっても、<span class="marker-under"><strong>顧客リストが手に入るというのは、商売をする上で一番のメリットです。</strong></span></p>



<p>売る商品があって、メール対応や梱包、発送も頑張れて、顔出しOKの人なら、ネットショップを副業でやるのは、アリだと思いますよ。<br>そのショップが安定収入につながって、本業になってしまうこともありますし。</p>



<p>ただし、本気で続ける覚悟がないと、お客様に迷惑をかけることになるので、「本気でやる！」という決意と継続が必要になると思います。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://webnoneta.com/netshop-2/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>JPGやPING画像をAIが圧縮してくれる！画像圧縮ACはスゴイぞ！！</title>
		<link>https://webnoneta.com/gazou-assyuku/</link>
					<comments>https://webnoneta.com/gazou-assyuku/#respond</comments>
		
		<dc:creator><![CDATA[みっちー]]></dc:creator>
		<pubDate>Sat, 14 Mar 2020 10:41:00 +0000</pubDate>
				<category><![CDATA[Webサイト運営]]></category>
		<guid isPermaLink="false">https://webnoneta.com/?p=441</guid>

					<description><![CDATA[ページの表示スピードを上げるために、画像を圧縮して容量を小さくすることは、とても大切です。 僕もできるだけ画像の容量を小さくすることに苦心しているのですが、今回すごい無料サービスに出会ったので、紹介します。 それが、「画 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>ページの表示スピードを上げるために、画像を圧縮して容量を小さくすることは、とても大切です。</p>



<p>僕もできるだけ画像の容量を小さくすることに苦心しているのですが、今回すごい無料サービスに出会ったので、紹介します。</p>



<p>それが、<span class="bold-red">「</span><span class="bold-red">画像</span><span class="bold-red">圧縮AC」</span>です。<br>フリー写真素材の「写真AC」さんがリリースした新しいサービスで、無料でJPG画像とPING画像を圧縮してくれるサービスです。</p>




  <div id="toc" class="toc tnt-number toc-center tnt-number 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">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">さっそく画像圧縮AIを試してみた。コレはスゴイぞ！驚異の圧縮率！</a></li><li><a href="#toc2" tabindex="0">肝心の画質は？圧縮前と圧縮後で比べてみた。</a></li><li><a href="#toc3" tabindex="0">画像圧縮ACが、なぜ高画質のまま圧縮できるのか？</a></li><li><a href="#toc4" tabindex="0">まとめ</a></li></ol>
    </div>
  </div>

<h2><span id="toc1">さっそく画像圧縮AIを試してみた。コレはスゴイぞ！驚異の圧縮率！</span></h2>



<p>マジで驚異の圧縮率です。コレが無料で使えるとはスゴイ。<br>ということで、早速画像を圧縮してみましょう。このサイトが、「画像圧縮AI」です↓。</p>



<a rel="noopener" target="_blank" href="https://compressor-ac.net/" title="&#30011;&#20687;&#22311;&#32302;AC&#65372;AI&#65288;&#20154;&#24037;&#30693;&#33021;&#65289;&#12364;&#28961;&#26009;&#12391;&#30011;&#20687;&#12434;&#22311;&#32302;&#12375;&#12414;&#12377;&#65281;" 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 src="https://s0.wordpress.com/mshots/v1/https%3A%2F%2Fcompressor-ac.net%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">&#30011;&#20687;&#22311;&#32302;AC&#65372;AI&#65288;&#20154;&#24037;&#30693;&#33021;&#65289;&#12364;&#28961;&#26009;&#12391;&#30011;&#20687;&#12434;&#22311;&#32302;&#12375;&#12414;&#12377;&#65281;</div><div class="blogcard-snippet external-blogcard-snippet">画像圧縮ACに、JPG、PNGのファイルをアップロードすれば、画質を保ったまま、瞬時にファイルサイズを縮小します。同時に25点まで画像を無料で圧縮することができます。</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 src="https://www.google.com/s2/favicons?domain=compressor-ac.net" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">compressor-ac.net</div></div></div></div></a>



<p>使い方は簡単すぎます。画像圧縮AIの画面（下の図）に、画像をドラッグするだけ。</p>



<figure class="wp-block-image size-full"><img loading="lazy" width="1196" height="521" src="https://webnoneta.com/wp-content/uploads/2020/03/gazouassyukuai.png" alt="画像圧縮AIの画面" class="wp-image-447" srcset="https://webnoneta.com/wp-content/uploads/2020/03/gazouassyukuai.png 1196w, https://webnoneta.com/wp-content/uploads/2020/03/gazouassyukuai-300x131.png 300w, https://webnoneta.com/wp-content/uploads/2020/03/gazouassyukuai-1024x446.png 1024w, https://webnoneta.com/wp-content/uploads/2020/03/gazouassyukuai-768x335.png 768w" sizes="(max-width: 1196px) 100vw, 1196px" /></figure>



<p>試しに、フリー素材の<a rel="noopener" target="_blank" aria-label="ぱくたそ (opens in a new tab)" href="https://www.pakutaso.com/">ぱくたそ</a>からダウンロードした、この猫ちゃんの写真を圧縮してみましょう。ちなみに12.4MBの画像です。</p>



<figure class="wp-block-image size-full"><img loading="lazy" width="1500" height="850" src="https://webnoneta.com/wp-content/uploads/2020/03/nekotyan.jpg" alt="圧縮前の画像" class="wp-image-448" srcset="https://webnoneta.com/wp-content/uploads/2020/03/nekotyan.jpg 1500w, https://webnoneta.com/wp-content/uploads/2020/03/nekotyan-300x170.jpg 300w, https://webnoneta.com/wp-content/uploads/2020/03/nekotyan-1024x580.jpg 1024w, https://webnoneta.com/wp-content/uploads/2020/03/nekotyan-768x435.jpg 768w, https://webnoneta.com/wp-content/uploads/2020/03/nekotyan-240x135.jpg 240w, https://webnoneta.com/wp-content/uploads/2020/03/nekotyan-320x180.jpg 320w" sizes="(max-width: 1500px) 100vw, 1500px" /><figcaption>12.4MBの元画像。果たしてどのくらい圧縮してくれるのか？</figcaption></figure>



<p>この画像を「画像圧縮AI」の画面にドラッグすると・・・</p>



<figure class="wp-block-image size-full waku"><img loading="lazy" width="858" height="140" src="https://webnoneta.com/wp-content/uploads/2020/03/01sinkou.png" alt="画像圧縮中" class="wp-image-449" srcset="https://webnoneta.com/wp-content/uploads/2020/03/01sinkou.png 858w, https://webnoneta.com/wp-content/uploads/2020/03/01sinkou-300x49.png 300w, https://webnoneta.com/wp-content/uploads/2020/03/01sinkou-768x125.png 768w" sizes="(max-width: 858px) 100vw, 858px" /></figure>



<figure class="wp-block-image size-full waku"><img loading="lazy" width="1342" height="399" src="https://webnoneta.com/wp-content/uploads/2020/03/02kekka.png" alt="圧縮完了" class="wp-image-450" srcset="https://webnoneta.com/wp-content/uploads/2020/03/02kekka.png 1342w, https://webnoneta.com/wp-content/uploads/2020/03/02kekka-300x89.png 300w, https://webnoneta.com/wp-content/uploads/2020/03/02kekka-1024x304.png 1024w, https://webnoneta.com/wp-content/uploads/2020/03/02kekka-768x228.png 768w" sizes="(max-width: 1342px) 100vw, 1342px" /></figure>



<p>圧縮完了！<br><span class="fz-20px"><span class="bold-red">なんと、12.4MBの画像が2MBになってしまいました！</span></span><br>圧縮率は驚異の84％です。コレはスゴイ。</p>



<figure class="wp-block-image size-full waku"><img loading="lazy" width="868" height="269" src="https://webnoneta.com/wp-content/uploads/2020/03/03hikaku.png" alt="圧縮されたファイル" class="wp-image-451" srcset="https://webnoneta.com/wp-content/uploads/2020/03/03hikaku.png 868w, https://webnoneta.com/wp-content/uploads/2020/03/03hikaku-300x93.png 300w, https://webnoneta.com/wp-content/uploads/2020/03/03hikaku-768x238.png 768w" sizes="(max-width: 868px) 100vw, 868px" /></figure>



<h2><span id="toc2">肝心の画質は？圧縮前と圧縮後で比べてみた。</span></h2>



<p>いくら圧縮率がすごくても、画質が落ちたら意味がないです。<br>肝心の画質はどうなんでしょうか？</p>



<figure class="wp-block-gallery columns-2 is-cropped"><ul class="blocks-gallery-grid"><li class="blocks-gallery-item"><figure><img loading="lazy" width="1024" height="786" src="https://webnoneta.com/wp-content/uploads/2020/03/assyukumae-1024x786.jpg" alt="" data-id="455" data-full-url="https://webnoneta.com/wp-content/uploads/2020/03/assyukumae.jpg" data-link="https://webnoneta.com/?attachment_id=455" class="wp-image-455" srcset="https://webnoneta.com/wp-content/uploads/2020/03/assyukumae-1024x786.jpg 1024w, https://webnoneta.com/wp-content/uploads/2020/03/assyukumae-300x230.jpg 300w, https://webnoneta.com/wp-content/uploads/2020/03/assyukumae-768x590.jpg 768w, https://webnoneta.com/wp-content/uploads/2020/03/assyukumae.jpg 1120w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="blocks-gallery-item__caption"><strong>圧縮前</strong>（12.4MB）</figcaption></figure></li><li class="blocks-gallery-item"><figure><img loading="lazy" width="1024" height="787" src="https://webnoneta.com/wp-content/uploads/2020/03/assyukugo-1024x787.jpg" alt="" data-id="456" data-full-url="https://webnoneta.com/wp-content/uploads/2020/03/assyukugo.jpg" data-link="https://webnoneta.com/?attachment_id=456" class="wp-image-456" srcset="https://webnoneta.com/wp-content/uploads/2020/03/assyukugo-1024x787.jpg 1024w, https://webnoneta.com/wp-content/uploads/2020/03/assyukugo-300x231.jpg 300w, https://webnoneta.com/wp-content/uploads/2020/03/assyukugo-768x591.jpg 768w, https://webnoneta.com/wp-content/uploads/2020/03/assyukugo.jpg 1121w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="blocks-gallery-item__caption"><strong>圧縮後</strong>（２MB）</figcaption></figure></li></ul></figure>



<p>左が圧縮前、右が圧縮後です。<br>僕の目では、違いはほぼ分かりませんでした。このくらい画質に違いがないなら、全然問題ないでしょう。</p>



<h2><span id="toc3">画像圧縮ACが、なぜ高画質のまま圧縮できるのか？</span></h2>



<p>画質を落とさずに驚異の圧縮率を実現した「画像圧縮AC」。いや〜スゴイです。<br>画像圧縮には、AIの力が働いているようで、画像圧縮ACのWebサイトには、</p>



<blockquote class="wp-block-quote"><p>画像圧縮ACに用いられる画像圧縮AIの学習モデルは、まず畳み込みニューラルネットワークを用いて画像をエンコード（圧縮）します。その結果を画像の重要度マップ（画像の中で知覚的な重要度の分布を示すもの）として利用します。エントロピー（データが持つ平均情報量）の計算に条件付き確率モデルを採用し、画像の重要な領域は情報量を多く残し、そうでない部分は情報量を少なく圧縮するように学習を行います。</p><p>こうして学習された画像圧縮AIは、JPGファイルの画質を維持しながら、ファイル容量を非常に小さくすることが可能です。</p><cite><a rel="noopener" target="_blank" href="https://compressor-ac.net/">https://compressor-ac.net/</a></cite></blockquote>



<p>とあります。<br>なんだか難しすぎてよく分かりませんが、とにかく画像圧縮の世界にも、AI（人工知能）が活躍するようになってきた、ということでしょう。</p>



<p>ちなみに、AIで圧縮してくれるのはJPEG画像のみで、PNG画像は、Median Cut Algorithms（メディアンカット法・メディアンカットアルゴリズム）という方法で圧縮するそうです。</p>



<p>画像データは10分たつと画像圧縮ACから完全消去するそうなので、セキュリティ上も安心です。</p>



<h2><span id="toc4">まとめ</span></h2>



<p>Webサイトの表示スピードを上げることは、とても大切です。<br>サイトを見た時に、表示スピードが遅いとイライラするし、ブラウザを閉じたくなりますよね。</p>



<p>スピードを上げるためには、サーバーを高速なものにしたり、サイト構造を改善したり、色んな方法がありますが、一番は「画像を軽くすること」です。</p>



<p>画質は落とさずに、できるだけ画像を軽くすることが、ユーザーに心地よくWebサイトを見てもらうことにつながるし、Googleも表示スピードを重視しています。</p>



<p>今回紹介した「画像圧縮AC」は、ドラッグするだけで簡単に画像を圧縮してくれて、とても便利です。しかも圧縮率は、僕が今までいろんな圧縮サービスのサイトを試してきた中で、群を抜いてすごいです。</p>



<p>ブログの表示スピードを少しでも速くしたい人に、おすすめです。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://webnoneta.com/gazou-assyuku/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>ブログテーマの決め方。ブログ運営を長続きするためのコツとは？</title>
		<link>https://webnoneta.com/blog-theme/</link>
					<comments>https://webnoneta.com/blog-theme/#respond</comments>
		
		<dc:creator><![CDATA[みっちー]]></dc:creator>
		<pubDate>Sat, 14 Mar 2020 03:48:17 +0000</pubDate>
				<category><![CDATA[Webサイト運営]]></category>
		<guid isPermaLink="false">https://webnoneta.com/?p=411</guid>

					<description><![CDATA[僕は今まで、たくさんのブログを作り、たくさんのブログを潰してきました。 個人でブログを初めたのが2007年12月。かなり前ですね。 当時はWordPressじゃなくて、MovableType（ムーバブルタイプ）を使ってい [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>僕は今まで、たくさんのブログを作り、たくさんのブログを潰してきました。</p>
<p>個人でブログを初めたのが2007年12月。かなり前ですね。<br />
当時はWordPressじゃなくて、MovableType（ムーバブルタイプ）を使っていて、アフィリエイトブログを中心に数多くのブログを作りました。</p>
<p>今回、そんな僕の経験を踏まえて、「ブログテーマの決め方」を解説したいと思います。</p>
<div class="question-box common-icon-box">
<ul>
<li>初めてブログを作るんだけど、何をテーマにして良いのか分からない。</li>
<li>今までブログが長続きしなかった。</li>
<li>特化ブログか雑記ブログか、どちらでブログを作るか悩んでいる。</li>
<li>ブログを書くのが苦痛で仕方がない。</li>
</ul>
</div>
<p>という人のために書きます。<br />
どちらかというと、<span class="bold red">「稼ぐためのブログテーマ」じゃなくて、「楽しく続けるためのブログテーマ」の決め方のお話です。</span></p>

  <div id="toc" class="toc tnt-number toc-center tnt-number 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">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">今までの僕の失敗例。ブログが苦痛でしかなかったあの頃。</a></li><li><a href="#toc2" tabindex="0">何も見なくても書けるテーマにする。</a></li><li><a href="#toc3" tabindex="0">一次情報を書けるテーマを選ぶべし！</a></li><li><a href="#toc4" tabindex="0">詳しいことと好きなことは違う。好きなことをテーマにすべし。</a></li><li><a href="#toc5" tabindex="0">興味がないけど儲かるジャンルでブログを作るべき？</a></li><li><a href="#toc6" tabindex="0">特化ブログと雑記ブログ。どっちを運営すべき？</a></li><li><a href="#toc7" tabindex="0">結論！ブログテーマはこう決めろ！</a></li></ol>
    </div>
  </div>

<h2><span id="toc1">今までの僕の失敗例。ブログが苦痛でしかなかったあの頃。</span></h2>
<p>2007年に初めてブログを作ってから今まで。どちらかと言うと、失敗したことのほうが多かったです。</p>
<p><strong>失敗ということは、端的に言うと「続かなかった」ということです。</strong></p>
<p>「アフィリエイトは稼げる！」ということで、一生懸命ブログ作りに励んだ時代がありましたが、今から振り返ってみると「ブログって楽しいな♪」と思ったことはなく、ひたすらブログの量産とリライトの日々。</p>
<p>その当時は、ブログというのは稼ぐための手段であり、自分の書きたいことや得意な分野とか関係なくブログを量産していました。正直言って、辛い作業でしたね。</p>
<p>そこそこ稼げていたので、それがモチベーションになってたのですが、いつの間にかブログの更新が滞って、最後には放置するという悪循環に陥りました。</p>
<p>僕の場合、稼げるという理由だけで続けられるほど、意志が強くなかったです（泣）。</p>
<p>そこで得た教訓は、<strong>「ブログを長く続けるには、自分が興味がある分野で書くのが一番！」</strong>ということでした。</p>
<h2><span id="toc2">何も見なくても書けるテーマにする。</span></h2>
<p><a href="https://webnoneta.com/wp-content/uploads/2020/03/kaku.jpg"><img loading="lazy" class="alignnone size-full wp-image-438" src="https://webnoneta.com/wp-content/uploads/2020/03/kaku.jpg" alt="ドンドン書ける" width="1500" height="1000" srcset="https://webnoneta.com/wp-content/uploads/2020/03/kaku.jpg 1500w, https://webnoneta.com/wp-content/uploads/2020/03/kaku-300x200.jpg 300w, https://webnoneta.com/wp-content/uploads/2020/03/kaku-1024x683.jpg 1024w, https://webnoneta.com/wp-content/uploads/2020/03/kaku-768x512.jpg 768w" sizes="(max-width: 1500px) 100vw, 1500px" /></a></p>
<p>僕の苦い経験から得た教訓は、<strong>「自分の興味のあることをテーマにする」</strong>ということです。</p>
<p>自分の得意なことや興味があること。<br />
そして大切なのは、<strong><span class="marker-under">「何も見なくても書けるテーマにする」</span></strong>ということです。</p>
<p>稼げるからというだけの理由で、自分が全く興味のないブログテーマを選んでしまうと、一から勉強して、体験する必要があります。<br />
それって、かなりの忍耐力が要りますし、モチベーションを維持するのが大変です。</p>
<p>専門書や雑誌などを片手に勉強しながら、自分が経験してないことを書かなくちゃいけないのです。<br />
自分の熱い思いや実体験に基づく話を書けずに、誰かが書いた情報の二番煎じでしかなくなるということです。</p>
<p>ついつい、専門書をリライトするだけの作業になりがちになるし、書いててちっとも楽しくありません。<br />
自分が楽しくないブログが、読者の心に刺さるわけないし、役立つブログになるわけがないですよね。</p>
<p>そもそも、そんなブログは他のブログと似通った内容になってしまうし、特色のない面白みのないブログになってしまいます。</p>
<p>それより、<strong>自分が興味のある分野で、自分の体験を交えながらブログを書くほうが、絶対楽しいし、誰かの役に立つはずです。</strong></p>
<p>自分が興味があったり、得意で大好きなジャンルをテーマにすると、専門書や雑誌などを見なくても、ドンドン筆が進みます。<br />
だって、自分の頭にある情報を書いていけば良いだけなので。自分の熱い思いや体験談を面白おかしく書くことだって出来ます。</p>
<p>そうすると、他の誰のブログにも似ていない、あなただけの魅力あるブログになるというわけです。</p>
<p><span class="marker-under"><strong>何も見なくても、楽しんで書けるテーマにしましょう！</strong></span></p>
<h2><span id="toc3">一次情報を書けるテーマを選ぶべし！</span></h2>
<p><a href="https://webnoneta.com/wp-content/uploads/2020/03/taiken.jpg"><img loading="lazy" class="alignnone size-full wp-image-439" src="https://webnoneta.com/wp-content/uploads/2020/03/taiken.jpg" alt="一次情報" width="1500" height="1000" srcset="https://webnoneta.com/wp-content/uploads/2020/03/taiken.jpg 1500w, https://webnoneta.com/wp-content/uploads/2020/03/taiken-300x200.jpg 300w, https://webnoneta.com/wp-content/uploads/2020/03/taiken-1024x683.jpg 1024w, https://webnoneta.com/wp-content/uploads/2020/03/taiken-768x512.jpg 768w" sizes="(max-width: 1500px) 100vw, 1500px" /></a></p>
<p>僕は、<strong><span class="marker-under">これからGoogleに評価されるブログは、「一次情報が書かれた、かつ人の役に立つ情報が書かれているブログ」だと思っています。</span></strong></p>
<p>一次情報ということは、あなただけの経験や知識に基づいて書かれた情報ということです。</p>
<p>専門書や参考書に書かれているのと同じ内容を、書き方を変えて書いたり、他のブログに書かれていることをリライトするというのは、「二次情報」です。</p>
<p>二次情報は、そこら中に溢れかえっていますよね。<br />
確かに、自分が経験していないことでも、参考書や専門書を読んで勉強すれば、ブログは書けます。でも、その勉強したことを実際に体験して、自分のものにして・・・<br />
となると、かなりの時間が必要になるし、そもそも興味のない分野なので、長続きしません。</p>
<p>となると、手っ取り早く誰かの一次情報をサクッとコピーしてきて、それを自分の言葉で言い換えて書いてしまう。<br />
こうして、どこかで見たような、同じような内容のブログが溢れかえるわけです。</p>
<p>そうじゃなくて、自分の知識や体験に基づいた、あなただけしか書けないことを書く。<br />
誰かと同じテーマであっても、体験したことや思ったことは人とは違うはずです。<br />
あなたの体験は、あなただけが発信できる一次情報です。</p>
<p>そんなあなただけの情報は、きっと誰かの役に立ちます。これは断言できます。</p>
<p>他の何にも似ていない、あなただけの一次情報が発信できるブログテーマを選んでください。</p>
<h2><span id="toc4">詳しいことと好きなことは違う。好きなことをテーマにすべし。</span></h2>
<p>一次情報が発信できるほど、あなたは何かの分野に詳しかったとします。<br />
例えば、仕事で家具を作っていて、家具のことなら人に負けない知識を持っている。</p>
<p>家具に関する本を見なくても、今まで勉強してきたことや体験したことをドンドン書けます。</p>
<p>でも、その家具を作る仕事が、実はそんなに好きでない場合は、ブログのテーマにすべきじゃないと、僕は思います。</p>
<div class="speech-wrap sb-id-15 sbs-stn sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img class="speech-icon-image" src="https://webnoneta.com/wp-content/uploads/2020/03/men.png" alt="" /></figure>
</div>
<div class="speech-balloon">
<p>仕事でそのジャンルに詳しいんだけど、仕事でやっているだけで好きなわけじゃない・・・</p>
</div>
</div>
<p>という人、案外多いと思います。</p>
<p>好きでもないのに、詳しいと言うだけでブログのテーマにすると、長続きしません。<br />
だって、書いてて楽しくないからね。</p>
<p>詳しいことと好きなことは違います。</p>
<div class="speech-wrap sb-id-16 sbs-line sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img class="speech-icon-image" src="https://webnoneta.com/wp-content/uploads/2020/03/nikoniko.png" alt="" /></figure>
</div>
<div class="speech-balloon">
<p>仕事で家具を作っていて詳しいんだけど、そんなに好きじゃないし、思い入れもない。<br />
でも、プライベートでは車が大好きで、日曜になるとずっと車をいじってる。</p>
</div>
<p>&nbsp;</p>
</div>
<p>という人は、車の話題でブログを作るべきです。<br />
いくら詳しいテーマででも、書いてて楽しくなければ続かないですから。</p>
<h2><span id="toc5">興味がないけど儲かるジャンルでブログを作るべき？</span></h2>
<p>ブログテーマを決めようと、色んなサイトやブログを見て回った時、こんなテーマを勧められたことないですか？</p>
<div class="info-box">
<ul>
<li>車買取</li>
<li>脱毛</li>
<li>増毛</li>
<li>引っ越し</li>
<li>転職</li>
<li>男女の悩み（婚活、出会い系など）</li>
<li>ダイエット</li>
<li>・・・・</li>
</ul>
</div>
<p>これらは、アフィリエイト案件が多く、報酬単価も高いので一般的に「稼げる」テーマと言われています。</p>
<p>でもこれらのテーマはすでに先行者が多くいて、生半可なブログでは勝てないジャンルです。<br />
もちろん、あなたがこれらのジャンルについて誰よりも詳しく、一次情報としてオリジナルな経験を伝えられるなら、テーマに決めてもOKです。</p>
<p>でも、上でも書きましたが、書いてて楽しくなければダメです。<br />
長続きしません。</p>
<p>ということで、<strong>興味がないけど「儲かる」ジャンルでブログを作るのは、僕はあまり賛成しません。</strong></p>
<p>そもそも、興味がなくて知識がないジャンルだと、「参考書」が必要になるし、自分の体験として語れないので、面白みのないブログになってしまいがちなので。</p>
<h2><span id="toc6">特化ブログと雑記ブログ。どっちを運営すべき？</span></h2>
<div class="speech-wrap sb-id-13 sbs-line sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img class="speech-icon-image" src="https://webnoneta.com/wp-content/uploads/2020/02/question.png" alt="" /></figure>
</div>
<div class="speech-balloon">
<p>特化ブログと雑記ブログ、どちらで運営したらいいんだろ？</p>
</div>
</div>
<p>という悩みをよく聞きます。</p>
<div class="information-box common-icon-box"><strong>特化ブログ：</strong>一つのテーマやジャンルに絞ったブログ<br />
<strong>雑記ブログ：</strong>ジャンルにこだわらずに、自分の興味のあることを書いているブログ</div>
<p>僕の意見とすれば、「特化ブログ」のほうが、読者に役立つ情報を深く届けられるんじゃないかと思います。<br />
テーマを1つに絞ると、そのテーマで悩みを持っている人や、深く知りたいという人に役立つブログになるし、ページビューも増えます。</p>
<p>ただデメリットとして、「書くネタが無くなってしまう」危険性があります。<br />
だから、<span class="marker-under"><strong>テーマを狭めすぎずに、大きなジャンルでブログを作るほうが、長続きしやすいです。</strong></span></p>
<p>例えば、「iPhoneの情報ブログ」よりも、「スマホの情報ブログ」にするとか。<br />
そうすると、iPhoneのことも書けるし、アンドロイドスマホのことも書けます。<br />
読者層は、ガジェット好きの人と設定すれば、書くネタが広がります。</p>
<p>テーマを決めるのと同時に、「どんな読者層に読んでほしいか？」というペルソナ設定をすることも大切です。<br />
上の例で言うと、ガジェット好きの人を読者層にするなら、iPhoneやスマホだけじゃなくて、スマートウォッチやデジタル家電の話題も書けます。</p>
<h2><span id="toc7">結論！ブログテーマはこう決めろ！</span></h2>
<p>さて、色々書いてきましたが結論を。</p>
<p>長続きするブログテーマの決め方は、以下のとおりです。</p>
<div class="ok-box common-icon-box">何も見なくてもドンドン書ける、自分が興味があって詳しい分野をテーマにすべし！</div>
<p>逆に、</p>
<div class="ng-box common-icon-box">「儲かる」からといって、自分が興味のないテーマをブログにするのは止めたほうがいい。絶対に長続きしません！</div>
<p>です。</p>
<p>ブログテーマの決め方に悩んでいる人の参考になったら嬉しいです。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://webnoneta.com/blog-theme/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>無料で使えるPhotoshopの代替アプリ。おすすめは？</title>
		<link>https://webnoneta.com/pixlr-x/</link>
					<comments>https://webnoneta.com/pixlr-x/#respond</comments>
		
		<dc:creator><![CDATA[みっちー]]></dc:creator>
		<pubDate>Mon, 09 Mar 2020 14:04:56 +0000</pubDate>
				<category><![CDATA[Webサイト運営]]></category>
		<guid isPermaLink="false">https://webnoneta.com/?p=373</guid>

					<description><![CDATA[画像加工アプリといえば、Photoshopが一番有名です。 何しろ高機能。そして業界標準。世界最高峰。 約30年前から、デザイン・印刷業界で愛用されてきたのは、やはりその使い勝手の良さと高機能さからなんでしょう。 でもね [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>画像加工アプリといえば、Photoshopが一番有名です。<br />
何しろ高機能。そして業界標準。世界最高峰。<br />
約30年前から、デザイン・印刷業界で愛用されてきたのは、やはりその使い勝手の良さと高機能さからなんでしょう。</p>
<p>でもね、いかんせん高い！<br />
月額2,480円（税別）します。年一括プランで26,160円（税別）。<br />
使い続ける限り、料金が発生するサブスクリプション契約です。<br />
これって、個人でブログ運営をするだけの用途なら、コスパが悪すぎます。</p>
<p>そこで今回の記事は、</p>
<div class="question-box common-icon-box">
<ul>
<li>個人ブログのアイキャッチを作りたいだけの人。</li>
<li>そんなに高機能は必要なし。簡単な画像加工ができればいい人。</li>
</ul>
</div>
<p>に向けて、無料で使えるPhotoshopの代替ツールをご紹介します。<br />
<strong>いや、「マジでコレで無料！？」と驚くほどの機能を、マジで無料で使えます。</strong></p>

  <div id="toc" class="toc tnt-number toc-center tnt-number 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">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">Photoshopの代替ソフト、その名も「Pixlr X フォトエディター」</a></li><li><a href="#toc2" tabindex="0">Pixlr Xの特徴</a><ol><li><a href="#toc3" tabindex="0">動作が軽快</a></li><li><a href="#toc4" tabindex="0">シンプルで操作しやすい</a></li><li><a href="#toc5" tabindex="0">日本語が使える</a></li><li><a href="#toc6" tabindex="0">WordPressのアイキャッチ作成にピッタリ</a></li><li><a href="#toc7" tabindex="0">無料写真素材を使える</a></li></ol></li><li><a href="#toc8" tabindex="0">Photoshopなみに充実した、Pixlr Xの機能</a></li><li><a href="#toc9" tabindex="0">Pixlr Xの弱点について</a><ol><li><a href="#toc10" tabindex="0">ネット接続しないと使えない</a></li><li><a href="#toc11" tabindex="0">範囲選択ツールがない</a></li><li><a href="#toc12" tabindex="0">バッチ処理が使えない</a></li><li><a href="#toc13" tabindex="0">日本語フォントが使えない</a></li></ol></li><li><a href="#toc14" tabindex="0">まとめ：Photoshopの代替ツールになり得るか？</a></li></ol>
    </div>
  </div>

<h2><span id="toc1">Photoshopの代替ソフト、その名も「Pixlr X フォトエディター」</span></h2>
<p><a href="https://webnoneta.com/wp-content/uploads/2020/03/pixlr-banner.jpg"><img loading="lazy" class="alignnone size-full wp-image-378" src="https://webnoneta.com/wp-content/uploads/2020/03/pixlr-banner.jpg" alt="Pixlr Xバナー" width="1500" height="718" srcset="https://webnoneta.com/wp-content/uploads/2020/03/pixlr-banner.jpg 1500w, https://webnoneta.com/wp-content/uploads/2020/03/pixlr-banner-300x144.jpg 300w, https://webnoneta.com/wp-content/uploads/2020/03/pixlr-banner-1024x490.jpg 1024w, https://webnoneta.com/wp-content/uploads/2020/03/pixlr-banner-768x368.jpg 768w" sizes="(max-width: 1500px) 100vw, 1500px" /></a></p>
<p>Pixlr X（ピクセラ　エックス？　ピクセラ　テン？）とは、<span class="marker-under"><strong>無料で使えるオンラインの画像編集ソフトです。</strong></span><br />
オンラインなので、パソコンにインストールする必要はありません。<br />
だから僕のようなChromebookのユーザーでも、ササッと画像編集が出来ます。</p>
<p>この記事のアイキャッチ画像も、Pixlr Xで作ってます。</p>
<p>オンライン編集とは思えないほど、動作が軽快で操作しやすいです。<br />
僕は仕事でPhotoshopを使ってますが、個人用ブログの画像編集なら、「Pixlr Xで十分だ！」と思っています。</p>
<p><span class="bold red">何しろ無料！</span><br />
コスパ良すぎの画像編集ソフトです。</p>
<h2><span id="toc2">Pixlr Xの特徴</span></h2>
<h3><span id="toc3">動作が軽快</span></h3>
<p>Webベースの画像編集ソフトとは思えないほど、動作が軽快です。<br />
画像編集ソフトは、メモリを大量に消費するし、パソコンのスペックも高いものを要求しますが、Pixlr XはWebベースで編集するので、メモリもそんなに必要ありません。</p>
<p>実際、僕のChromebookはメモリ４GBしかありませんが、動作はカクつくこともなく、軽快な動作です。</p>
<h3><span id="toc4">シンプルで操作しやすい</span></h3>
<p>Pixlr Xの操作パネルはシンプルで、とても分かりやすいです。<br />
パネルにポインタを置くと、ヒントが日本語で表示されます。</p>
<p><a href="https://webnoneta.com/wp-content/uploads/2020/03/pixlr-panel.jpg"><img loading="lazy" class="alignnone size-full wp-image-380" src="https://webnoneta.com/wp-content/uploads/2020/03/pixlr-panel.jpg" alt="Pixlr X操作パネル" width="1078" height="758" srcset="https://webnoneta.com/wp-content/uploads/2020/03/pixlr-panel.jpg 1078w, https://webnoneta.com/wp-content/uploads/2020/03/pixlr-panel-300x211.jpg 300w, https://webnoneta.com/wp-content/uploads/2020/03/pixlr-panel-1024x720.jpg 1024w, https://webnoneta.com/wp-content/uploads/2020/03/pixlr-panel-768x540.jpg 768w" sizes="(max-width: 1078px) 100vw, 1078px" /></a></p>
<p>一つ一つの操作が、直感的に分かりやすくなっているので、初めて使う人でも迷わずに画像編集が出来ます。</p>
<p><div id="attachment_381" style="width: 1510px" class="wp-caption alignnone"><a href="https://webnoneta.com/wp-content/uploads/2020/03/irotyousei.jpg"><img aria-describedby="caption-attachment-381" loading="lazy" class="wp-image-381 size-full" src="https://webnoneta.com/wp-content/uploads/2020/03/irotyousei.jpg" alt="Pixlr Xで画像編集" width="1500" height="752" srcset="https://webnoneta.com/wp-content/uploads/2020/03/irotyousei.jpg 1500w, https://webnoneta.com/wp-content/uploads/2020/03/irotyousei-300x150.jpg 300w, https://webnoneta.com/wp-content/uploads/2020/03/irotyousei-1024x513.jpg 1024w, https://webnoneta.com/wp-content/uploads/2020/03/irotyousei-768x385.jpg 768w" sizes="(max-width: 1500px) 100vw, 1500px" /></a><p id="caption-attachment-381" class="wp-caption-text">Photoshop使いの人でも馴染みやすい操作パレット。</p></div></p>
<p>画像編集というと、複雑で難しいイメージがありますが、Pixlr Xはシンプルで分かりやすい操作パネルなので、簡単に編集が出来ます。</p>
<h3><span id="toc5">日本語が使える</span></h3>
<p>言語は日本語を選べます。</p>
<p><a href="https://webnoneta.com/wp-content/uploads/2020/03/japanese.png"><img loading="lazy" class="alignnone size-full wp-image-383" src="https://webnoneta.com/wp-content/uploads/2020/03/japanese.png" alt="日本語を使える" width="336" height="151" srcset="https://webnoneta.com/wp-content/uploads/2020/03/japanese.png 336w, https://webnoneta.com/wp-content/uploads/2020/03/japanese-300x135.png 300w" sizes="(max-width: 336px) 100vw, 336px" /></a></p>
<p>コレが地味に嬉しい。<br />
画像編集に限らず、Webベースのアプリは英語のものが多く、敷居が高く感じてしまいがちです。ほとんどが英語圏で開発されてるからでしょうね。<br />
（国産のWebサービスがどんどん出てくれたら嬉しいのに・・・）</p>
<p>でも、Pixlr Xは日本語が使えます。メニューや操作パレットも日本語だし、説明文も日本語なので、違和感なく使えるのがありがたいです。</p>
<h3><span id="toc6">WordPressのアイキャッチ作成にピッタリ</span></h3>
<p>この記事のアイキャッチ画像のように、画像の上に文字を乗せたり、ちょっとした加工をするのにピッタリです。</p>
<p>アイキャッチ画像を作ったり、ブログ用に画像加工をする場合、Photoshopは宝の持ち腐れになりますし、コスパが悪い。</p>
<p>無料のPixlr Xでサクサクっとアイキャッチ画像を作れるので、断然Pixlr Xのほうがおすすめです。</p>
<p>例えば、この記事のアイキャッチはこんな感じで作っています。</p>
<p>まずは、無料の著作権フリー画像をChromebookに用意。Pixlr Xの「画像を開く」で読み込ませます。</p>
<p>次に、図形ツールを使ってタイトルの下にある青い四角形を描きます。<br />
図形の透明度を調整して、下の画像が透けるようにします。</p>
<p><a href="https://webnoneta.com/wp-content/uploads/2020/03/aikyatti01.jpg"><img loading="lazy" class="alignnone size-full wp-image-385" src="https://webnoneta.com/wp-content/uploads/2020/03/aikyatti01.jpg" alt="四角形を描く" width="1500" height="749" srcset="https://webnoneta.com/wp-content/uploads/2020/03/aikyatti01.jpg 1500w, https://webnoneta.com/wp-content/uploads/2020/03/aikyatti01-300x150.jpg 300w, https://webnoneta.com/wp-content/uploads/2020/03/aikyatti01-1024x511.jpg 1024w, https://webnoneta.com/wp-content/uploads/2020/03/aikyatti01-768x383.jpg 768w" sizes="(max-width: 1500px) 100vw, 1500px" /></a></p>
<p><div id="attachment_386" style="width: 554px" class="wp-caption alignnone"><a href="https://webnoneta.com/wp-content/uploads/2020/03/aikyatti02.png"><img aria-describedby="caption-attachment-386" loading="lazy" class="wp-image-386 size-full" src="https://webnoneta.com/wp-content/uploads/2020/03/aikyatti02.png" alt="図形の透明度調整" width="544" height="375" srcset="https://webnoneta.com/wp-content/uploads/2020/03/aikyatti02.png 544w, https://webnoneta.com/wp-content/uploads/2020/03/aikyatti02-300x207.png 300w" sizes="(max-width: 544px) 100vw, 544px" /></a><p id="caption-attachment-386" class="wp-caption-text">スライダーで簡単に透明度の調整が出来る。 Photoshopのように、レイヤーが使えるのも便利。</p></div></p>
<p>次に、テキストツールで、文字を乗せていきます。<br />
日本語フォントが無いので、文字はすべてゴシック体になります。</p>
<p><a href="https://webnoneta.com/wp-content/uploads/2020/03/aikyatti03.jpg"><img loading="lazy" class="alignnone size-full wp-image-387" src="https://webnoneta.com/wp-content/uploads/2020/03/aikyatti03.jpg" alt="文字入力" width="1500" height="752" srcset="https://webnoneta.com/wp-content/uploads/2020/03/aikyatti03.jpg 1500w, https://webnoneta.com/wp-content/uploads/2020/03/aikyatti03-300x150.jpg 300w, https://webnoneta.com/wp-content/uploads/2020/03/aikyatti03-1024x513.jpg 1024w, https://webnoneta.com/wp-content/uploads/2020/03/aikyatti03-768x385.jpg 768w" sizes="(max-width: 1500px) 100vw, 1500px" /></a></p>
<p>最後に「保存」ボタンを押して、ダウンロードすれば完了です。<br />
選べる画像形式はJPG、PNG、PXD。十分ですね。</p>
<p><a href="https://webnoneta.com/wp-content/uploads/2020/03/aikyatti04.jpg"><img loading="lazy" class="alignnone size-full wp-image-388" src="https://webnoneta.com/wp-content/uploads/2020/03/aikyatti04.jpg" alt="画像ダウンロード画面" width="1172" height="782" srcset="https://webnoneta.com/wp-content/uploads/2020/03/aikyatti04.jpg 1172w, https://webnoneta.com/wp-content/uploads/2020/03/aikyatti04-300x200.jpg 300w, https://webnoneta.com/wp-content/uploads/2020/03/aikyatti04-1024x683.jpg 1024w, https://webnoneta.com/wp-content/uploads/2020/03/aikyatti04-768x512.jpg 768w" sizes="(max-width: 1172px) 100vw, 1172px" /></a></p>
<p>と、こんな感じで簡単にアイキャッチ画像が作れます。</p>
<h3><span id="toc7">無料写真素材を使える</span></h3>
<p>僕がPixlr Xで一番感動したのが、フリーの無料素材を検索して、直接読み込むことができる機能です。</p>
<p>僕の場合、フリー写真は「<a rel="noopener" target="_blank" href="https://www.photo-ac.com/">写真AC</a>」や「<a rel="noopener" target="_blank" href="https://www.pakutaso.com/">ぱくたそ</a>」などを使うことが多いのですが、Pixlr Xはソフト内でフリー画像を検索して、読み込めるので作業スピードが断然アップします。</p>
<p>使い方も簡単です。<br />
初期画面で「ストックフォト検索」ボタンをポチッと。</p>
<p><a href="https://webnoneta.com/wp-content/uploads/2020/03/freephoto01.png"><img loading="lazy" class="alignnone size-full wp-image-392" src="https://webnoneta.com/wp-content/uploads/2020/03/freephoto01.png" alt="ストックフォト読み込み" width="557" height="382" srcset="https://webnoneta.com/wp-content/uploads/2020/03/freephoto01.png 557w, https://webnoneta.com/wp-content/uploads/2020/03/freephoto01-300x206.png 300w" sizes="(max-width: 557px) 100vw, 557px" /></a></p>
<p>すると、画像検索画面になります。<br />
ランダムで検索語句が入力されて、候補の写真が出てきます。</p>
<p><a href="https://webnoneta.com/wp-content/uploads/2020/03/freephoto02.jpg"><img loading="lazy" class="alignnone size-full wp-image-393" src="https://webnoneta.com/wp-content/uploads/2020/03/freephoto02.jpg" alt="画像検索画面" width="1338" height="848" srcset="https://webnoneta.com/wp-content/uploads/2020/03/freephoto02.jpg 1338w, https://webnoneta.com/wp-content/uploads/2020/03/freephoto02-300x190.jpg 300w, https://webnoneta.com/wp-content/uploads/2020/03/freephoto02-1024x649.jpg 1024w, https://webnoneta.com/wp-content/uploads/2020/03/freephoto02-768x487.jpg 768w" sizes="(max-width: 1338px) 100vw, 1338px" /></a></p>
<p>この検索窓に、探している写真のキーワードを入れると、候補の写真がズラズラっと出てきます。</p>
<p>ただ残念なのが、日本語の検索に対応していません。<br />
だから、英語で検索するしか無いです。僕はいつも、Google翻訳に手伝ってもらって、検索しています。</p>
<p>使いたい画像をクリックすると、「イメージのリサイズ」を聞いてきます。<br />
オリジナルは最大3600pxなので、ブログに使うには大きすぎますね。</p>
<p>Webに使うなら、右端の「Web」が良いでしょう。<br />
もう少し高解像度な画像が欲しければ、「フルHD」を選びます。</p>
<p><a href="https://webnoneta.com/wp-content/uploads/2020/03/freephoto03.png"><img loading="lazy" class="alignnone size-full wp-image-394" src="https://webnoneta.com/wp-content/uploads/2020/03/freephoto03.png" alt="画面サイズの選択" width="656" height="563" srcset="https://webnoneta.com/wp-content/uploads/2020/03/freephoto03.png 656w, https://webnoneta.com/wp-content/uploads/2020/03/freephoto03-300x257.png 300w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>「適用」ボタンを押すと、選んだサイズの画像が読み込まれます。</p>
<p><a href="https://webnoneta.com/wp-content/uploads/2020/03/freephoto04.jpg"><img loading="lazy" class="alignnone size-full wp-image-395" src="https://webnoneta.com/wp-content/uploads/2020/03/freephoto04.jpg" alt="選択画像の表示" width="1500" height="844" srcset="https://webnoneta.com/wp-content/uploads/2020/03/freephoto04.jpg 1500w, https://webnoneta.com/wp-content/uploads/2020/03/freephoto04-300x169.jpg 300w, https://webnoneta.com/wp-content/uploads/2020/03/freephoto04-1024x576.jpg 1024w, https://webnoneta.com/wp-content/uploads/2020/03/freephoto04-768x432.jpg 768w, https://webnoneta.com/wp-content/uploads/2020/03/freephoto04-240x135.jpg 240w, https://webnoneta.com/wp-content/uploads/2020/03/freephoto04-320x180.jpg 320w, https://webnoneta.com/wp-content/uploads/2020/03/freephoto04-640x360.jpg 640w, https://webnoneta.com/wp-content/uploads/2020/03/freephoto04-698x393.jpg 698w" sizes="(max-width: 1500px) 100vw, 1500px" /></a></p>
<p>こんな感じで、フリー写真を検索できて、すぐにPixlr Xに読み込みができます。</p>
<h2><span id="toc8">Photoshopなみに充実した、Pixlr Xの機能</span></h2>
<p>Pixlr Xは、Photoshopなみに画像加工が充実しています。</p>
<p>例えば、こんな感じ↓。</p>
<div class="info-box">
<ul>
<li>画像サイズの変更・回転・移動</li>
<li>画像トリミング</li>
<li>背景の消去・切り抜き</li>
<li>色彩・明るさ調整</li>
<li>ぼかし・シャープなどのフィルター</li>
<li>豊富なエフェクトツール</li>
<li>ゆがみ</li>
<li>レタッチ</li>
<li>描画ツール</li>
<li>テキスト入力</li>
</ul>
</div>
<p>ブログ用画像を作るのに、Pixlr Xは十分な機能を持っています。</p>
<h2><span id="toc9">Pixlr Xの弱点について</span></h2>
<p>ここまで、Pixlr Xの特徴やメリットについて書いてきましたが、「じゃあ弱点は？」と聞かれると、やっぱりあるんですね。</p>
<p>ここから、僕が感じている弱点を書きます。</p>
<h3><span id="toc10">ネット接続しないと使えない</span></h3>
<p>Pixlr Xは、オンラインの画像編集アプリなので、ネット接続しないと使えません。当然ですが　笑。</p>
<p>だから、外出してネット環境のないところでの作業はできません。<br />
これが、インストール型アプリとの大きな違いであり、弱点でもあります。</p>
<p>といっても、僕の場合はネット環境のないところで作業をしないので、あまり関係ないんですが（笑）。</p>
<h3><span id="toc11">範囲選択ツールがない</span></h3>
<p>これが、<span class="marker-under"><strong>Pixlr Xの最大の弱点</strong></span>だと思います。<br />
僕の知る限り、範囲選択が出来ないんです。</p>
<p>例えば、Photoshopのように画像の一部を範囲選択してぼかしたり、色を変えたり、切り抜いたりが出来ません。パスによる選択も出来ません。</p>
<p>Photoshopでは当たり前の、下の図のような範囲選択が出来ません。</p>
<p><a href="https://webnoneta.com/wp-content/uploads/2020/03/sentaku01.png"><img loading="lazy" class="alignnone size-full wp-image-400" src="https://webnoneta.com/wp-content/uploads/2020/03/sentaku01.png" alt="選択ツール" width="605" height="298" srcset="https://webnoneta.com/wp-content/uploads/2020/03/sentaku01.png 605w, https://webnoneta.com/wp-content/uploads/2020/03/sentaku01-300x148.png 300w" sizes="(max-width: 605px) 100vw, 605px" /></a></p>
<p>なげなわツールや、下図のようなマグネット選択ツールなんかもありません。</p>
<p><a href="https://webnoneta.com/wp-content/uploads/2020/03/sentaku02.png"><img loading="lazy" class="alignnone size-full wp-image-401" src="https://webnoneta.com/wp-content/uploads/2020/03/sentaku02.png" alt="マグネット選択ツール" width="585" height="383" srcset="https://webnoneta.com/wp-content/uploads/2020/03/sentaku02.png 585w, https://webnoneta.com/wp-content/uploads/2020/03/sentaku02-300x196.png 300w" sizes="(max-width: 585px) 100vw, 585px" /></a></p>
<p>これらの機能がないために、<strong>「画像の一部を選択して加工する」という作業ができない</strong>んです。</p>
<p>Pixlr Xは、画像全体を加工するアプリという立ち位置だと思います。<br />
範囲選択の機能が付いたら、最強なんだけどなぁ・・・</p>
<h3><span id="toc12">バッチ処理が使えない</span></h3>
<p>バッチ処理とは、決まった作業をアプリに記憶させて、複数のファイルに対して作業を一括で行う処理のことです。</p>
<p>例えば、100個のPNG画像を、一括でJPG画像に変えるとか、画像の明るさを一括で変えるとか。<br />
複数ファイルに同じ処理をしたい時は、すごく便利な機能です。</p>
<p>Photoshopでは、バッチ処理は当たり前に出来ます。<br />
でも、Pixlr Xは出来ません。</p>
<p>そもそも、「複数の画像を一括で処理する」という考え方が無いんでしょうね。<br />
まあ、ブログ用画像で写真点数が少ない場合だと、バッチ処理をする必要もないので、絶対必要だ！というわけでもないんですが・・・</p>
<h3><span id="toc13">日本語フォントが使えない</span></h3>
<p>Pixlr Xのもう一つの最大の弱点。<br />
<strong>日本語フォントが使えません。</strong><br />
日本語でテキスト入力すると、全部ゴシック体になってしまします。</p>
<p>フォントは数多く選べるんですが、全部欧文フォントなんです↓。</p>
<p><a href="https://webnoneta.com/wp-content/uploads/2020/03/font.jpg"><img loading="lazy" class="alignnone size-full wp-image-405" src="https://webnoneta.com/wp-content/uploads/2020/03/font.jpg" alt="日本語フォントが使えない" width="1500" height="749" srcset="https://webnoneta.com/wp-content/uploads/2020/03/font.jpg 1500w, https://webnoneta.com/wp-content/uploads/2020/03/font-300x150.jpg 300w, https://webnoneta.com/wp-content/uploads/2020/03/font-1024x511.jpg 1024w, https://webnoneta.com/wp-content/uploads/2020/03/font-768x383.jpg 768w" sizes="(max-width: 1500px) 100vw, 1500px" /></a></p>
<p>色んな日本語フォントを使って、画像を加工したいという人には不向きかもしれませんね。</p>
<h2><span id="toc14">まとめ：Photoshopの代替ツールになり得るか？</span></h2>
<p>以上、Pixlr Xのご紹介でした。<br />
この記事を読んでいるあなたは、</p>
<div class="speech-wrap sb-id-15 sbs-stn sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img class="speech-icon-image" src="https://webnoneta.com/wp-content/uploads/2020/03/men.png" alt="" /></figure>
</div>
<div class="speech-balloon">
<p>Photoshopは高いので、それに替わる画像加工アプリがないかな？</p>
</div>
</div>
<p>という悩みを持っているんじゃないでしょうか？<br />
僕も同じで、仕事ではPhotoshopを使っているのですが、自宅の個人用に高いPhotoshopを買うのは無理！と思っていて、色んな代替ソフトを探した結果、「こりゃいいわ！」と気に入ったのが、Pixlr Xでした。</p>
<p>そんな僕がPixlr Xを使ってみての結論ですが、</p>
<p><span class="bold red" style="font-size: 20px;">ブログやWebサイト用の画像加工なら、十分Photoshopの代わりになれる！</span></p>
<p>です。</p>
<p>今まで紹介してきたように、画像加工のツールはかなり充実していますし、動作も軽快。<br />
なにより、無料ですよ、無料！<br />
確かにPhotoshopに比べて足りない機能もたくさんあります。<br />
でもね、無料でここまで画像加工できたら、文句のつけようがないです。</p>
<p>ブログ用画像の加工で悩んでいるなら、一度試してみてはどうでしょうか。</p>
<p>ただし、印刷用の画像加工に使いたいという、プロユースには向いていません。<br />
印刷用の高解像度画像を扱うのは無理だと思いますし、そもそもCMYKの色モードに対応していませんので。</p>
<p>あくまで、Web用画像の加工ツールだということですね。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://webnoneta.com/pixlr-x/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>ドメインの決め方を解説。失敗しない独自ドメインは、こう決めろ！</title>
		<link>https://webnoneta.com/domain/</link>
					<comments>https://webnoneta.com/domain/#respond</comments>
		
		<dc:creator><![CDATA[みっちー]]></dc:creator>
		<pubDate>Thu, 05 Mar 2020 14:31:32 +0000</pubDate>
				<category><![CDATA[Webサイト運営]]></category>
		<guid isPermaLink="false">https://webnoneta.com/?p=278</guid>

					<description><![CDATA[WordPressでブログ運営をする場合、「独自ドメイン」を取得しなければいけません。 独自ドメインとは、世界に一つだけのオリジナルのドメインのことです。 一度取得すると、ずっと使い続けることができます。いわば、あなたの [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>WordPressでブログ運営をする場合、「独自ドメイン」を取得しなければいけません。</p>
<p>独自ドメインとは、世界に一つだけのオリジナルのドメインのことです。<br />
一度取得すると、ずっと使い続けることができます。いわば、あなたの資産になります。</p>
<p>ただ、一度取得すると変更することは出来ません。<br />
だから、ドメイン選びは慎重になるべきだと、僕は思います。</p>
<p>今回の記事は、</p>
<div class="info-box">
<ul>
<li>独自ドメインを初めて取るけど、どうやって決めたらいいの？</li>
<li>独自ドメインのとり方のコツを教えて欲しい。</li>
</ul>
</div>
<p>という方に向けた記事です。<br />
<span class="marker-under"><strong>一般論ではなく、僕が普段どうやってドメイン名を決めているのかを解説します。</strong></span></p>

  <div id="toc" class="toc tnt-number toc-center tnt-number 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">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">ドメイン名を決める時の基準について</a><ol><li><a href="#toc2" tabindex="0">できるだけ短く。キーボードで打ちやすいドメインにする。</a></li><li><a href="#toc3" tabindex="0">分かりやすく、覚えやすいドメインであること</a></li><li><a href="#toc4" tabindex="0">TLD、基本は.com（ドットコム）で</a></li></ol></li><li><a href="#toc5" tabindex="0">ドメイン名の決め方の手順</a><ol><li><a href="#toc6" tabindex="0">空きドメインを調べる</a></li><li><a href="#toc7" tabindex="0">ドメインの運用歴と、ドメイン年齢を調べる</a></li><li><a href="#toc8" tabindex="0">ドメインの過去を暴け！ウェイバックマシンの使い方</a></li></ol></li><li><a href="#toc9" tabindex="0">ドメインを決めるときの基準について</a></li><li><a href="#toc10" tabindex="0">ドメインの決め方の手順：まとめ</a></li></ol>
    </div>
  </div>

<h2><span id="toc1">ドメイン名を決める時の基準について</span></h2>
<p>僕の場合、以下の事に注意してドメイン名を考えています。</p>
<h3><span id="toc2">できるだけ短く。キーボードで打ちやすいドメインにする。</span></h3>
<p>長いドメインだと、覚えにくいしキーボードで打ちづらいです。<br />
短いドメインのほうが覚えてもらいやすいので、できるだけ短くしましょう。</p>
<p>それから、ハイフンやアンダーバーなどをドメイン名に入れすぎると、キーボードで打つ時に面倒くさいので、多用しないようにしましょう。入れても1個だけが良いでしょう。</p>
<p><span style="color: #993300;">abc-def-ghi.com</span></p>
<p>よりは、</p>
<p><span style="color: #993300;">abcdefghi.com</span></p>
<p>のほうが、絶対打ちやすいですから。</p>
<h3><span id="toc3">分かりやすく、覚えやすいドメインであること</span></h3>
<p>例えば、トレーニングに関する内容のブログだった場合、</p>
<p><span style="color: #993300;">training.com</span></p>
<p>だと、僕たちが普段馴染んでいる英語だから、分かりやすいです。<br />
でも「ありきたりだし、もっとカッコよくしよう！」と、スペイン語で</p>
<p><span style="color: #993300;">entrenamiento.com</span></p>
<p>と付けてしまうと、どうでしょう？<br />
たぶんスペイン語の分かる人以外は、理解出来なし、覚えられないです。</p>
<p>だから、ドメイン名はベタでもいいから分かりやすく、<span class="bold marker-under">サイト名をローマ字読みにするのでも、ありです。</span><br />
僕のこのブログがそうですよね。</p>
<div class="blank-box bb-blue"><strong>ブログ名が「ウェブのネタ袋」</strong><br />
<strong>ドメインが「webnoneta.com」</strong></div>
<p>分かりやすくないですか？<br />
キーボードで打ちやすいし、これが一番のおすすめです。</p>
<h3><span id="toc4">TLD、基本は.com（ドットコム）で</span></h3>
<p>ドメインの末尾にくる「.com」や「.net」のことを、TLD（トップレベルドメイン）といいます。</p>
<p><strong>.comが一番有名だし、馴染みがあると思います。</strong><br />
今は.xyzとか、.siteとか、色んな種類のTLDが取得できますが、やっぱり一番馴染みがあって違和感のない「.com」が一番良いと思います。</p>
<p>「.com」が空いてなければ、「.net」ですね。<br />
僕は、この2つ以外のTLDは、付けないようにしています。</p>
<h2><span id="toc5">ドメイン名の決め方の手順</span></h2>
<p>では、ドメインの決め方の手順です。</p>
<h3><span id="toc6">空きドメインを調べる</span></h3>
<p>まずは今まで書いてきた基準に基づいて、５〜10種類くらいのドメイン名候補を考えます。<br />
そのドメイン名を、<a rel="nofollow noopener" target="_blank" href="https://px.a8.net/svt/ejp?a8mat=3B7M8P+CP9B9E+50+2HHVNM">お名前.com</a><img loading="lazy" src="https://www18.a8.net/0.gif?a8mat=3B7M8P+CP9B9E+50+2HHVNM" alt="" width="1" height="1" border="0" />か、<a rel="nofollow noopener" target="_blank" href="https://px.a8.net/svt/ejp?a8mat=3B97DR+9SH0SI+1JUK+I35CY">バリュードメイン</a>の検索窓に打ち込んで、取得可能かどうかを調べます。</p>
<p>例えば、<a rel="nofollow noopener" target="_blank" href="https://px.a8.net/svt/ejp?a8mat=3B7M8P+CP9B9E+50+2HHVNM">お名前.com</a><img loading="lazy" src="https://www18.a8.net/0.gif?a8mat=3B7M8P+CP9B9E+50+2HHVNM" alt="" width="1" height="1" border="0" />で調べてみましょう。</p>
<p>お名前.comの画面で、候補のドメイン名を入力して「検索」ボタンを押します。<br />
<a href="https://webnoneta.com/wp-content/uploads/2020/03/domainsagashi01.png"><img loading="lazy" class="alignnone size-full wp-image-289" src="https://webnoneta.com/wp-content/uploads/2020/03/domainsagashi01.png" alt="ドメイン検索" width="850" height="640" srcset="https://webnoneta.com/wp-content/uploads/2020/03/domainsagashi01.png 850w, https://webnoneta.com/wp-content/uploads/2020/03/domainsagashi01-300x226.png 300w, https://webnoneta.com/wp-content/uploads/2020/03/domainsagashi01-768x578.png 768w" sizes="(max-width: 850px) 100vw, 850px" /></a></p>
<p>ドメイン検索の結果画面で、空きドメインが分かります。<br />
<a href="https://webnoneta.com/wp-content/uploads/2020/03/domainshirabe02.png"><img loading="lazy" class="waku alignnone wp-image-290 size-full" src="https://webnoneta.com/wp-content/uploads/2020/03/domainshirabe02.png" alt="ドメイン検索結果" width="1234" height="465" srcset="https://webnoneta.com/wp-content/uploads/2020/03/domainshirabe02.png 1234w, https://webnoneta.com/wp-content/uploads/2020/03/domainshirabe02-300x113.png 300w, https://webnoneta.com/wp-content/uploads/2020/03/domainshirabe02-1024x386.png 1024w, https://webnoneta.com/wp-content/uploads/2020/03/domainshirabe02-768x289.png 768w" sizes="(max-width: 1234px) 100vw, 1234px" /></a></p>
<p>取得可能なTLD（トップレベルドメイン）が出てきます。<br />
□のチェックボックスが真っ白なドメインが、取得可能なドメインになります。</p>
<p>僕の場合は、「.com」か「.net」しか取らないと決めているので、上図の赤枠のところだけチェックします。</p>
<p><strong>上図の場合だと、「domainstudy.net 」なら取れますね。</strong></p>
<p>「.com」のところに、メールのようなアイコンが表示されていますが、これは</p>
<div class="speech-wrap sb-id-11 sbs-line sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img class="speech-icon-image" src="https://webnoneta.com/wp-content/uploads/2020/02/computer01_smile.png" alt="" /></figure>
</div>
<div class="speech-balloon">
<p>「今現在他の人が運用してるんだけど、更新されずに開放されたら教えるから、それまでちょっと待ってて！」</p>
</div>
</div>
<p>というアイコンです。</p>
<p>他にも色んなアイコンがあります。↓</p>
<p><a href="https://webnoneta.com/wp-content/uploads/2020/03/domainshirabe03.png"><img loading="lazy" class="waku alignnone wp-image-291 size-full" src="https://webnoneta.com/wp-content/uploads/2020/03/domainshirabe03.png" alt="ドメインアイコンの意味" width="810" height="840" srcset="https://webnoneta.com/wp-content/uploads/2020/03/domainshirabe03.png 810w, https://webnoneta.com/wp-content/uploads/2020/03/domainshirabe03-289x300.png 289w, https://webnoneta.com/wp-content/uploads/2020/03/domainshirabe03-768x796.png 768w" sizes="(max-width: 810px) 100vw, 810px" /></a></p>
<p>僕は、「ドメインが開放されるまでちょっと待ってて」と言われても、いつになるか分からないし、待ってられないので、空きのTLDにするか、別のドメイン候補を探し直します。</p>
<p><span class="bold red">さて、ここで注意！</span></p>
<p>もう一度、ドメイン検索結果の画面を見てください。<br />
<a href="https://webnoneta.com/wp-content/uploads/2020/03/domainshirabe02.png"><img loading="lazy" class="waku alignnone wp-image-290 size-full" src="https://webnoneta.com/wp-content/uploads/2020/03/domainshirabe02.png" alt="ドメイン検索結果" width="1234" height="465" srcset="https://webnoneta.com/wp-content/uploads/2020/03/domainshirabe02.png 1234w, https://webnoneta.com/wp-content/uploads/2020/03/domainshirabe02-300x113.png 300w, https://webnoneta.com/wp-content/uploads/2020/03/domainshirabe02-1024x386.png 1024w, https://webnoneta.com/wp-content/uploads/2020/03/domainshirabe02-768x289.png 768w" sizes="(max-width: 1234px) 100vw, 1234px" /></a></p>
<p>.workが1円！.xyzが25円、.tokyoが50円と、破格の安値が付いています。<br />
.netの740円よりはるかに安いですよね。</p>
<p><strong>でもこれらの安すぎるドメインに飛びつかないでください！</strong><br />
ドメインは基本、1年更新になるのですが、今回1円で買ったドメインが、更新時には元の値段に戻って、1,480円とかになります。</p>
<p>ちなみに1年後の更新費用の目安ですが、こんな感じです↓</p>
<div class="scrollable-table">
<table style="border-collapse: collapse; width: 100%; height: 112px;">
<tbody>
<tr style="height: 28px;">
<th style="width: 50%; height: 28px;">TLD</th>
<th style="width: 50%; height: 28px;">1年後の更新費用の目安</th>
</tr>
<tr style="height: 28px;">
<td style="width: 50%; height: 28px;">.com</td>
<td style="width: 50%; height: 28px;">1,280円</td>
</tr>
<tr style="height: 28px;">
<td style="width: 50%; height: 28px;">.net</td>
<td style="width: 50%; height: 28px;">1,480円</td>
</tr>
<tr style="height: 28px;">
<td style="width: 50%; height: 28px;">.xyz</td>
<td style="width: 50%; height: 28px;">1,480円</td>
</tr>
</tbody>
</table>
</div>
<p>例えば.xyzだと、.netと変わらない値段になります。</p>
<p>そうなると、<strong>一般的に馴染みのある.comや.netのほうが良いと、僕は思います。</strong><br />
ブログを何年も続けるとなると、やはり馴染みのあるドメインのほうが良いですから。</p>
<p>さて、色々調べて取得できるドメインが決まったと思います。<br />
「早速、ドメインを取得しましょう！」</p>
<p>・・・と言いたいところですが、ちょっと待ってください！<br />
<span class="bold red">念の為に調べないといけない事が、まだ残っているんです。</span></p>
<h3><span id="toc7">ドメインの運用歴と、ドメイン年齢を調べる</span></h3>
<p>候補のドメインが取得できることが分かった後にすることは、<strong>「ドメインの運用歴」と「ドメイン年齢」を調べる</strong>ことです。</p>
<div class="information-box common-icon-box"><strong>ドメイン年齢とは？</strong><br />
過去〜現在までドメインが運用されていた期間のことです。ドメイン年齢が古いほど、SEO（検索エンジン上位対策）では有利になるとされています。<br />
ドメインエイジとも呼ばれます。<br />
（が、僕は最近ではあまり関係ないんじゃないか？と思ってます）</div>
<div>ここで一つの疑問が・・・</div>
<div>
<div class="speech-wrap sb-id-13 sbs-line sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img class="speech-icon-image" src="https://webnoneta.com/wp-content/uploads/2020/02/question.png" alt="" /></figure>
</div>
<div class="speech-balloon">
<p>新規にドメインを取るのに、過去にそのドメインが運用されていたってことなんて、あるの？</p>
</div>
</div>
<p>はい、たまにあるんですね。特によくあるようなドメインだと。</p>
</div>
<div>過去にそのドメインが運用されていて、更新せずに失効したままのドメインは、ドメイン年齢がそのまま残っているケースがあるんです。</div>
<div></div>
<div>要するに、<strong>「中古ドメイン」</strong>というやつです。</div>
<p>ドメインには、</p>
<div class="info-box">
<ul>
<li>今まで誰も使ったことのない「新規ドメイン」</li>
<li>過去に誰かが使っていて運用歴のある「中古ドメイン」</li>
</ul>
</div>
<p>の2種類があります。</p>
<p>中古ドメインは、そのドメインにリンクが付いていたりして、SEO（検索エンジン上位対策）的に有利だと言われています。</p>
<p>良質なリンクがたくさん付いていて、ドメイン年齢が古いものは、価値の高いドメインとして、中古ドメイン市場で高く売買されています。</p>
<p>でも、あまり価値のない中古ドメインも世の中にはたくさんあるんですね。<br />
例えば、リンクが全然付いていないドメインとか。<br />
それだけなら良いのですが、中には反社会的な情報を掲載していたり、アダルトだったり、悪質なスパム行為をしてGoogleからペナルティを喰らっていたり・・・</p>
<p>価値が無いだけならまだ害はないので大丈夫です。<br />
でも、Googleから「悪質だ」とスパム判定された中古ドメインだったら、大問題。</p>
<div class="speech-wrap sb-id-14 sbs-line sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img class="speech-icon-image" src="https://webnoneta.com/wp-content/uploads/2020/03/nayami.png" alt="" /></figure>
</div>
<div class="speech-balloon">
<p>新規ドメインだと思って買ったはいいけど、実は悪質な中古ドメインだった・・・</p>
</div>
</div>
<p>という、泣くに泣けない状況になる危険性があるのです。<br />
そんなドメインでブログを作ると、検索上位表示が果てしなく難しくなるのです。</p>
<p>そうした、<span class="marker-under"><strong>価値のない（悪質な）中古ドメインを間違って取得しないように念の為にチェックするのが、ドメインの運用歴と年齢を調べる目的なんです。</strong></span></p>
<p>そのチェック方法ですが、<span class="bold red">「ウェイバックマシン」を使います。</span></p>
<h3><span id="toc8">ドメインの過去を暴け！ウェイバックマシンの使い方</span></h3>
<p><a href="https://webnoneta.com/wp-content/uploads/2020/03/weyback.jpg"><img loading="lazy" class="alignnone size-full wp-image-303" src="https://webnoneta.com/wp-content/uploads/2020/03/weyback.jpg" alt="サイト運用歴の調査" width="1500" height="996" srcset="https://webnoneta.com/wp-content/uploads/2020/03/weyback.jpg 1500w, https://webnoneta.com/wp-content/uploads/2020/03/weyback-300x199.jpg 300w, https://webnoneta.com/wp-content/uploads/2020/03/weyback-1024x680.jpg 1024w, https://webnoneta.com/wp-content/uploads/2020/03/weyback-768x510.jpg 768w" sizes="(max-width: 1500px) 100vw, 1500px" /></a></p>
<p><strong>ウェイバックマシンとは、過去に公開されていたWebサイトを見ることが出来る、めちゃくちゃ便利なサイトです。</strong></p>
<p>それがこれ↓</p>
<a rel="noopener" target="_blank" href="https://web.archive.org/" title="Wayback Machine" 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 src="https://s0.wordpress.com/mshots/v1/https%3A%2F%2Fweb.archive.org%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">Wayback Machine</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 src="https://www.google.com/s2/favicons?domain=web.archive.org" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">web.archive.org</div></div></div></div></a>
<p>過去に公開されていたけど、今はドメインが失効していて見ることが出来ないサイトの過去を暴くことができます。</p>
<p>もちろん、今公開中のサイトの昔の姿を見ることもできます。<br />
例えば、Yahoo！のサイトが昔どんなだったかを調べてみましょう。</p>
<p>ウェイバックマシンの検索窓に、「yahoo.co.jp」とドメインを打ち込んでリターンを押すと、下の画面のようになります。</p>
<p><a href="https://webnoneta.com/wp-content/uploads/2020/03/wb01.png"><img loading="lazy" class="waku alignnone wp-image-306 size-full" src="https://webnoneta.com/wp-content/uploads/2020/03/wb01.png" alt="ウェイバックマシン" width="1779" height="815" srcset="https://webnoneta.com/wp-content/uploads/2020/03/wb01.png 1779w, https://webnoneta.com/wp-content/uploads/2020/03/wb01-300x137.png 300w, https://webnoneta.com/wp-content/uploads/2020/03/wb01-1024x469.png 1024w, https://webnoneta.com/wp-content/uploads/2020/03/wb01-768x352.png 768w, https://webnoneta.com/wp-content/uploads/2020/03/wb01-1536x704.png 1536w" sizes="(max-width: 1779px) 100vw, 1779px" /></a></p>
<p>1998年頃から2020年までの年表が出てきて、グラフのようになっています。<br />
これが、「過去に運用歴のあるサイトですよ」という目印になります。</p>
<p>グラフの下にカレンダーがありますね。<br />
1999年のグラフをクリックして、それからカレンダーをクリックすると、時間が表示されます。</p>
<p><a href="https://webnoneta.com/wp-content/uploads/2020/03/wb02.png"><img loading="lazy" class="waku alignnone wp-image-307 size-full" src="https://webnoneta.com/wp-content/uploads/2020/03/wb02.png" alt="ウェイバックマシン検索" width="1034" height="544" srcset="https://webnoneta.com/wp-content/uploads/2020/03/wb02.png 1034w, https://webnoneta.com/wp-content/uploads/2020/03/wb02-300x158.png 300w, https://webnoneta.com/wp-content/uploads/2020/03/wb02-1024x539.png 1024w, https://webnoneta.com/wp-content/uploads/2020/03/wb02-768x404.png 768w" sizes="(max-width: 1034px) 100vw, 1034px" /></a></p>
<p>この時間をクリックすると、過去のWebサイトが見られるという寸法です。<br />
上の図だと、1999年2月8日の2時15分51秒。</p>
<p>これをクリックすると・・・</p>
<p><a href="https://webnoneta.com/wp-content/uploads/2020/03/wb03.jpg"><img loading="lazy" class="waku alignnone wp-image-308 size-full" src="https://webnoneta.com/wp-content/uploads/2020/03/wb03.jpg" alt="過去のYahooのサイト" width="1500" height="751" srcset="https://webnoneta.com/wp-content/uploads/2020/03/wb03.jpg 1500w, https://webnoneta.com/wp-content/uploads/2020/03/wb03-300x150.jpg 300w, https://webnoneta.com/wp-content/uploads/2020/03/wb03-1024x513.jpg 1024w, https://webnoneta.com/wp-content/uploads/2020/03/wb03-768x385.jpg 768w" sizes="(max-width: 1500px) 100vw, 1500px" /></a></p>
<p>なんと、過去（1999年2月8日の2時15分51秒）に公開されていたYahoo！が見られるんです。</p>
<p>な、懐かしい・・・。<br />
若い人は、初めて見る画面かも（笑）。<br />
まるでタイムマシンに乗って過去にやってきた、ターミネーターのような気分です。<br />
いや、南方仁かな？それとも戦国自衛隊？・・・そんなことはどうでも良いですが（笑）。</p>
<p>と、こんな感じでそのドメインで過去に運用されていたWebサイトのデザインや内容をチェックできます。<br />
（画像が抜けているなど、完全でないところもあります）</p>
<p>これを使うと、自分が取得しようとしているドメインが、全く新しいものか、それとも過去に運用されていた中古ドメインかが分かります。</p>
<p>では、この記事の最初の方で調べた新規ドメイン候補の</p>
<p><strong>domainstudy.net</strong></p>
<p>を、ウェイバックマシンで調べてみましょう。</p>
<p><a href="https://webnoneta.com/wp-content/uploads/2020/03/waybuck01.png"><img loading="lazy" class="waku alignnone wp-image-312 size-full" src="https://webnoneta.com/wp-content/uploads/2020/03/waybuck01.png" alt="ウェイバックマシンで新規ドメイン探し" width="1759" height="747" srcset="https://webnoneta.com/wp-content/uploads/2020/03/waybuck01.png 1759w, https://webnoneta.com/wp-content/uploads/2020/03/waybuck01-300x127.png 300w, https://webnoneta.com/wp-content/uploads/2020/03/waybuck01-1024x435.png 1024w, https://webnoneta.com/wp-content/uploads/2020/03/waybuck01-768x326.png 768w, https://webnoneta.com/wp-content/uploads/2020/03/waybuck01-1536x652.png 1536w" sizes="(max-width: 1759px) 100vw, 1759px" /></a></p>
<p>2011年の1月6日に記録があるようです。<br />
そこをクリックしてみると・・・</p>
<p><a href="https://webnoneta.com/wp-content/uploads/2020/03/waybuck02.jpg"><img loading="lazy" class="waku alignnone wp-image-313 size-full" src="https://webnoneta.com/wp-content/uploads/2020/03/waybuck02.jpg" alt="中古ドメイン販売サイト" width="1389" height="764" srcset="https://webnoneta.com/wp-content/uploads/2020/03/waybuck02.jpg 1389w, https://webnoneta.com/wp-content/uploads/2020/03/waybuck02-300x165.jpg 300w, https://webnoneta.com/wp-content/uploads/2020/03/waybuck02-1024x563.jpg 1024w, https://webnoneta.com/wp-content/uploads/2020/03/waybuck02-768x422.jpg 768w" sizes="(max-width: 1389px) 100vw, 1389px" /></a></p>
<p>どうやら、中古ドメインの販売サイトへのリンクが貼られていた様子。<br />
変なサイトでの運用歴はなさそうです。</p>
<p>僕なら、どうするかな？かなり迷いますが、やっぱり辞めて別のドメインを探しますかね。<br />
2011年にちょこっと運用されていただけとはいえ、中古ドメインで売買されていた履歴というのは、僕的にはちょっと・・・て感じですね。</p>
<div class="information-box common-icon-box">ウェイバックマシンは、すべてのドメイン運用歴を記録（アーカイブ）しているわけじゃなく、完璧なものではありません。<br />
だからドメイン取得の最後の決断は、自分でしないといけないです。</div>
<h2><span id="toc9">ドメインを決めるときの基準について</span></h2>
<p>このように、ウェイバックマシンで過去のドメインの運用歴を調べていきますが、その中で新規ドメインとして取得すべきでないドメインがあります。<br />
（これは僕が経験上たどり着いた結論なので、正解か不正解は正直分かりません）</p>
<p>その、<strong>「取得すべきでないドメイン」基準は、以下の通りです。</strong></p>
<div class="ng-box common-icon-box">
<ul>
<li>アダルトサイトとして運営していた。</li>
<li>反社会的なコンテンツが掲載されていた。</li>
<li>リンク集があり、色んなサイトと相互リンクしまくっていた。<br />
（Googleからスパム判定や低評価を受けている危険性があります）</li>
<li>自分のブログのテーマとかけ離れすぎている。</li>
</ul>
</div>
<p>上記に当てはまらずに、ドメイン年齢が古く、自分のブログテーマと同じジャンルで運営されていたドメインがあれば、買いです。</p>
<p>といっても、そんな都合の良いドメインはなかなか見つかりません（笑）<br />
そんな良いドメインは、中古ドメイン市場で高値で売買されてますから。</p>
<p>ということなので、結論！</p>
<p><span class="marker-under"><strong>僕のオススメは、ウェイバックマシンでも見つからない、正真正銘のまっさらなドメインを取得することです！</strong></span></p>
<p>完全に新しいドメインは、ウェイバックマシンで検索すると、以下のような画面になります↓。<br />
<a href="https://webnoneta.com/wp-content/uploads/2020/03/newdomain.png"><img loading="lazy" class="waku alignnone wp-image-316 size-full" src="https://webnoneta.com/wp-content/uploads/2020/03/newdomain.png" alt="完全新規ドメイン" width="1256" height="426" srcset="https://webnoneta.com/wp-content/uploads/2020/03/newdomain.png 1256w, https://webnoneta.com/wp-content/uploads/2020/03/newdomain-300x102.png 300w, https://webnoneta.com/wp-content/uploads/2020/03/newdomain-1024x347.png 1024w, https://webnoneta.com/wp-content/uploads/2020/03/newdomain-768x260.png 768w" sizes="(max-width: 1256px) 100vw, 1256px" /></a></p>
<p>記録（アーカイブ）が全く無い状態になります。</p>
<p>SEO的には有利じゃないかもしれませんが、不利でもありません。<br />
中古ドメインは当たり外れがあって、Googleから低評価を受けていたりペナルティを喰らっているドメインは、誰にも分かりません。</p>
<p>そんなリスクの高い中古ドメインを買うよりは、正真正銘のまっさらなドメインを買うほうが、ブログ運営に変なリスクを持ち込まなくても済みます。</p>
<h2><span id="toc10">ドメインの決め方の手順：まとめ</span></h2>
<p>僕がやっているドメインの決め方の手順をまとめると、以下の通りです。</p>
<div class="information-box common-icon-box">
<ol>
<li>できるだけ短く、打ちやすいドメイン候補を考える。</li>
<li>誰でも理解しやすく、分かりやすいドメインを考える。</li>
<li>TLD（トップレベルドメイン）は、.comか.net。</li>
<li>上記の方法で、ドメイン候補を５〜10個考える。</li>
<li>お名前.comなどで、ドメインの空きがあるかを調べる。</li>
<li>空きドメインを念の為、ウェイバックマシンで調べる。</li>
<li>リスクの高そうな中古ドメインだった場合は、手順1にもどる。</li>
<li>完全な新規ドメインだった場合は、購入！</li>
</ol>
</div>
<p>という手順です。</p>
<p>ドメインを決める時の参考になれば嬉しいです。</p>
<p><!-- /wp:paragraph --></p>
]]></content:encoded>
					
					<wfw:commentRss>https://webnoneta.com/domain/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
