<?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>ウェブのネタ袋</title>
	<atom:link href="https://webnoneta.com/feed/" rel="self" type="application/rss+xml" />
	<link>https://webnoneta.com</link>
	<description>ブログ運営＆Webマーケティング情報</description>
	<lastBuildDate>Mon, 22 Feb 2021 05:36:34 +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>ウェブのネタ袋</title>
	<link>https://webnoneta.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>アフィリエイトで成功するための秘訣は、「良い情報をインプットすること」だ。</title>
		<link>https://webnoneta.com/howto-afi/</link>
					<comments>https://webnoneta.com/howto-afi/#respond</comments>
		
		<dc:creator><![CDATA[みっちー]]></dc:creator>
		<pubDate>Mon, 22 Feb 2021 05:36:34 +0000</pubDate>
				<category><![CDATA[work]]></category>
		<guid isPermaLink="false">https://webnoneta.com/?p=1280</guid>

					<description><![CDATA[パソコン1台でできる人気の副業に「アフィリエイト」があります。 個人で手軽に始めることができるし、うまく行けば本業よりも大きく稼ぐことも可能です。仕入不要、在庫も必要なし。初期投資も少ない…ということでアフィリエイトに挑 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>パソコン1台でできる人気の副業に「アフィリエイト」があります。</p>



<p>個人で手軽に始めることができるし、うまく行けば本業よりも大きく稼ぐことも可能です。<br>仕入不要、在庫も必要なし。初期投資も少ない…ということでアフィリエイトに挑戦する人はたくさんいます。</p>



<h2>アフィリエイトで稼げる人は、ほんの一握りという現実</h2>



<p>しかし、月5000円稼げる人は、アフィリエイター全体の１％程度しかいないとも言われています。<br>結構厳しい現実ですね。<br>稼げるからと気軽に始めてみたけど、全然アクセスが集まらないし儲からない（泣）ということで、諦めて辞めてしまう人のほうが、圧倒的に多いのが実情です。</p>



<p>じゃあやっぱり、アフィリエイトは稼げないの？<br>いえいえ、そんなことはありません。何事もそうなんですが、正しい方向で、正しい努力を継続すれば、必ず稼げる世界なのです。</p>



<p>成功の秘訣は「正しい方向で」「正しい努力」を、です。<br>簡単なようでこれが意外と難しいんですね。多くの人は間違った方向で走ってしまうので、「アフィリエイトは稼げないや」と諦めてしまうんです。</p>



<p>正しい方向で努力するには、良い情報を自分にインプットし、アップデートする必要があるのです。</p>



<h2>お金の無駄遣い？有料のアフィリ塾に入っても成功するとは限らない。</h2>



<p>あなたはアフィリエイトを始める時、アフィリエイトの仕組みや始め方、稼ぐノウハウをどのように学びますか？<br>多くの人は、次の４つの方法をとります。</p>



<div class="wp-block-cocoon-blocks-iconlist-box iconlist-box blank-box list-caret-right block-box"><div class="iconlist-title"></div>
<ol class="has-key-color-color has-watery-blue-background-color has-text-color has-background"><li>有料の情報商材を購入して勉強する。</li><li>アフィリエイト塾に入って勉強する。</li><li>ネットで情報を探して、自分で勉強する。</li><li>「そんな情報、必要ねぇ！」と、自分の考えだけで突っ走る。</li></ol>
</div>



<p>４．は論外ですが（笑）、よくあるのが有料の商材を買ったり、塾に入るケースです。<br>実際、僕は10年以上前にあるアフィリ塾（めちゃくちゃ有名）に入り、勉強した結果、月50万円を稼げるまでになったことがあります。</p>



<p>このように、「当たり」の塾に入れたら、稼ぐための正しい方向性を学べるので、稼ぐチャンスが大きく膨らみます。</p>



<p>しかし悲しいかな。<span class="marker-under">多くのアフィリエイト塾や有料商材で勉強しても、稼げない事が多いのです。何万円、何十万円とかけて頑張っても、稼げないことがあるのです。</span><br>それは、その塾や商材が、1回きりの成功をベースに作られていて再現性が難しかったり、時代遅れの方法だったりと、理由はさまざまですが、要するに「正しい方向性」を教えてくれないのですね。</p>



<p>大金をはたいても有益な情報にたどり着けない。<br>正直、初心者アフィリエイターを食い物にしてるんじゃないかと、内心腹が立っているんです。</p>



<p>でも、お金を払わないと良い情報をインプットできない？<br>いえ、意外とそんなことはなく、無料でもアフィリエイトの有益な情報をゲットできる方法がネット上にたくさん転がっているんです。</p>



<h2>無料で良質なアフィリ情報は、実はたくさんある！</h2>



<p>実は最近、無料でめちゃくちゃ良質なアフィリエイト情報を発信しているブログが増えています。<br><span class="marker-under">有料レベルの良質な情報が、無料で公開されています。</span></p>



<p>初心者の人は、まずはこうした無料の情報ブログで勉強・実践することをオススメします。<br>正直、僕が昔有料のアフィリ塾で学んだことなどは、今は無料で手に入れることもできるからです。</p>



<p>僕も、無料のアフィリ情報からたくさん学んでいるのですが、例えばこちらのブログ記事↓</p>




<a rel="noopener" target="_blank" href="https://onzoushi.com/affiliate-yarikata/" title="【完全無料】1日でアフィリエイト脳を育てる、アフィリエイトの基礎知識完全講義。【月10万円までの道のり】" 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/03ecf6d9e0098020adaa45d030d365c2.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">【完全無料】1日でアフィリエイト脳を育てる、アフィリエイトの基礎知識完全講義。【月10万円までの道のり】</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=onzoushi.com" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">onzoushi.com</div></div></div></div></a>




<p>アフィリエイトの基礎的な解説から、心構えなどがわかりやすく書かれています。<br>このブログでは、WordPressを使ったブログ開設の方法、SEO対策、ASPについての解説、収益アップのための手段などを分かりやすく解説しています。<br>このブログの運営者の方は、アフィリで月に180万円も稼いでいるようです。</p>



<p>このように、実際に稼いでいる人が無料で情報を提供してくれているブログがあるので、まずはそうしたところから学んでいくのが良いと思います。<br>なんたって無料ですし（笑）。<br>でも、内容は有料レベルです。</p>



<p>実際、このブログで勉強して実践して、稼ぐことができた人が多いようです。</p>



<p>このように、無料でも良い情報をインプットして、自分のアフィリ活動に活かすことができます。</p>



<h2>まとめ</h2>



<p>アフィリエイトで成功するためには、時間がかかります。<br>時給いくらで稼げる副業ではなく、役立つ記事をたくさん書いてアクセスを集めないと稼ぐことはできません。</p>



<p>アクセスが集まるまでは、無給を覚悟で頑張らないといけない世界です。<br>ほとんどの人が、稼げる前に諦めてしまうから、わずかの人しか稼げないんですね。</p>



<p>逆に考えれば、稼げるまで続けていけば、大きく成功できる世界でもあります。<br>そのためには、「正しく」「良い」情報をインプットすることが非常に大切です。</p>



<p><a rel="noopener" target="_blank" href="https://onzoushi.com/affiliate-yarikata/">今回紹介したブログ</a>のように、無料でも良質な情報を提供しているブログはたくさんありますので、どんどんインプットして、どんどんアウトプットしていきましょう。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://webnoneta.com/howto-afi/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>WordPressテーマ「TCD」を使ってみたので、レビュー！</title>
		<link>https://webnoneta.com/tcd-review/</link>
					<comments>https://webnoneta.com/tcd-review/#respond</comments>
		
		<dc:creator><![CDATA[みっちー]]></dc:creator>
		<pubDate>Fri, 12 Jun 2020 01:48:28 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">https://webnoneta.com/?p=1261</guid>

					<description><![CDATA[「WordPressでオシャレでかっこいいデザインテーマ無いかな〜？」と探した人は、必ずと言っていいほど目にしているサイトがあると思います。 それが、TCD。 TCDというのは、WordPressテーマの名前じゃなくて、 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>「WordPressでオシャレでかっこいいデザインテーマ無いかな〜？」<br>と探した人は、必ずと言っていいほど目にしているサイトがあると思います。</p>



<p>それが、<a rel="noopener" target="_blank" href="https://design-plus1.com/tcd-w/">TCD</a>。</p>



<p>TCDというのは、WordPressテーマの名前じゃなくて、有料テーマを提供しているサイトの名前です。<br>飲食店やホテル、エステサロン、美容クリニック、レストランなどの業種にぴったり合うオシャレなデザインや、ブログやニュースなどのメディア用に使えるテーマなど、多くのWordPressテーマをリリースしてくれています。</p>



<h2>TCDテーマの特徴</h2>



<p>僕は仕事でいくつかTCDテーマを使ったことがあります。<br>それらのテーマは、以下の通り。</p>



<a rel="noopener" target="_blank" href="https://tcdlink.xyz/link.php?i=5b88e7172202e&amp;m=5ee2eb62d5e07"><img loading="lazy" src="https://tcdlink.xyz/data.php?i=5b88e7172202e&amp;m=5ee2eb62d5e07" width="728" height="90" border="0"></a>



<a rel="noopener" target="_blank" href="https://tcdlink.xyz/link.php?i=5d19ad94e3843&amp;m=5ee2eb62d5e07"><img loading="lazy" src="https://tcdlink.xyz/data.php?i=5d19ad94e3843&amp;m=5ee2eb62d5e07" width="728" height="90" border="0"></a>



<a rel="noopener" target="_blank" href="https://tcdlink.xyz/link.php?i=5b85828e66357&amp;m=5ee2eb62d5e07"><img loading="lazy" src="https://tcdlink.xyz/data.php?i=5b85828e66357&amp;m=5ee2eb62d5e07" width="728" height="90" border="0"></a>



<p>これらのテーマはどれもオシャレで、デモ画面を見ているだけでうっとりするような、先進的であり、かつ格好いいWordPressテーマです。</p>



<p>それぞれ、メディア用、美容クリニック、医療系サイト用のテーマになっていますが、僕が作ったのはそれらの業種とは全然関係ないサイトばかりです。</p>



<p>つまり、TCDテーマは各業種用に作られてはいるのですが、全然違う業種のサイト構築にも使えるということです。</p>



<p class="has-text-color has-black-color">僕が考える、TCDテーマの特徴は、ズバリ<span class="bold-red">「デザインが良い」</span>というところです。</p>



<p>TCDテーマに沿って、コンテンツや写真を当てはめていくだけで、洗練されたオシャレなWebサイトが簡単に出来上がります。</p>



<p>このようなデザインを最初から自分で作るとなると、かなりの時間がかかるし、そもそもレベルが違いすぎて、うまく作れないと思います。</p>



<p>だから、簡単にオシャレなデザインのWebサイトを作りたい！という人にお勧めできるWordPressテーマです。<br>料金も2万円台が多いのかな。思ったほど高くはありません。<br>本腰を入れて、オシャレなサイトを作りたい人には、お勧めできます。</p>



<h2>TCDテーマの弱点は？</h2>



<p>デザイン的に素晴らしいTCDテーマですが、弱点もあります。<br>僕が経験して、「これはTCDの弱点かも」と思った点を挙げていきます。</p>



<h3>オシャレな写真がないと、中途半端なWebサイトになってしまう</h3>



<p>TCDのデモ画面は、それもうっとりするほどのオシャレデザインです。<br>でもそれらは「オシャレな写真を使っている」から、とも言えます。</p>



<p>今時のサイトは、写真を大きく見せるデザインが多く、TCDもオシャレな写真を入れています。<br>ところがいざ自分がTCDテーマでサイトを作った時に、しょぼい写真しか持っていなかったら、せっかくの洗練されたデザインがまったく活きず、中途半端な、逆にダサさを感じるWebサイトになってしまいます。</p>



<p>TCDテーマでサイトを作るときは、オシャレとはいかなくても、綺麗な写真を使わないと厳しいと思います。</p>



<h3>カスタマイズがほぼできない</h3>



<p>TCDテーマは、洗練されたデザインにするために綿密に設計されています。<br>テーマを入れてみて分かるのですが、カスタム投稿フィールドが多用されていたり、TOPページの写真を入れる場所や数、サイズが厳格に決められています。</p>



<p>例えばTOPページに写真が3つ横並びで入っているのを、4つにするといったカスタマイズは、非常に難しいです。<br>無理にカスタマイズすると、デザインバランスが崩れて、せっかくのオシャレなデザインが台無しになることも。</p>



<p>独自のビジュアルエディターが使われていたりと、ちょっとクセが強めかな。<br>TCDテーマに慣れていない人は、最初は戸惑うかもしれません。</p>



<p>TCDテーマを使う場合は、決められたルール通りに、忠実に作る方が良いです。<br>変にこだわりを持って、カスタマイズをしようとするとドツボにはまってしまうので、「TCDの設計通り、素直に作ろう」<br>という意識で、ルール通りに作った方が良いです。</p>



<p>そうすると、びっくりするくらい速く、スムーズにオシャレなサイトが出来上がります。</p>



<h3>プラグインを多めに入れる必要があるかも</h3>



<p>最近のWordPressテーマは、無料のものでも多機能になっていて、プラグインに頼らなくても良いものが増えています。</p>



<p>僕が愛用している<a rel="noopener" target="_blank" href="https://wp-cocoon.com/">Cocoon</a>もそうなんですが、SEO関連をはじめとして機能が充実しまくっているので、余分なプラグインを入れる必要がありません。<br>ということはつまり、WordPressサイトが軽くなるわけです。</p>



<p>プラグインは少なければ少ない方が良いのですが、TCDはデザイン機能に注力しているためか、機能的に見ればプラグインに頼らざるを得ない部分があります。</p>



<p>例えば、画像をクリックするとモーダルウィンドウになって、進むや戻るボタンがあって・・・というのは、多くのWordPressテーマでは当たり前のように実装されています。</p>



<p>でもTCDの場合は、WordPressの初期状態のままなので、モーダルウィンドウが開くことがなく、単に画像が拡大表示されるだけです。<br>画像を閉じようとしても出来ないので、ブラウザの戻るボタンで戻るしかないということになってしまい、LightBox系のプラグインを入れざるを得ない、ということも起こってきます。</p>



<h2>TCDテーマ　まとめ</h2>



<p>TCDテーマには、書いてきたような弱点は確かにあります。</p>



<p>でもそれを補って余りあるほどの<span class="marker-under">洗練されたデザインが提供されているのが最大の強み。</span>デザインに自信がない人でも、オシャレなWebサイトがサクッと作れるのが魅力です。</p>



<p>現に僕も、多くのクライアントさんのWebサイトを、TCDテーマで運用していますよ。<br>使い方を選ぶし、カスタマイズ困難な点では、汎用性にかけるところもあるのですが、何回も言うように、とにかくデザインが良い！</p>



<p>綺麗な写真を入れることができるなら、TCDテーマはお勧めできます。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://webnoneta.com/tcd-review/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>LINEオープンチャットの使い方。PTAや自治会の情報交換に最適だ。</title>
		<link>https://webnoneta.com/line-openchat/</link>
					<comments>https://webnoneta.com/line-openchat/#respond</comments>
		
		<dc:creator><![CDATA[みっちー]]></dc:creator>
		<pubDate>Mon, 27 Apr 2020 13:16:57 +0000</pubDate>
				<category><![CDATA[LIFE]]></category>
		<guid isPermaLink="false">https://webnoneta.com/?p=1215</guid>

					<description><![CDATA[先日、僕の住んでいる自治会でLINEオープンチャットを導入しました。結果、紙で回覧をまわす事が無くなり、集まって会議をしなくても済んだりと、メリットだらけでした。 コロナウイルス感染のリスクを侵さずに、LINE上で会議が [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>先日、僕の住んでいる自治会でLINEオープンチャットを導入しました。<br>結果、紙で回覧をまわす事が無くなり、集まって会議をしなくても済んだりと、メリットだらけでした。</p>



<p>コロナウイルス感染のリスクを侵さずに、LINE上で会議ができるし、良い事だらけです。<br>今回は、LINEオープンチャットの使い方について解説します。</p>



<h2>LINEオープンチャットってなに？LINEグループと何が違うの？</h2>



<p>LINEオープンチャットは、2019年8月に始まったLINEの新しいサービスです。</p>



<p>複数人で集まって、グループ（トークルーム）を作って情報交換するのは、従来のLINEグループでも出来たのですが、LINEの友だち交換をしなくてもトークルームに参加できるのが、最大の特徴です。</p>



<p>同じ趣味の人が集まったり、僕のように自治会やPTAの情報交換に使ったり、幅広い使い方ができます。</p>



<p>従来のLINEグループとオープンチャットの違いですが、以下の表にまとめてみました。</p>



<figure class="wp-block-table style=&quot;width:100%;&quot;"><div class="scrollable-table"><table class="has-fixed-layout"><tbody><tr><td></td><td><strong>LINEグループ</strong></td><td><strong>LINEオープンチャット</strong></td></tr><tr><td>参加方法</td><td>友だち交換をしないと、<br>グループに参加できない。</td><td>友だちにならなくても、<br>グループに参加できる。</td></tr><tr><td>グループ以外での会話</td><td>可</td><td>不可</td></tr><tr><td>匿名性について</td><td>LINEのIDはメンバー全員<br>に知られる。<br>メンバー間での匿名性は<br>ない。</td><td>LINEのIDを見ることは<br>できない。<br>メンバー間は匿名で<br>やりとりできる。</td></tr></tbody></table></div></figure>



<p>と、このように同じグループでトークが出来るのは同じでも、それぞれに特徴があります。</p>



<h3>友だち登録をしなくても参加できる</h3>



<p>オープンチャットでは、友だちにならなくても参加できて、しかも普段使っているLINEの名前を使わなくても、別の名前を設定してトークに参加できます。</p>



<p>このことから、例えば自治会でお互いに友だち登録をしなくても気軽に参加できるし、PTAだと「○○くんのママ」とか「〇〇ちゃんのパパ」という名前でトークに参加できます。</p>



<p>LINEで本名を名乗っていない人がグループに参加した場合、「これ誰？」と分からない場合って、多いですよね？<br>僕なんか、グループに招待されてグループトークをしているけど、1年以上たつのに「この人誰？」て思う事が多々あります。<br>後から入ってきた場合に「誰？」と聞きづらいし、発言内容から「あの人かも」と推察するしかないんですね。</p>



<p>でもオープンチャットなら、参加する時に別の名前を設定できるので、みんな本名を知っているメンバーでトークルームを作るときに、「誰でも分かるように本名で登録してね」としておけば、「この人誰？」となる心配はありません。</p>



<p>また、友達登録していなくてもオープンチャットに参加できるので、メンバー同士で個別にメッセージを送ることはできません。</p>



<p>「友達登録をするほど親しくないんだけど、トークルームに参加して情報交換をしたい」というニーズに合った使い方ができます。<br>だから<strong>オープンチャットは自治会やPTAといった、ローカルな小グループの情報交換にうってつけだと思います。</strong></p>



<h2>オープンチャットの始め方</h2>



<p>では、オープンチャットを始めてみましょう。<br>まずはLINEのホーム画面を開き、「オープンチャット」アイコンをタップします。</p>



<figure class="wp-block-image size-full is-resized"><img src="https://webnoneta.com/wp-content/uploads/2020/04/open01.png" alt="LINEホーム画面" class="wp-image-1228" width="300" srcset="https://webnoneta.com/wp-content/uploads/2020/04/open01.png 750w, https://webnoneta.com/wp-content/uploads/2020/04/open01-169x300.png 169w, https://webnoneta.com/wp-content/uploads/2020/04/open01-576x1024.png 576w" sizes="(max-width: 750px) 100vw, 750px" /></figure>



<p>次の画面で「オープンチャットを作成」をタップ</p>



<figure class="wp-block-image size-full is-resized"><img src="https://webnoneta.com/wp-content/uploads/2020/04/open02.png" alt="オープンチャットを作成" class="wp-image-1230" width="300" srcset="https://webnoneta.com/wp-content/uploads/2020/04/open02.png 750w, https://webnoneta.com/wp-content/uploads/2020/04/open02-169x300.png 169w, https://webnoneta.com/wp-content/uploads/2020/04/open02-576x1024.png 576w" sizes="(max-width: 750px) 100vw, 750px" /></figure>



<p>次にオープンチャット名を入力します。グループ名のことですね。<br>検索を許可のところをオンにすると、オープンチャットを検索したときに表示されます。</p>



<p>自治会やPTAなど、クローズなオープンチャットにしたい場合は、検索を許可をオフにしましょう。<br>（クローズなオープンチャットって、変な言い方　笑）</p>



<figure class="wp-block-image size-full is-resized"><img src="https://webnoneta.com/wp-content/uploads/2020/04/open03.png" alt="オープンチャット名を入力" class="wp-image-1231" width="300" srcset="https://webnoneta.com/wp-content/uploads/2020/04/open03.png 750w, https://webnoneta.com/wp-content/uploads/2020/04/open03-169x300.png 169w, https://webnoneta.com/wp-content/uploads/2020/04/open03-576x1024.png 576w" sizes="(max-width: 750px) 100vw, 750px" /><figcaption>クローズなグループの場合は、検索を許可を「オフ」にしよう。<br>上の画面は「オン」の状態。</figcaption></figure>



<p>次にプロフィール名を入力。<br>ここで設定するプロフィール名は、もとのLINEの名前に影響しません。<br>このオープンチャットだけに付けられる名前です。</p>



<p>自治会やPTAの場合は、誰でも分かるように本名で登録し、メンバーも本名で登録してもらうと、後の運営がやりやすくなります。</p>



<figure class="wp-block-image size-full is-resized"><img src="https://webnoneta.com/wp-content/uploads/2020/04/open04.png" alt="プロフィール名を入力" class="wp-image-1232" width="300" srcset="https://webnoneta.com/wp-content/uploads/2020/04/open04.png 750w, https://webnoneta.com/wp-content/uploads/2020/04/open04-169x300.png 169w, https://webnoneta.com/wp-content/uploads/2020/04/open04-576x1024.png 576w" sizes="(max-width: 750px) 100vw, 750px" /></figure>



<p>次が公開設定です。<br>「全体公開」を選択すると、参加の承認なく参加できます。</p>



<p>参加を承認したい場合は、参加コードを入力しておくか、参加の承認にしておく方法があります。</p>



<p>参加コードは管理者が任意に設定でき、参加者にコードを教えて参加してもらいます。<br>参加の承認は、管理者の参加承認がないと正式にメンバーになることはできません。</p>



<figure class="wp-block-image size-full is-resized"><img src="https://webnoneta.com/wp-content/uploads/2020/04/open05.png" alt="公開レベル" class="wp-image-1233" width="300" srcset="https://webnoneta.com/wp-content/uploads/2020/04/open05.png 750w, https://webnoneta.com/wp-content/uploads/2020/04/open05-169x300.png 169w, https://webnoneta.com/wp-content/uploads/2020/04/open05-576x1024.png 576w" sizes="(max-width: 750px) 100vw, 750px" /></figure>



<p>僕の場合、めんどくさかったので「全体公開」にしました。<br>というのは、<span class="marker-under">参加コードや承認制にすると、LINEの年齢確認をしていない人は、まず年齢確認をしないと参加できないんです。</span></p>



<p>これを参加者にいちいち説明するのが大変です。docomoやSoftbank、auなどで年齢確認をする必要があるし、最初にこの年齢確認をしていない人が意外と多いんです。</p>



<p>承認制にしなくても、検索をオフにしておけば他の人に発見される心配はないし、まず大丈夫でしょう。</p>



<p>最後の画面で、オープンチャットのQRコードが出ます。<br>このQRコードを読み込んでもらうと、ニックネームを入力するだけで参加できます。</p>



<figure class="wp-block-image size-full is-resized"><img src="https://webnoneta.com/wp-content/uploads/2020/04/open06.png" alt="オープンチャットQRコード" class="wp-image-1235" width="300" srcset="https://webnoneta.com/wp-content/uploads/2020/04/open06.png 750w, https://webnoneta.com/wp-content/uploads/2020/04/open06-169x300.png 169w, https://webnoneta.com/wp-content/uploads/2020/04/open06-576x1024.png 576w" sizes="(max-width: 750px) 100vw, 750px" /></figure>



<p>この手軽さが、LINEオープンチャットの一番のメリットだと思います。<br>いちいち友達登録をして、グループに招待するという手間がいらなくなり、QRコードを読んでもらうだけで、友達登録しなくてもトークルームのメンバーになってもらえます。</p>



<p>自治会やPTAの集まりとはいえ、親しくない人や友だちじゃない人もいますよね？<br>そんな人と友達登録をしたくないという人もいると思います。</p>



<p>そんな人にも「友達登録しなくてもグループに入れるんで、このQRコードを読んで」と頼みやすいのも、僕が気に入っている点です。</p>



<h2>注意点！通知は必ずオンにしよう（ただし、ローカルグループに限る）</h2>



<p>自治会やPTAでオープンチャットをする場合、注意点があります。<br><span class="marker-under">オープンチャットは、デフォルトで通知が「オフ」になっています。</span></p>



<p>本来の使い方は、共通の趣味を持つ全国の人たちとチャットを楽しむためのものなので、大きなトークルームになると何百人も参加者がいたりします。<br>それらの人が書き込むたびに通知が来れば、大変なことになります。</p>



<p>通知バッジが、あっという間に数百になることもあって、1日中ピコンピコンと通知が来ます。だからデフォルトでは通知オフになっているんですね。</p>



<p>でも、<strong><span class="marker-under">自治会やPTAなどのローカルなグループで使う場合、通知をオンにしておくことをオススメします。</span></strong><br>多分そんなローカルグループだと、連絡事項を書き込む程度の使い方になるので、通知オフのままだと、重要な連絡を見逃してしまうことになります。</p>



<p>通知をオンにする方法は、トークルームの右上にある3本線のアイコンをタップします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" width="749" height="170" src="https://webnoneta.com/wp-content/uploads/2020/04/tuchi01.png" alt="トークルームの設定ボタン" class="wp-image-1241" srcset="https://webnoneta.com/wp-content/uploads/2020/04/tuchi01.png 749w, https://webnoneta.com/wp-content/uploads/2020/04/tuchi01-300x68.png 300w" sizes="(max-width: 749px) 100vw, 749px" /></figure>



<p>次の画面の左上に通知アイコンがあるので、タップ。<br>下の図のようになれば、通知オンの状態です。</p>



<figure class="wp-block-image size-full"><img loading="lazy" width="750" height="296" src="https://webnoneta.com/wp-content/uploads/2020/04/tuchi02.png" alt="トークルーム通知オン" class="wp-image-1242" srcset="https://webnoneta.com/wp-content/uploads/2020/04/tuchi02.png 750w, https://webnoneta.com/wp-content/uploads/2020/04/tuchi02-300x118.png 300w" sizes="(max-width: 750px) 100vw, 750px" /></figure>



<h2>まとめ</h2>



<p>本当に親しい友人のグループを作る場合は、従来のLINEグループのほうが良いでしょう。そんな場合はすでにみんな友だち登録をしていると思うので、わざわざオープンチャットにする必要はありません。</p>



<p>でも、自治会やPTAなど、友だち登録をしていない人たちの集まりの場合、オープンチャットのほうが参加しやすいのがメリットです。</p>



<p>オープンチャットは、同じ趣味や共通の話題について、匿名でチャットをするという使い方が、本来の使い方です。<br>５ちゃんねるのようなイメージでしょうか。</p>



<p>でも、僕のようにローカルなグループの情報交換にオープンチャットを使うのも、一つの手ですよ。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://webnoneta.com/line-openchat/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>テレワークという働き方が、僕たちの価値観をガラリと変えるかも。</title>
		<link>https://webnoneta.com/telework-2/</link>
					<comments>https://webnoneta.com/telework-2/#respond</comments>
		
		<dc:creator><![CDATA[みっちー]]></dc:creator>
		<pubDate>Thu, 23 Apr 2020 12:39:43 +0000</pubDate>
				<category><![CDATA[work]]></category>
		<guid isPermaLink="false">https://webnoneta.com/?p=1178</guid>

					<description><![CDATA[本当にね、早く収束してもらいたいものです。コロナウイルス。コロナ禍がきっかけで、テレワークに移行する企業も増えています。なんとなく、これがきっかけで新しい生き方、新しい働き方がいやがおうにもやってくるような気がしています [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>本当にね、早く収束してもらいたいものです。コロナウイルス。<br>コロナ禍がきっかけで、テレワークに移行する企業も増えています。<br>なんとなく、これがきっかけで新しい生き方、新しい働き方がいやがおうにもやってくるような気がしています。</p>



<h2>テレワークの定着が、日本人の働き方を変えるかも</h2>



<p>まだまだコロナは収束しないと思うので、コロナ後のことを言うには早すぎると思うのですが、新しい働き方として今後さらにテレワークが浸透するんじゃないかと、密かに期待しています。</p>



<p>事務所に社員みんなが集合して、一斉に働くという昭和的価値観はガラガラと崩れ、これからは自分が住みたい場所で働ける時代がやってきます。</p>



<p>そうなると、東京や大阪など大都市に集まる意義が薄れるので、田舎が好きな人は田舎で暮らし、都会が好きな人は都会で暮らしつつ、ネットを通じて仕事が出来るようになる。<br><strong>場所に縛られない生き方ができる</strong>ことで、すごい価値観が変わると思います。</p>



<p>もちろん、モノづくりは工場などに出勤しないと出来ない仕事だし、配送業やサービス業など、多くの仕事はテレワークが不可能なことも分かってます。<br>そんな中でも、テレワークが可能な職種はたくさんあると思うので、出来るところからテレワークをどんどん進めていけば良いんじゃないかと思いますよ。</p>



<p>僕は、テレワークというのは働き方だけじゃなくて、生き方そのものも変わって行くんじゃないかと思っているんです。<br>それこそ、今までの価値観に固執していたら新しい生き方に対応できなくなってしまいます。</p>



<h2>今までの働き方の固定概念をぶっ壊せ！</h2>



<figure class="wp-block-image size-full"><img loading="lazy" width="1500" height="1125" src="https://webnoneta.com/wp-content/uploads/2020/04/tel01.jpg" alt="常識" class="wp-image-1207" srcset="https://webnoneta.com/wp-content/uploads/2020/04/tel01.jpg 1500w, https://webnoneta.com/wp-content/uploads/2020/04/tel01-300x225.jpg 300w, https://webnoneta.com/wp-content/uploads/2020/04/tel01-1024x768.jpg 1024w, https://webnoneta.com/wp-content/uploads/2020/04/tel01-768x576.jpg 768w" sizes="(max-width: 1500px) 100vw, 1500px" /></figure>



<p>時間をかけて通勤し、みんなが同じ時間に同じ場所に出社して、意味のない朝礼をやって、時間の無駄遣いの会議をやって、という考え方や価値観を変えないといけません。</p>



<p>こうした固定観念は、僕のような50代以上の人間に垢のようにこびり付いています。<br>曰く、「お互いに顔を合わせて仕事をしないといけない」とか、「会社に集合して同じ時間を共有することで、会社へのロイヤリティ（帰属意識）が高まる」とか。</p>



<p>僕は本業で管理職をやっているのでよく分かるんですが、イマドキ「滅私奉公」で会社のために一身を捧げますっていう社員なんか、ほとんどいませんよ。<br>そもそも会社への帰属意識なんかを求めるほうが、どうかしているんです。</p>



<p>縛り付けようとすればするほど、会社への愛着が薄れる場合もあります。<br>そんな昭和的価値観は、かなぐり捨てないとダメ。</p>



<p>「でも会社に行かないと、仲間が出来ないし人間関係が希薄になる？」</p>



<p>いやいや、会社でせっせと築き上げた人間関係なんて、大半は定年退職すると消えて無くなってしまうもんですよ。自分の住んでいる地域での人間関係を築くことをおろそかにしたまま会社に全てを尽くした結果、退職後には周りに誰も知り合いや友達が居ないという悲しいことになりかねません。</p>



<p>テレワークになると、住んでいる場所＝職場になるので、自分の住んでいる地域に深く関わりながら生きることが出来ます。人間関係は、自分が住んでいる地域を中心に築いていくべきなのです。</p>



<p>そうすることで、定年後も築き上げた人間関係がずっと続きます。<br>テレワークは、会社から離れて仕事をするのですが、逆に言うと住んでいる場所により密着して仕事をするということです。</p>



<p>今までの生き方の価値観をガラリを変えないとね。</p>



<h2>テレワークが今すぐ可能な職種とは？</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><li>翻訳</li><li>コンサル</li><li>営業</li><li>人事・総務</li></ul>
</div>



<p>・・・まだまだあると思います。</p>



<p>ただ、これらの職種が今すぐテレワークに切り替えるとすると、一番のネックになるのが「紙」です。</p>



<ul><li>紙の書類</li><li>伝票</li><li>決裁文書</li><li>注文書</li><li>指示伝票</li></ul>



<p>今までの仕事は、ほとんどすべてが「紙」にアウトプットしていたんですね。<br>でもテレワークでは「紙」は邪魔以外の何者でもありません。</p>



<p>紙をいかに捨てて、アウトプットをクラウド（データ管理）に変えるか。<br>今までの慣習やコミュニケーションの方法を変えることになるので、障壁が高いかもしれませんが、やるべきです！</p>



<p>これからの時代、「紙」で情報を伝達する必然性はどこにもありませんから。</p>



<h2>テレワークをするために必要な環境とは</h2>



<p>ということで、テレワークをするために必要な環境を考えていきましょう。</p>



<h3>データはクラウド環境に保存</h3>



<p>まずはさっきから書いているとおり、「紙」での情報伝達をやめることです。<br>これらはすべて、ネットに置き換えることが可能です。</p>



<p>文書フォーマットをすべて電子化し、それらを共有するために情報のやり取りはすべてクラウドで行います。</p>



<p>莫大なお金をかけなくても、Googleドライブで十分。<br>データの共有は、企業向けの容量無制限プラン（G SuiteのBusiness エディション）で十分いけます。</p>



<p>それから、受注管理や経理業務など、基幹業務用に社内ネットワークを構築しているケースが多いと思いますが、社外からでもアクセス出来るように環境を整える必要もあります。</p>



<p>基幹業務システムのサーバーを社内に置いているところが多いと思いますが、クラウドへ移行するべきだと思います。<br>今回はコロナ禍ですが、他にも自然災害というリスクもあり、いつ事務所が使えなくなるか分かりません。</p>



<p>だから基幹システムもクラウドに置くほうが、リスクヘッジになると思いますよ。</p>



<p>もちろん、セキュリティを万全にする必要がありますが、できればブラウザで操作できるようにすべきですね。</p>



<h3>ノートパソコンとWi-Fi環境</h3>



<p>パソコンは社内で使う場合も基本的にノートパソコンにして、Wi-Fi環境にしておくと、いざテレワークに移行する時に、すぐに実行できます。</p>



<p>デザイン業務なんかは、大きなモニタがあったほうが良いので、職場には大型モニタを設置して、ノートパソコンと接続できる環境にしておくと便利ですね。</p>



<h3>Web会議システム</h3>



<p>テレワークになると、会議も打ち合わせもすべてWebに移行します。<br>今注目されていて、コスパが良いのが<a rel="noopener" target="_blank" href="https://zoom.us/jp-jp/meetings.html">ZOOMミーティング</a>です。</p>



<p>100人が同時に参加できて、ミーティングが24時間使える契約で、月2000円という破格の安さで、Web会議システムが利用できます。<br>すごいコスパが良いですね。</p>



<p>ウェブ会議システムに高いお金をかけるよりも、ZOOMのようなサービスを使わせてもらうほうが、サクッと効率の良いWeb会議の環境が整います。</p>



<h2>まとめ：テレワークは新しい時代の働き方＆生き方だ</h2>



<figure class="wp-block-image size-full"><img loading="lazy" width="1500" height="1125" src="https://webnoneta.com/wp-content/uploads/2020/04/tel02.jpg" alt="常識からの解放" class="wp-image-1209" srcset="https://webnoneta.com/wp-content/uploads/2020/04/tel02.jpg 1500w, https://webnoneta.com/wp-content/uploads/2020/04/tel02-300x225.jpg 300w, https://webnoneta.com/wp-content/uploads/2020/04/tel02-1024x768.jpg 1024w, https://webnoneta.com/wp-content/uploads/2020/04/tel02-768x576.jpg 768w" sizes="(max-width: 1500px) 100vw, 1500px" /></figure>



<p>以上、テレワークに関する僕の考え方を書いてきました。<br>賛否両論あると思いますが、テレワークはこれからの時代にもっとも合った働き方だと確信しています。</p>



<p>社員が一つの場所に集まる必要がないので、例えば東京、大阪、名古屋、兵庫、福岡などに散らばっていても仕事ができます。</p>



<p>社員はそれぞれ、自分の好きな場所に根を下ろし、暮らしていくことができます。<br>そうなると、転勤で家族と離れることもなくなるし、職場の余計な人間関係や、意味不明な伝統・慣習に従う必要もなくなります。<br>地獄の通勤電車に乗る事もなくなります。</p>



<p>各人が自由な環境で仕事ができるのです。<br>もちろん、仕事の成果を出さないといけませんし、テレワークになれば仕事のパフォーマンスや結果を最優先に評価しないといけません。</p>



<p>だから、「決まった時間に出社して、1日中仕事をしているフリが上手な人」は、テレワーク時代には淘汰されるでしょう。<br>ある面、自律心が今以上に求められるようになるでしょう。</p>



<p>アフターコロナの時代は、今までの価値観がガラリと変わるかもしれません。<br>コロナ収束までは、長い長い道のりかもしれませんが、新しい価値観に合った新しい働き方をするために、テレワークが当たり前に浸透していくんじゃないかと思います。</p>



<p>今までの会社組織というのは、同質性が求められていました。「チームワーク」や「和」が重要視され、みんなが同じ価値観を持つことを半ば強要されていたようにも感じます。</p>



<p>でも、テレワークを中心とした会社組織では、多様性を認め合い、違う価値観を許し合いながら、協力して仕事の成果を上げるという方向にならざるを得ないと思います。<br>そのほうが、より人間らしい組織になると思うのは、僕だけでしょうか。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://webnoneta.com/telework-2/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>WordPressブログのスパムコメント対策はコレ一択だ！</title>
		<link>https://webnoneta.com/spamtaisaku/</link>
					<comments>https://webnoneta.com/spamtaisaku/#respond</comments>
		
		<dc:creator><![CDATA[みっちー]]></dc:creator>
		<pubDate>Tue, 21 Apr 2020 14:17:05 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">https://webnoneta.com/?p=1149</guid>

					<description><![CDATA[WordPressでブログを運営していると、必ず遭遇するのが「スパムコメント」です。ブログを初めて間もないころにコメント通知が来て、「おお！早くも読者からコメントが！」と喜んだものつかの間。 英語ばかりのスパムコメントを [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>WordPressでブログを運営していると、必ず遭遇するのが「スパムコメント」です。<br>ブログを初めて間もないころにコメント通知が来て、「おお！早くも読者からコメントが！」と喜んだものつかの間。</p>



<p>英語ばかりのスパムコメントを発見して「ムキーッ！」と怒った覚えは誰にでもあると思います。</p>



<p>今回は、そんなスパムコメントをシャットアウトして、快適なWordPressブログライフを楽しむための方法をシェアします。</p>



<h2>WordPressのスパムコメント対策は、reCAPTCHA（リキャプチャ）で決まり！</h2>



<p>reCAPTCHA（リキャプチャ）って聞いたことありますか？<br>これはWebサイトのフォームなどに入力する時に、悪質なスパム書き込みから守ってくれる仕組みのことです。</p>



<p>フォームやコメントに入力する時に「私はロボットではありません」というのにチェックを入れると、信号機やバスや横断歩道を選ぶ画面になった・・・という経験、あなたもあると思います。</p>



<figure class="wp-block-image size-full"><img loading="lazy" width="310" height="86" src="https://webnoneta.com/wp-content/uploads/2020/04/norobot.png" alt="私はロボットではありません" class="wp-image-1151" srcset="https://webnoneta.com/wp-content/uploads/2020/04/norobot.png 310w, https://webnoneta.com/wp-content/uploads/2020/04/norobot-300x83.png 300w" sizes="(max-width: 310px) 100vw, 310px" /><figcaption>こんなやつ↑。私はロボットではありませんにチェックを入れると・・・</figcaption></figure>



<figure class="wp-block-image size-full"><img loading="lazy" width="238" height="342" src="https://webnoneta.com/wp-content/uploads/2020/04/singouki.jpg" alt="信号機を選択" class="wp-image-1152" srcset="https://webnoneta.com/wp-content/uploads/2020/04/singouki.jpg 238w, https://webnoneta.com/wp-content/uploads/2020/04/singouki-209x300.jpg 209w" sizes="(max-width: 238px) 100vw, 238px" /><figcaption>信号機をすべて選択してください。と出てくる。<br>信号機以外にも、バスや横断歩道など、色んなバージョンがある。</figcaption></figure>



<p>これによって、悪質なbotによる自動書き込みをシャットアウトでき、スパムコメントを一掃できます。</p>



<p>でも、ユーザー側の立場になると、正直「ウザい」ですよね？<br>いちいち「私はロボットではありません」にチェックを入れて信号機を選ばされるんです。</p>



<p>「何様？」って感じですよね。<br>これじゃあ、せっかくコメントを書こうと思っていたのに、書く気も失せるってもんです。</p>



<p>ところがこのreCAPTCHA（リキャプチャ）、バージョンが進化してv3になっています。<br>仮面ライダーもv3になって進化したように、reCAPTCHA（リキャプチャ）も進化しました。</p>



<p>あのうざい「私はロボットではありません」の画面が出ずに、さりげなくreCAPTCHA（リキャプチャ）のロゴが表示されるだけになっています。</p>



<p>このブログでもコメント入力欄に導入していますが、さりげなく、ひっそりと表示されていて、ユーザーはいちいちチェックをしたり信号機を選ぶ必要が無くなりました。</p>



<figure class="wp-block-image size-full"><img loading="lazy" width="837" height="451" src="https://webnoneta.com/wp-content/uploads/2020/04/recapthagamen.png" alt="リキャプチャ画面" class="wp-image-1154" srcset="https://webnoneta.com/wp-content/uploads/2020/04/recapthagamen.png 837w, https://webnoneta.com/wp-content/uploads/2020/04/recapthagamen-300x162.png 300w, https://webnoneta.com/wp-content/uploads/2020/04/recapthagamen-768x414.png 768w" sizes="(max-width: 837px) 100vw, 837px" /><figcaption>v3では、さりげなくロゴが表示されるだけ。<br>「reCAPTCHAで保護されていますという」一文が安心感を与えてくれる。</figcaption></figure>



<p>reCAPTCHA（リキャプチャ）のAIが、ユーザーのページ内の行動を算出して、スパムかどうかを判定してくれるらしいです。<br>AIって、マジですげえ！です。<br>利用者が増えるとともに、判定精度も上がってきます。</p>



<p><strong><span class="bold-red">僕も実は、このブログにすべて英文のスパムコメントが毎日来てうんざりしていたのですが、reCAPTCHA（リキャプチャ）を導入後は、スパムコメントはパタッと止まりました！</span></strong></p>



<p>reCAPTCHA（リキャプチャ）は、WordPressブログの場合すごく簡単に導入できます。<br>ここからは、その方法を解説しますね。</p>



<h2>reCAPTCHA（リキャプチャ）導入手順</h2>



<p>reCAPTCHA（リキャプチャ）の導入は、次の手順で行います。</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のreCAPTCHA（リキャプチャ）画面でサイトを登録し、サイトキーとシークレットキーを取得。</li><li>Invisible reCaptchaプラグインをWordPressにインストール。</li><li>Invisible reCaptchaプラグインの設定画面でサイトキーとシークレットキーを登録。</li><li>コメント欄を守る設定をする（チェックを入れるだけ）</li></ul>
</div>



<p>以上です。やってみるとメチャクチャ簡単です。</p>



<h3>reCAPTCHA（リキャプチャ）画面でサイトを登録</h3>



<p>まずはGoogleのreCAPTCHA（リキャプチャ）画面へ行きましょう！</p>




<a rel="noopener" target="_blank" href="https://www.google.com/recaptcha/intro/v3.html" title="reCAPTCHA website security and fraud protection" 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/c193befae2b22183db2de37e2c6b61a9.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">reCAPTCHA website security and fraud protection</div><div class="blogcard-snippet external-blogcard-snippet">reCAPTCHA is bot protection for your website that prevents online fraudulent activity like scraping, credential stuffing, and account creation.</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=" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain"></div></div></div></div></a>




<p>グーグルアカウントが必要なので、まだの人はアカウントを取得しておきましょう。<br>その上で、下図の赤枠で囲ったボタンをクリックしてください。</p>



<figure class="wp-block-image size-full"><img loading="lazy" width="1500" height="653" src="https://webnoneta.com/wp-content/uploads/2020/04/recaptchagamen.png" alt="reCAPTCHA（リキャプチャ）画面" class="wp-image-1159" srcset="https://webnoneta.com/wp-content/uploads/2020/04/recaptchagamen.png 1500w, https://webnoneta.com/wp-content/uploads/2020/04/recaptchagamen-300x131.png 300w, https://webnoneta.com/wp-content/uploads/2020/04/recaptchagamen-1024x446.png 1024w, https://webnoneta.com/wp-content/uploads/2020/04/recaptchagamen-768x334.png 768w" sizes="(max-width: 1500px) 100vw, 1500px" /><figcaption>なんでミーアキャットの画像なのか？</figcaption></figure>



<p>右上の「Admin console」をクリック。<br>管理画面になるので、右上の方にある「＋」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" width="1500" height="190" src="https://webnoneta.com/wp-content/uploads/2020/04/re-01.png" alt="リキャプチャ" class="wp-image-1160" srcset="https://webnoneta.com/wp-content/uploads/2020/04/re-01.png 1500w, https://webnoneta.com/wp-content/uploads/2020/04/re-01-300x38.png 300w, https://webnoneta.com/wp-content/uploads/2020/04/re-01-1024x130.png 1024w, https://webnoneta.com/wp-content/uploads/2020/04/re-01-768x97.png 768w" sizes="(max-width: 1500px) 100vw, 1500px" /></figure>



<p>サイト情報を入力します。下の画面を参考にしてください。</p>



<figure class="wp-block-image size-full"><img loading="lazy" width="1099" height="592" src="https://webnoneta.com/wp-content/uploads/2020/04/re-02.png" alt="リキャプチャ設定" class="wp-image-1161" srcset="https://webnoneta.com/wp-content/uploads/2020/04/re-02.png 1099w, https://webnoneta.com/wp-content/uploads/2020/04/re-02-300x162.png 300w, https://webnoneta.com/wp-content/uploads/2020/04/re-02-1024x552.png 1024w, https://webnoneta.com/wp-content/uploads/2020/04/re-02-768x414.png 768w" sizes="(max-width: 1099px) 100vw, 1099px" /></figure>



<p>「ラベル」はブログ名にしておいたほうが、後の管理がやりやすいです。<br>あとはreCAPTCHAタイプを「v3」にして、ドメイン名を入力。<br>条件に同意して「送信」ボタンを押せば、登録完了です。</p>



<h3>サイトキーとシークレットキーをコピー</h3>



<p>管理画面の右上の方にある歯車をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" width="1500" height="189" src="https://webnoneta.com/wp-content/uploads/2020/04/re-03.png" alt="リキャプチャ設定" class="wp-image-1163" srcset="https://webnoneta.com/wp-content/uploads/2020/04/re-03.png 1500w, https://webnoneta.com/wp-content/uploads/2020/04/re-03-300x38.png 300w, https://webnoneta.com/wp-content/uploads/2020/04/re-03-1024x129.png 1024w, https://webnoneta.com/wp-content/uploads/2020/04/re-03-768x97.png 768w" sizes="(max-width: 1500px) 100vw, 1500px" /></figure>



<p>すると、下の画面になります。<br>reCAPTCHAのキーをクリックすると、サイトキーとシークレットキーが表示されます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" width="1216" height="654" src="https://webnoneta.com/wp-content/uploads/2020/04/re-04.png" alt="リキャプチャのキーを取得" class="wp-image-1164" srcset="https://webnoneta.com/wp-content/uploads/2020/04/re-04.png 1216w, https://webnoneta.com/wp-content/uploads/2020/04/re-04-300x161.png 300w, https://webnoneta.com/wp-content/uploads/2020/04/re-04-1024x551.png 1024w, https://webnoneta.com/wp-content/uploads/2020/04/re-04-768x413.png 768w" sizes="(max-width: 1216px) 100vw, 1216px" /></figure>



<p>後でこのキーを、WordPressのプラグインに設定するので、別タブで開いておくと、作業がしやすいです。</p>



<h3>WordPressプラグイン「Invisible reCaptcha」をインストール・設定</h3>



<p>プラグインの「Invisible reCaptcha」をインストールします。</p>




<a rel="noopener" target="_blank" href="https://ja.wordpress.org/plugins/invisible-recaptcha/" title="Invisible reCaptcha for WordPress" 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/invisible-recaptcha/assets/banner-772x250.png?rev=1560060" 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">Invisible reCaptcha for WordPress</div><div class="blogcard-snippet external-blogcard-snippet">Invisible reCaptcha for WordPress プラグインはあなたのサイトをGoogleの新しい Invisible 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 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>




<p>インストールが完了すると、「設定」のところにInvisible reCaptchaが出るので、それをクリック。</p>



<figure class="wp-block-image size-full"><img loading="lazy" width="473" height="264" src="https://webnoneta.com/wp-content/uploads/2020/04/re-05.png" alt="Invisible reCaptcha設定画面" class="wp-image-1167" srcset="https://webnoneta.com/wp-content/uploads/2020/04/re-05.png 473w, https://webnoneta.com/wp-content/uploads/2020/04/re-05-300x167.png 300w, https://webnoneta.com/wp-content/uploads/2020/04/re-05-240x135.png 240w, https://webnoneta.com/wp-content/uploads/2020/04/re-05-320x180.png 320w" sizes="(max-width: 473px) 100vw, 473px" /></figure>



<p>設定画面で、先程取得したサイトキーとシークレットキーをコピペします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" width="1105" height="709" src="https://webnoneta.com/wp-content/uploads/2020/04/re-06.png" alt="サイトキーとシークレットキーを入力。" class="wp-image-1168" srcset="https://webnoneta.com/wp-content/uploads/2020/04/re-06.png 1105w, https://webnoneta.com/wp-content/uploads/2020/04/re-06-300x192.png 300w, https://webnoneta.com/wp-content/uploads/2020/04/re-06-1024x657.png 1024w, https://webnoneta.com/wp-content/uploads/2020/04/re-06-768x493.png 768w" sizes="(max-width: 1105px) 100vw, 1105px" /></figure>



<p>Langage は「Japenese」を選択。<br>Badge Positionは、reCAPTCHA（リキャプチャ）バッジの表示方法です。<br>Inlineにしておくと、コメント入力欄のすぐ下にインライン表示されますので、無難かと。</p>



<p>入力が終われば「変更を保存」ボタンをポチッと。</p>



<p>次に「WordPress」タブをクリックして、コメントフォームを保護する項目にチェックを入れて保存すれば完了です。</p>



<figure class="wp-block-image size-full"><img loading="lazy" width="756" height="771" src="https://webnoneta.com/wp-content/uploads/2020/04/re-07.png" alt="コメントフォームを保護" class="wp-image-1169" srcset="https://webnoneta.com/wp-content/uploads/2020/04/re-07.png 756w, https://webnoneta.com/wp-content/uploads/2020/04/re-07-294x300.png 294w" sizes="(max-width: 756px) 100vw, 756px" /></figure>



<p>念の為、コメント入力フォームにreCAPTCHA（リキャプチャ）のバッジが表示されているか確認してください。</p>



<figure class="wp-block-image size-large is-resized"><img src="https://webnoneta.com/wp-content/uploads/2020/04/recapthagamen.png" alt="コメント入力フォーム" class="wp-image-1154" width="500" srcset="https://webnoneta.com/wp-content/uploads/2020/04/recapthagamen.png 837w, https://webnoneta.com/wp-content/uploads/2020/04/recapthagamen-300x162.png 300w, https://webnoneta.com/wp-content/uploads/2020/04/recapthagamen-768x414.png 768w" sizes="(max-width: 837px) 100vw, 837px" /><figcaption>バッジが表示されたらOK！</figcaption></figure>



<h2>まとめ</h2>



<p>ということで、WordPressブログのスパムコメント対策でした。<br>reCAPTCHA（リキャプチャ）を導入してからは、スパムコメントが無くなりました！<br>無料で手軽に導入できるので、オススメですよ。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://webnoneta.com/spamtaisaku/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<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>



<h2>WebP（ウェッピー）ってどんな画像形式？</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>WordPressで画像をWebPに変換する方法</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>EWWW Image OptimizerでWebP変換を設定する</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>.htaccessファイルに追記しよう</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>EWWW Image OptimizerでWebPに画像変換</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>まとめ</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>パソコン1台だけで出来る副業とは？おすすめの副業はコレだ！【その２：ライター】</title>
		<link>https://webnoneta.com/writer/</link>
					<comments>https://webnoneta.com/writer/#respond</comments>
		
		<dc:creator><![CDATA[みっちー]]></dc:creator>
		<pubDate>Sat, 11 Apr 2020 03:25:50 +0000</pubDate>
				<category><![CDATA[work]]></category>
		<guid isPermaLink="false">https://webnoneta.com/?p=1102</guid>

					<description><![CDATA[パソコン１台でできる副業として、前回はアフィリエイトを取り上げましたが、今回は第２段ということで、ブログやWebサイトの記事を執筆する「ライター」を紹介します。 ライターと聞いただけで、「無理っ、文章なんて書けない！」と [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>パソコン１台でできる副業として、前回は<a href="https://webnoneta.com/fukugyo/">アフィリエイト</a>を取り上げましたが、今回は第２段ということで、ブログやWebサイトの記事を執筆する<strong>「ライター」</strong>を紹介します。</p>



<p>ライターと聞いただけで、「無理っ、文章なんて書けない！」と尻込みする人が多いと思います。<br>もちろん、雑誌で執筆しているようなプロのライターを目指そうってわけじゃありません。</p>



<p><span class="marker-under">アマチュアレベルでも十分副業として稼ぐことは出来ますし、文章を書くのが苦手な人でも、稼ぐことはできます。</span><br>今回は、「普段文章なんて書いたことないし、自信がない」という人でも、副業として稼ぐ方法を解説します。</p>



<p>では行ってみましょう！</p>



<h2>ライターとは、どんな仕事？</h2>



<p>記事を執筆する職業は色々ありますが、今回紹介するのはWebサイトやブログの記事を執筆する「Webライター」という仕事です。</p>



<p>実はライターの需要というのは、あなたが思っている以上にたくさんあります。<br>最近では、アフィリエイトブログの記事を外注したり、自社の集客用ブログの記事を外注したりというニーズが高まっています。</p>



<p>記事執筆には多くの労力が必要になるので、外部のライターの力を借りたいという需要が多くなっているんですね。</p>



<p><strong>Webライターとしての仕事は、そうした企業や個人から記事執筆を請け負う仕事</strong>というわけです。<br>Webライターに必要なのはパソコン１台と、自分の頭だけ（笑）。<br>それこそパソコン１台あれば、世界中のどこでも仕事ができます。</p>



<p>パソコン１台と自分の頭脳だけで勝負できる世界。<br>それがWebライターというわけです。</p>



<h2>Webライターの稼ぎ方は？文章力がなくても大丈夫？</h2>



<figure class="wp-block-image size-full"><img loading="lazy" width="1500" height="1001" src="https://webnoneta.com/wp-content/uploads/2020/04/writer01.jpg" alt="ライター" class="wp-image-1113" srcset="https://webnoneta.com/wp-content/uploads/2020/04/writer01.jpg 1500w, https://webnoneta.com/wp-content/uploads/2020/04/writer01-300x200.jpg 300w, https://webnoneta.com/wp-content/uploads/2020/04/writer01-1024x683.jpg 1024w, https://webnoneta.com/wp-content/uploads/2020/04/writer01-768x513.jpg 768w" sizes="(max-width: 1500px) 100vw, 1500px" /></figure>



<p>Webライターはどこから仕事をもらってくるのかと言うと、<strong>アウトソーシング依頼サイトに登録して、仕事を得るというのが多いです。</strong></p>



<p>こうした依頼サイトに登録すると、たくさんの記事執筆案件があります。<br>メリットは、自分でメールや電話で営業をする必要がないということですね。<br>だから個人の副業でも仕事を見つけやすいんです。</p>



<p>アウトソーシング依頼サイトで人気なのが、<!-- Lancers Code START -->
<a rel="nofollow noopener" target="_blank" data-atag-id="9" data-post-id="1102" href="http://www.lancers.jp/affiliate/track?id=1440322&link=%2F">
ランサーズ</a>
<!-- Lancers Code END -->
と<a rel="noopener" target="_blank" href="https://crowdworks.jp/">クラウドワークス</a>です。<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>など、たくさんの案件があります。<br>そうした案件の中で、あなたの得意分野や体験済みのテーマがあれば、応募・提案して、契約が出来たら記事を執筆するという流れになります。</p>



<p>「漫画の見どころを紹介する記事」なんて、漫画好きの人からしたら趣味と仕事を兼ねられるので、すごく魅力的じゃないですか。</p>



<p>経験談などを書く仕事だと、特に高い文章力を求められているわけではなく、一消費者としてのリアルな体験談が欲しいという場合が多いので、文章に自信がない人でも大丈夫です。</p>



<p>報酬はピンキリで、１記事数百円のものもあれば、１記事数千円のものもあります。<br>当然求められる記事のレベルは違ってきますが、安い案件だと文章に自信がない人でも依頼がありますよ。</p>



<p>報酬はランサーズやクラウドワークスから支払われるので、「仕事をしたけどお金が入ってこない」という心配はありません。</p>



<h2>Webライターのメリット</h2>



<p>さて、Webライターのメリットですが、以下のとおりです。</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">Webライターのメリット</div>
<ul><li>パソコン１台でどこでも出来る仕事。</li><li>原価が発生しないので、報酬＝利益になる。</li><li>働いた分は確実にお金になる。</li></ul>
</div>



<p>です。</p>



<p>特に<strong>「働いた分は確実にお金になる」</strong>というところは、副業として魅力的です。<br>例えばアフィリエイトだと、一生懸命自分の時間を削って100記事書いても、数百円程度の報酬しか得られないことなんか、ザラにあります。</p>



<p>さらにアフィリの場合は、報酬につながるのが半年後〜1年後になるので、「今すぐ現金が欲しい！」という場合にはオススメできません。収入になるまで時間がかかりすぎるんですね。</p>



<p>でもWebライターの場合は、仕事を請け負った段階で報酬額が決まっているので、記事を書いた分は確実に収入に繋がります。</p>



<p>また、文章を納品すると報酬が振り込まれるので、「今すぐ現金が欲しい」場合に有利です。<br>記事を書けば書くほど、収入が増えるというのが、一番のメリットですね。</p>



<h2>Webライターのデメリット</h2>



<p>記事を書けば書くほど収入になるというのがWebライターのメリットですが、逆に言うと「書き続けないと収入が継続しない」というデメリットもあります。</p>



<p>というわけで、Webライターのデメリットは以下のような感じです。</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">Webライターのデメリット</div>
<ul><li>常に書き続けないと、収入にならない。（労働集約型）</li><li>文章スキルが低いと、収入が伸びない。</li></ul>
</div>



<p>の2点が挙げられます。</p>



<p>労働集約型の副業なので、自分が休むと収入が無くなるというデメリットがあります。<br>ここがアフィリエイトとは真逆で、アフィリエイトの場合はブログやサイトの記事が検索エンジン上位に表示されるようになると、何もしなくても集客できて報酬を得ることが可能になります。</p>



<p>つまり、自分が働かなくてもアフィリサイトが働いてくれて、放ったらかしで報酬が入ってくる仕組みができるわけです。</p>



<p>でもWebライターの場合は、記事執筆を請け負って報酬をもらう形なので、常に働き続ける必要があります。<br>記事を書き続けないと収入にならないというのは、結構精神的にもキツイものがります。</p>



<p>次に「文章スキルが低いと、収入が伸びない」ということですが、文章力を磨かないと、1記事数百円程度の仕事しかできないので、収入が伸びないんです。</p>



<p>下手をすると「コンビニでバイトしたほうが稼げる」状態になってしまいます。<br>文章スキルが高いと、継続して高い案件を任されることもありますし、収入が安定します。</p>



<p>文章スキルがなくても出来る仕事なんですが、それでもやはり「品質」というのは大事です。クライアントも「どんな下手な文章でもOK！」というところは、ほとんど無いですね。</p>



<h2>Webライターまとめ</h2>



<p>はい、ということでWebライターの仕事内容とメリット・デメリットについて解説してきました。<br>Webライターが合うのは、こんな人ですね↓</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">Webライターが合う人</div>
<ul><li>子育てや本業の合間など、自分の都合の良い時間に働きたい人。</li><li>記事を書けば書いた分だけ、報酬が欲しいと思う人。</li></ul>
</div>



<p>文章スキルによって報酬の大小はあるにしても、自分の好きな時間や空き時間に文章を書くだけで報酬を得られるのが、ライターの魅力です。</p>



<p>パソコン1台あればどこでも仕事が出来るのも、もう一つの魅力ですね。<br>田舎暮らしでも、世界中を旅してても、どこでも仕事ができるので、魅力的な副業だと言えるでしょう。</p>



<p>まずは<!-- Lancers Code START -->
<a rel="nofollow noopener" target="_blank" data-atag-id="9" data-post-id="1102" href="http://www.lancers.jp/affiliate/track?id=1440322&link=%2F">
ランサーズ</a>
<!-- Lancers Code END -->
にライター登録をして、どんな案件があるのかチェックしてみては？</p>



<!-- Lancers Code START -->
<a rel="nofollow noopener" target="_blank" href="http://www.lancers.jp/affiliate/track?id=1440322&#038;link=%2Flp%2Fuser">
<img alt="クラウドソーシング「ランサーズ」" src="http://www.lancers.jp/img/affiliate/lancer_1_468x60.gif?v=2.0" border="0"></a>
<!-- Lancers Code END -->

]]></content:encoded>
					
					<wfw:commentRss>https://webnoneta.com/writer/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>パソコン1台だけで出来る副業とは？おすすめの副業はコレだ！【その１：アフィリエイト】</title>
		<link>https://webnoneta.com/fukugyo/</link>
					<comments>https://webnoneta.com/fukugyo/#respond</comments>
		
		<dc:creator><![CDATA[みっちー]]></dc:creator>
		<pubDate>Wed, 08 Apr 2020 14:19:33 +0000</pubDate>
				<category><![CDATA[work]]></category>
		<guid isPermaLink="false">https://webnoneta.com/?p=1077</guid>

					<description><![CDATA[このところのコロナ騒ぎで、会社から自宅待機を命じられたり、テレワークをしたりと、今までの働き方の概念が大きく変わりそうな予感がしてます。 今までは一つの会社に属して、「会社の言うとおり」に働いていたら給料がもらえ、安定し [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>このところのコロナ騒ぎで、会社から自宅待機を命じられたり、テレワークをしたりと、今までの働き方の概念が大きく変わりそうな予感がしてます。</p>



<p>今までは一つの会社に属して、「会社の言うとおり」に働いていたら給料がもらえ、安定した暮らしが出来ていました。<br>でも今回のコロナウィルス感染症蔓延のような事態になると、「会社の言うとおり」に自宅待機して、「会社の言うとおり」に減給やボーナスカットを受けざるを得ない状況になってしまいます。</p>



<p>何が言いたいかと言うと、<strong>もはや「会社」だけに自分の人生や収入を頼っていたらダメだということ。</strong><br>これからは、副業などのダブルワークで、複数の収入源を確保することが、リスクヘッジになるということです。</p>



<p>というわけで、今回の記事は「副業」に関する話を書きますが、個人でリスクなく出来る副業の方法として、「パソコン１台あればできる副業」のおすすめを２回に分けて紹介します。</p>



<p>今回は【その１：アフィリエイト】の紹介です。<br>では、行ってみましょう！</p>



<h2>【オススメの副業】アフィリエイト</h2>



<p>パソコンでできる副業で一番有名で、人気なのが「アフィリエイト」です。</p>



<p>あなたのサイトやブログで広告主の商品を紹介して、商品が売れたら手数料をもらえるという仕組みのビジネスです。</p>



<p>広告主と直接契約するんじゃなくて、アフィリエイトASP（以下、ASP）というのが広告主とあなたの間に入ります。</p>



<p>例えば有名なのが<a rel="nofollow noopener" target="_blank" data-atag-id="8" data-post-id="1077" href="https://px.a8.net/svt/ejp?a8mat=TW6K0+D9HYQQ+0K+10FASI">A8.net</a>
<img border="0" width="1" height="1" src="https://www12.a8.net/0.gif?a8mat=TW6K0+D9HYQQ+0K+10FASI" alt="">です。初心者でも使いやすい、人気ナンバーワンのASPです。</p>



<p>ASPではたくさんの広告主が登録されているので、気に入った商品や広告主があれば提携申請をします。</p>



<p>審査に通れば、あなたは提携した商品を紹介でき、あなたのサイトを通して商品が売れたら手数料が入るという仕組みになります。</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>アフィリエイトASPに登録する。</li><li>気に入った商品や広告主を探し、提携申請をする。</li><li>提携が完了したら、あなたのブログで商品やサービスを紹介する。</li><li>商品やサービスが売れたら、あなたに手数料が支払われる。</li></ul>
</div>



<h3>アフィリエイトのメリット</h3>



<p><strong>アフィリエイトの一番のメリットは、パソコン１台あればできるということです。</strong></p>



<p>あなたは商品を仕入れる必要もないし、代金を回収する必要もありません。<br>商品を発送する必要もないです。</p>



<p>やることはたったの一つで、あなたのブログで商品を紹介するだけ。<br>ブログに貼った広告をクリックすると、広告主のサイトに飛ぶので、そこで商品が売れたら手数料が入ってきます。</p>



<p>売れても何もしなくて良いので、<strong>上手くいけば「放ったらかし」でお金が入る仕組みを構築できます。</strong>実際、スーパーアフィリエイターと呼ばれる人の中には、ほぼ放ったらかしで月に数百万円〜のお金を稼いでいる人もいます。</p>



<p>顔出しも不要。顔バレの心配がないので、個人がやる副業として、ほとんどリスクが無いです。</p>



<h3>アフィリエイトのデメリット</h3>



<p>ここまで書いてきたように、アフィリエイトは良いことづくしのように見えますが、デメリットもあります。</p>



<p><strong>一番のデメリットは「競合が激しい」ということです。<br></strong>どんなビジネスでも競合はありますが、アフィリエイトで稼げる人気ジャンル（美容、クレジット、車買取、引っ越しなど）は、ベテランアフィリエイターがひしめき合う世界で、初心者が太刀打ちできるジャンルではありません。</p>



<p>だから、「稼げるから」という理由だけで始めてしまうと、なかなか結果が出ずに諦めてしまう人も多いです。</p>



<p>実際、アフィリエイトをしている人で、月5,000円も稼げない人が大半だと言われています。<br>月数百万稼ぐ人がいるのもアフィリエイトの世界ですが、月数百円しか稼げない人がいるのも、アフィリエイトなのです。</p>



<p>どこの世界も同じですが、「楽して稼げる商売」なんて、無いんですね。<br>要は、将来楽をする（放ったらかしで稼ぐ）ために、今死にものぐるいで頑張るという世界です。</p>



<p>また、<strong>結果が出るのに時間がかかる</strong>のもデメリットです。<br>毎日記事をコツコツ書き続け、結果が出るのが半年〜1年後になります。<br>その間は収入がほとんど発生しません。</p>



<p>コツコツ頑張っても全然収入にならないので、多くの人が結果が出る前に諦めてしまうんですね。</p>



<p>競合が激しくて、結果が出るまで時間がかかる・・・<br>そうしたことから「アフィリエイトは稼げない」「アフィリエイトはオワコン」と言われているんだと思います。</p>



<h2>アフィリエイト　まとめ</h2>



<p>はい、ということでメリットもデメリットもあるアフィリエイトですが、何やかんや言ってもパソコン1台でリスクなく始められるので、副業にはピッタリです。</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-16 sbs-line sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img src="https://webnoneta.com/wp-content/uploads/2020/03/nikoniko.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon has-text-color has-background has-border-color has-white-color has-indigo-background-color has-indigo-border-color">
<p>月数百万も稼がなくても、副業として月3万円くらい稼げればOK！</p>
</div></div>



<p>という人は、コツコツ続ければ月3万円くらいは稼げますよ！わりと余裕で。</p>



<p>自宅でコツコツ記事を書くだけなので、時間と場所に縛られることがありません。<br>失敗しても自分の資産を失うわけじゃないですから、リスクはほぼゼロです。<br>必要なのはパソコン1台と、ドメイン代、サーバー代で年間12,000〜20,000円くらいですね。</p>



<p>諦めずにコツコツと記事を書き続けられる人には、おすすめできる副業です。<br>まずは一番人気のASPである<a rel="nofollow noopener" target="_blank" data-atag-id="8" data-post-id="1077" href="https://px.a8.net/svt/ejp?a8mat=TW6K0+D9HYQQ+0K+10FASI">A8.net</a>
<img border="0" width="1" height="1" src="https://www12.a8.net/0.gif?a8mat=TW6K0+D9HYQQ+0K+10FASI" alt="">に登録して、初めてみてはどうでしょうか？</p>



<div class="wp-block-cocoon-blocks-button-wrap-1 btn-wrap btn-wrap-block button-block btn-wrap-m has-background has-orange-background-color"><a rel="nofollow noopener" target="_blank" href="https://px.a8.net/svt/ejp?a8mat=TW6K0+D9I1TU+0K+ZSSLU">A8.netの公式ページ</a>
<img loading="lazy" border="0" width="1" height="1" src="https://www18.a8.net/0.gif?a8mat=TW6K0+D9I1TU+0K+ZSSLU" alt=""></div>



<p>結果が出るまで時間がかかりますが、結果が出始めるとほぼ放ったらかしでもお金が入ってくる仕組みが出来ます。<br>ほとんどの人は、結果が出る前に諦めてしまいますが、逆に言うと結果が出るまで続けられたら、大きな収入を得ることができるのも、アフィリエイトの魅力です。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://webnoneta.com/fukugyo/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>エックスサーバーへドメイン移管したので、その手順を公開します。</title>
		<link>https://webnoneta.com/domein-ikan/</link>
					<comments>https://webnoneta.com/domein-ikan/#respond</comments>
		
		<dc:creator><![CDATA[みっちー]]></dc:creator>
		<pubDate>Mon, 06 Apr 2020 14:24:55 +0000</pubDate>
				<category><![CDATA[サーバー]]></category>
		<guid isPermaLink="false">https://webnoneta.com/?p=1025</guid>

					<description><![CDATA[先日、某サーバー会社で管理してもらっていたドメインを、エックスサーバーに移管しました。 今まで、サーバー移転は何回もしていたんですが、ドメインの移転は初めての作業。かなり不安でドキドキしましたが、結果、意外なほど簡単に移 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>先日、某サーバー会社で管理してもらっていたドメインを、エックスサーバーに移管しました。</p>



<p>今まで、サーバー移転は何回もしていたんですが、ドメインの移転は初めての作業。かなり不安でドキドキしましたが、結果、意外なほど簡単に移管できました。</p>



<p>ということで今回の記事は、</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-line sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img src="https://webnoneta.com/wp-content/uploads/2020/03/nayami.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon has-text-color has-background has-border-color has-white-color has-indigo-background-color has-indigo-border-color">
<p>エックスサーバーへドメイン移管したいんだけど、うまく出来るかどうか不安・・・</p>
</div></div>



<p>という人向けに、僕がやった手順を公開します。</p>



<h2>ドメイン移管の流れについて</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><li>移管元会社でドメイン移管が承認される。</li><li>エックスサーバーにドメイン移管完了！ネームサーバー変更を忘れずに！</li></ul>
</div>



<p>という流れです。<br>では一つ一つの作業を説明しましょう。</p>



<h2>現状のドメイン管理会社に、ドメイン移管が可能か聞く</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></ul>
</div>



<p>です。<br>聞きづらいかもしれませんが、ドメイン移管は日常的にやっていると思うので、そこは思い切って、</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-16 sbs-line sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img src="https://webnoneta.com/wp-content/uploads/2020/03/nikoniko.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon has-text-color has-background has-border-color has-white-color has-indigo-background-color has-indigo-border-color">
<p>エックスサーバー株式会社にドメインを移管したいのですが、可能ですか？</p>
</div></div>



<p>と聞きましょう（メールで十分です）。<br>「そんなの嫌だ！」と言われたら仕方ないんですが、そんな意地悪言うドメイン管理会社はないので、安心してください。</p>



<p>.comや.netなどのドメインの場合は、レジストラロックがされていると思うので、ロックを外してもらうよう、お願いしましょう。</p>



<blockquote class="wp-block-quote"><p>レジストラロックとは、不正なレジストラ変更を阻止する為に、ドメイン管理業者でロックをかけ、レジストラ変更が第三者によって勝手に行えないようにするものです。</p><p>基本的には、ドメインの移管を行う際以外は常にレジストラロックがかけられている状態になります。</p><cite>引用；<a rel="noopener" target="_blank" href="https://www.xdomain.ne.jp/manual/man_domain_register_lock.php">エックスドメイン</a></cite></blockquote>



<p>レジストラロックがかかったままだと、移管手続きが出来ないので、必ずロック解除をしてもらいましょう。<br>（co.jpドメインは、元々ロックがかかっていないので、必要ありません）</p>



<h2>ドメイン解約の手続きをする</h2>



<p>ドメイン解約の手順は、各ドメイン管理会社によって微妙に違う場合があるので、しっかり手順を聞くようにしましょう。</p>



<p>ちなみに僕の場合、移管元の管理画面（Pleskという広く使われている管理画面でした）で、ドメイン解約の手続きが必要でした。</p>



<p>管理画面で解約をリクエストして、その後に「トラブルチケット」というのを発行。<br>ドメインの解約を、トラブルチケットで伝えるという流れでした。</p>



<p>本当はここで、移管元の管理画面を見せて説明したいところですが、移管元の名誉のために、あえて止めておきます。</p>



<div class="wp-block-cocoon-blocks-icon-box alert-box common-icon-box block-box">
<p>ドメイン移管には、移管元での契約期限が１ヶ月以上ないと移管できません。契約の当月に「移管したい」と言っても「ちょ待てよ！」となって移管できないことがありますので、契約期限が十分に残っているか事前に確認しましょう。</p>
</div>



<p><strong><span class="marker-under">解約が済んでも、契約期限いっぱいまでは移管元ドメインの設定（ネームサーバーの設定）は活きているので、安心してください。</span></strong><br>いきなりWebサイトが見られなくなる、ということはありません。<br>ゆっくり慌てずに、エックスサーバーでの手続きに移りましょう。</p>



<h2>エックスサーバーのサーバーパネルでドメインを追加しておく</h2>



<p>エックスサーバーでドメイン移管の手続きをする前に、ドメインの追加をしておくと、後々スムーズに作業が進みます。</p>



<p>サーバーパネルの「ドメイン設定」をクリック。</p>



<figure class="wp-block-image size-full"><img loading="lazy" width="1561" height="352" src="https://webnoneta.com/wp-content/uploads/2020/04/dimainikan-01.png" alt="ドメイン設定" class="wp-image-1041" srcset="https://webnoneta.com/wp-content/uploads/2020/04/dimainikan-01.png 1561w, https://webnoneta.com/wp-content/uploads/2020/04/dimainikan-01-300x68.png 300w, https://webnoneta.com/wp-content/uploads/2020/04/dimainikan-01-1024x231.png 1024w, https://webnoneta.com/wp-content/uploads/2020/04/dimainikan-01-768x173.png 768w, https://webnoneta.com/wp-content/uploads/2020/04/dimainikan-01-1536x346.png 1536w" sizes="(max-width: 1561px) 100vw, 1561px" /></figure>



<p>ドメイン設定追加画面で、移管するドメイン名を入力してドメイン登録をします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" width="1105" height="379" src="https://webnoneta.com/wp-content/uploads/2020/04/dimainikan-02.png" alt="ドメイン設定追加" class="wp-image-1042" srcset="https://webnoneta.com/wp-content/uploads/2020/04/dimainikan-02.png 1105w, https://webnoneta.com/wp-content/uploads/2020/04/dimainikan-02-300x103.png 300w, https://webnoneta.com/wp-content/uploads/2020/04/dimainikan-02-1024x351.png 1024w, https://webnoneta.com/wp-content/uploads/2020/04/dimainikan-02-768x263.png 768w" sizes="(max-width: 1105px) 100vw, 1105px" /></figure>



<p>これで準備完了です。<br>次はいよいよ、ドメイン移管の申し込みです。</p>



<h2>エックスドメイン管理画面で、ドメイン移管を申し込む</h2>



<p>エックスサーバーのアカウント画面を開きます。<br>（サーバーパネルではありません。前はインフォパネルと言ってました）</p>



<p>左のメニューから「サービスお申し込み」をクリック。</p>



<figure class="wp-block-image size-full is-resized"><img src="https://webnoneta.com/wp-content/uploads/2020/04/dimainikan-03.png" alt="サービスお申込み" class="wp-image-1045" width="500" srcset="https://webnoneta.com/wp-content/uploads/2020/04/dimainikan-03.png 984w, https://webnoneta.com/wp-content/uploads/2020/04/dimainikan-03-300x206.png 300w, https://webnoneta.com/wp-content/uploads/2020/04/dimainikan-03-768x527.png 768w" sizes="(max-width: 984px) 100vw, 984px" /></figure>



<p>次の画面でドメインの項目（エックスドメイン）があるので、「移管（指定事業者の変更）」をクリック。</p>



<figure class="wp-block-image size-full"><img loading="lazy" width="1197" height="460" src="https://webnoneta.com/wp-content/uploads/2020/04/dimainikan-04.png" alt="ドメイン移管ボタン" class="wp-image-1046" srcset="https://webnoneta.com/wp-content/uploads/2020/04/dimainikan-04.png 1197w, https://webnoneta.com/wp-content/uploads/2020/04/dimainikan-04-300x115.png 300w, https://webnoneta.com/wp-content/uploads/2020/04/dimainikan-04-1024x394.png 1024w, https://webnoneta.com/wp-content/uploads/2020/04/dimainikan-04-768x295.png 768w" sizes="(max-width: 1197px) 100vw, 1197px" /></figure>



<p>次に「利用規約」「個人情報に関する公表事項」の画面になるので、「同意する」をクリック。<br>すると、下図の画面になります。</p>



<figure class="wp-block-image size-full"><img loading="lazy" width="1204" height="795" src="https://webnoneta.com/wp-content/uploads/2020/04/dimainikan-05.png" alt="ドメイン移管申請" class="wp-image-1048" srcset="https://webnoneta.com/wp-content/uploads/2020/04/dimainikan-05.png 1204w, https://webnoneta.com/wp-content/uploads/2020/04/dimainikan-05-300x198.png 300w, https://webnoneta.com/wp-content/uploads/2020/04/dimainikan-05-1024x676.png 1024w, https://webnoneta.com/wp-content/uploads/2020/04/dimainikan-05-768x507.png 768w" sizes="(max-width: 1204px) 100vw, 1204px" /></figure>



<p>この画面で、移管するドメインを入力して「検索」ボタンを押します。</p>



<p>すると、<strong><span class="bold-green">「○移管可能です」</span></strong>と表示されるので、「お申込み内容の確認・料金のお支払い」ボタンをクリックします。</p>



<p>後は支払いの手続きを完了すればOKです。<br>これで移管手続きは終了です！</p>



<h2>エックスサーバーから移管元へ承認申請が送られる</h2>



<p>あとはエックスサーバーから移管元へ、ドメイン移管の承認申請が送られます。<br>移管元で申請を承認されたら、正式にドメイン移管が完了します。</p>



<p>この作業は、ドメイン管理会社間でされるので、あなたは何もしなくても大丈です。<br>ひたすら移管完了を待つのみです。</p>



<p>「承認作業完了後、約１週間〜10日間かかります」と、エックスサーバーの説明がありましたが、<strong>僕の場合は翌日に「【エックスドメイン】ドメイン移管完了のお知らせ」という件名のメールが来て、移管完了しました。</strong></p>



<p>めっちゃ速くてびっくりしましたよ！</p>



<h2>ネームサーバーの変更をして、ドメイン移管完了！</h2>



<p><strong><span class="marker-under">サーバー移転</span><span class="marker-under">もしている</span><span class="marker-under">場合、ドメイン移管を完了したら、必ずネームサーバーの変更をしましょう。</span></strong></p>



<p>ドメイン移管をする場合、サーバーも移転するケースが多いです。<br>今回の僕の場合も、サーバーをエックスサーバーに移したのですが、ドメイン移管を完了したままだと、ネームサーバーの設定がエックスサーバーになっていないので、移管前の旧サーバーを参照したままになっています。</p>



<p>ネームサーバーの変更は、エックスドメインのドメインパネル画面で行います。<br>エックスサーバーでWebサイトを運用する場合は<strong>「エックスサーバーで利用する」</strong>にチェックを入れ、「ネームサーバーの変更」ボタンを押すだけでOKです。</p>



<figure class="wp-block-image size-full"><img loading="lazy" width="1560" height="338" src="https://webnoneta.com/wp-content/uploads/2020/04/dndhenko-01.png" alt="ドメインパネル" class="wp-image-1069" srcset="https://webnoneta.com/wp-content/uploads/2020/04/dndhenko-01.png 1560w, https://webnoneta.com/wp-content/uploads/2020/04/dndhenko-01-300x65.png 300w, https://webnoneta.com/wp-content/uploads/2020/04/dndhenko-01-1024x222.png 1024w, https://webnoneta.com/wp-content/uploads/2020/04/dndhenko-01-768x166.png 768w, https://webnoneta.com/wp-content/uploads/2020/04/dndhenko-01-1536x333.png 1536w" sizes="(max-width: 1560px) 100vw, 1560px" /><figcaption>エックスサーバーアカウント画面で、「ドメインパネル」をクリック。</figcaption></figure>



<figure class="wp-block-image size-full"><img loading="lazy" width="1602" height="424" src="https://webnoneta.com/wp-content/uploads/2020/04/dndhenko-02.png" alt="ドメイン設定変更" class="wp-image-1070" srcset="https://webnoneta.com/wp-content/uploads/2020/04/dndhenko-02.png 1602w, https://webnoneta.com/wp-content/uploads/2020/04/dndhenko-02-300x79.png 300w, https://webnoneta.com/wp-content/uploads/2020/04/dndhenko-02-1024x271.png 1024w, https://webnoneta.com/wp-content/uploads/2020/04/dndhenko-02-768x203.png 768w, https://webnoneta.com/wp-content/uploads/2020/04/dndhenko-02-1536x407.png 1536w" sizes="(max-width: 1602px) 100vw, 1602px" /><figcaption>ネームサーバー情報の「設定変更」をクリック。</figcaption></figure>



<figure class="wp-block-image size-full"><img loading="lazy" width="1262" height="600" src="https://webnoneta.com/wp-content/uploads/2020/04/dndhenko-03-2.png" alt="ネームサーバー変更" class="wp-image-1073" srcset="https://webnoneta.com/wp-content/uploads/2020/04/dndhenko-03-2.png 1262w, https://webnoneta.com/wp-content/uploads/2020/04/dndhenko-03-2-300x143.png 300w, https://webnoneta.com/wp-content/uploads/2020/04/dndhenko-03-2-1024x487.png 1024w, https://webnoneta.com/wp-content/uploads/2020/04/dndhenko-03-2-768x365.png 768w" sizes="(max-width: 1262px) 100vw, 1262px" /><figcaption>「XSERVERで利用する」をクリックして完了！</figcaption></figure>



<p>エックスサーバーのネームサーバーは</p>



<div class="wp-block-cocoon-blocks-sticky-box blank-box sticky block-box">
<p>ネームサーバー1　 ns1.xserver.jp<br>ネームサーバー2 　ns2.xserver.jp<br>ネームサーバー3 　ns3.xserver.jp<br>ネームサーバー4 　ns4.xserver.jp<br>ネームサーバー5 　ns5.xserver.jp</p>
</div>



<p>を指定するのですが、「XSERVERサーバーで利用する」を選ぶと、自動的に上記のネームサーバーが入力されるので、楽です。</p>



<div class="wp-block-cocoon-blocks-icon-box alert-box common-icon-box block-box">
<p>ネームサーバーを変更してしばらくは、旧サーバーと新サーバー（この場合はエックスサーバー）を行ったり来たりしますので、どちらのサーバーにもHTMLファイルを置いておきましょう。<br>WordPressの場合も、新旧同じ環境に合わせておくのがベストです。<br>数時間〜1日程度待てば、完全に新サーバーを表示するようになります。<br>その段階で、旧サーバーからデータを削除するようにしましょう。</p>
</div>



<h2>まとめ</h2>



<p>以上、エックスサーバーにドメイン移管した時の手順でした。<br>僕自身、ドメイン移管は初めての経験でドキドキ不安でしたが、思っていたよりもスムーズに移管できて、ホッとしました。</p>



<p>手順を間違えなければ、1日〜2日程度で移管作業は完了します。</p>



<p>ドメイン管理会社によってドメイン移管手順は違ってくると思うので、作業の前に移管元と移管先の手順をしっかりと理解してから始めるようにしてくださいね。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://webnoneta.com/domein-ikan/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Chromebookで使えるHTMLエディタ。オススメは？</title>
		<link>https://webnoneta.com/htmledita/</link>
					<comments>https://webnoneta.com/htmledita/#respond</comments>
		
		<dc:creator><![CDATA[みっちー]]></dc:creator>
		<pubDate>Sun, 05 Apr 2020 11:37:41 +0000</pubDate>
				<category><![CDATA[Chromebook]]></category>
		<guid isPermaLink="false">https://webnoneta.com/?p=997</guid>

					<description><![CDATA[HTMLを書いたり編集できるHTMLエディタ。人気なのがSunlime TextやVisual Studio Code、Bracketsなどですが、すべてWindowsパソコンやMacにインストールして使うアプリで、残念 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>HTMLを書いたり編集できるHTMLエディタ。<br>人気なのがSunlime TextやVisual Studio Code、Bracketsなどですが、すべてWindowsパソコンやMacにインストールして使うアプリで、残念ながらChromebookで使えません。</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-13 sbs-line sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img src="https://webnoneta.com/wp-content/uploads/2020/02/question.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon has-text-color has-background has-border-color has-white-color has-indigo-background-color has-indigo-border-color">
<p>じゃあChromebookではHTMLエディタを使えないの？</p>
</div></div>



<p>いえいえ、そんなことはありません。<br>実はChromeの機能拡張である「Web Maker」を使えば、ChromebookでもサクサクHTMLの編集が出来てしまいます。</p>



<p>ということで今回は、Web Makerの特徴と使い方を紹介します。</p>



<h2>Web Makerとは？</h2>



<p>Web Maker（ウェブメーカー）とは、Chromeブラウザの機能拡張で、これをインストールすればChromeでHTMLコーディングができるというスグレモノです。<br>パソコン本体にインストールしなくても良くて、<strong><span class="marker-under">Chromeブラウザさえあれば使えるエディタなので、ChromebookにぴったりなHTMLエディタです。</span></strong></p>



<p>Chromeウェブストアからインストールして使えます。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">
<a rel="noopener" target="_blank" href="https://chrome.google.com/webstore/search/Web%20Maker?hl=ja" title="Chrome Web Store" 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/ab93e680be3cedade0e2774665ace289.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">Chrome Web Store</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=chromewebstore.google.com" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">chromewebstore.google.com</div></div></div></div></a>
</div>



<p>インストールすると、Chromeのツールバーにアイコンが表示されます。<br>下図の赤枠で囲ったアイコンです。</p>



<figure class="wp-block-image size-full"><img loading="lazy" width="381" height="103" src="https://webnoneta.com/wp-content/uploads/2020/04/webmaker01.png" alt="Web Makerアイコン" class="wp-image-1005" srcset="https://webnoneta.com/wp-content/uploads/2020/04/webmaker01.png 381w, https://webnoneta.com/wp-content/uploads/2020/04/webmaker01-300x81.png 300w" sizes="(max-width: 381px) 100vw, 381px" /></figure>



<p>これをクリックすると、別タブでHTMLエディタが表示されます。</p>



<p>下図の通り、<strong>１つの画面でHTML、CSS、JavaScriptを記述できて、さらに便利なのが右側にリアルタイムでプレビュー表示してくれます。</strong></p>



<figure class="wp-block-image size-full"><img loading="lazy" width="1500" height="752" src="https://webnoneta.com/wp-content/uploads/2020/04/webmaker02.png" alt="Web Makerの画面" class="wp-image-1006" srcset="https://webnoneta.com/wp-content/uploads/2020/04/webmaker02.png 1500w, https://webnoneta.com/wp-content/uploads/2020/04/webmaker02-300x150.png 300w, https://webnoneta.com/wp-content/uploads/2020/04/webmaker02-1024x513.png 1024w, https://webnoneta.com/wp-content/uploads/2020/04/webmaker02-768x385.png 768w" sizes="(max-width: 1500px) 100vw, 1500px" /></figure>



<p>いちいちソフトを立ち上げなくても、Chromeのタブをサッと開くだけでHTMLコーディングできるので、僕的にはSublime Textなどのエディタよりも手軽に使えますね。<br>１つの画面でHTML、CSS、JavaScriptを記述できるし、すごく使い勝手の良いHTMLエディタです。</p>



<p>ここからは、僕が使っていて「めっちゃ使いやすいやん！これ！」と思ったWeb Makerの特徴を紹介します。</p>



<h2>ここが使いやすいよ！Web Maker</h2>



<h3>軽くてサクサク動く快適エディタ</h3>



<p>Chromeブラウザで動くHTMLエディタなんですが、びっくりするくらいにサクサク動きます。<br>HTMLエディタとしての軽快感は、SublimeTextなどの人気エディタと遜色ないですね。</p>



<p>例えばAdobeのBracketsなんかだと、使い始めは軽快にサクサク動くのですが、コードが長くなったりすると、ちょっと「重いな」と感じる時もあります。</p>



<p>でも今のところ、Web Makerで「重いな」と感じたことはありません。<br>Web Makerが最速で軽いというわけではないと思いますが、ストレスなく気持ちよくHTMLコーディングができます。</p>



<h3>Emmetが使えるので、コーディングがはかどる！</h3>



<p>なにげに嬉しかったのが、Emmetが標準装備されていたこと。</p>



<div class="wp-block-cocoon-blocks-icon-box question-box common-icon-box block-box">
<p><strong>Emmetとは？<br></strong>Emmet(エメット）とは、HTMLやCSSを書く時にタブを押したりショートカットを利用して、コードの入力を補完してくれるツールのことで、これがあると、HTMLやCSSの入力がすごく捗ります。</p>
</div>



<p>例えば、Web MakerのHTML入力画面に「!」を入力して・・・</p>



<figure class="wp-block-image size-full"><img loading="lazy" width="912" height="472" src="https://webnoneta.com/wp-content/uploads/2020/04/webmaker03.png" alt="Emmet 入力例" class="wp-image-1010" srcset="https://webnoneta.com/wp-content/uploads/2020/04/webmaker03.png 912w, https://webnoneta.com/wp-content/uploads/2020/04/webmaker03-300x155.png 300w, https://webnoneta.com/wp-content/uploads/2020/04/webmaker03-768x397.png 768w" sizes="(max-width: 912px) 100vw, 912px" /></figure>



<p>タブキーを押すと、この通り↓</p>



<figure class="wp-block-image size-full"><img loading="lazy" width="902" height="472" src="https://webnoneta.com/wp-content/uploads/2020/04/webmaker04.png" alt="Emmet入力結果" class="wp-image-1011" srcset="https://webnoneta.com/wp-content/uploads/2020/04/webmaker04.png 902w, https://webnoneta.com/wp-content/uploads/2020/04/webmaker04-300x157.png 300w, https://webnoneta.com/wp-content/uploads/2020/04/webmaker04-768x402.png 768w" sizes="(max-width: 902px) 100vw, 902px" /></figure>



<p>コードが自動で入力されます。これはかなり便利です。</p>



<p>リストタグでも、このように書いて・・・</p>



<figure class="wp-block-image size-full"><img loading="lazy" width="281" height="119" src="https://webnoneta.com/wp-content/uploads/2020/04/webmaker05.png" alt="リストタグ" class="wp-image-1013"/></figure>



<p>タブキーを押すと、簡単に５個分のリストタグが自動入力されます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" width="265" height="288" src="https://webnoneta.com/wp-content/uploads/2020/04/webmaker06.png" alt="リストタグ自動入力" class="wp-image-1014"/></figure>



<p>これはほんの一例ですが、EmmetにはこのようにHTMLやCSSの入力を手助けしてくれる機能が満載なので、作業スピードと効率が爆上がりするんです。</p>



<p>CSSの入力も、途中まで打つとコードヒントが表示されるので、全部のコードを手打ちする必要が無くなります。</p>



<figure class="wp-block-image size-full"><img loading="lazy" width="356" height="560" src="https://webnoneta.com/wp-content/uploads/2020/04/webmaker07.png" alt="コードヒント" class="wp-image-1016" srcset="https://webnoneta.com/wp-content/uploads/2020/04/webmaker07.png 356w, https://webnoneta.com/wp-content/uploads/2020/04/webmaker07-191x300.png 191w" sizes="(max-width: 356px) 100vw, 356px" /></figure>



<p>今は主要なHTMLエディタには標準で搭載されていますが、Web Makerもちゃんと搭載されているのが嬉しいポイントですね。</p>



<h3>プレビューをリアルタイムで見られる！</h3>



<p>HTMLエディタによって、プレビューをリアルタイムで見られないものがあったり、あとから機能拡張を追加しないといけないものがあります。</p>



<p>でもWeb Makerは画面右側にプレビューエリアがあり、入力した内容がリアルタイムでプレビュー表示されます。これがかなり便利です！</p>



<figure class="wp-block-image size-full"><img loading="lazy" width="1612" height="512" src="https://webnoneta.com/wp-content/uploads/2020/04/webmaker08.png" alt="プレビュー表示" class="wp-image-1018" srcset="https://webnoneta.com/wp-content/uploads/2020/04/webmaker08.png 1612w, https://webnoneta.com/wp-content/uploads/2020/04/webmaker08-300x95.png 300w, https://webnoneta.com/wp-content/uploads/2020/04/webmaker08-1024x325.png 1024w, https://webnoneta.com/wp-content/uploads/2020/04/webmaker08-768x244.png 768w, https://webnoneta.com/wp-content/uploads/2020/04/webmaker08-1536x488.png 1536w" sizes="(max-width: 1612px) 100vw, 1612px" /></figure>



<p>プレビュー表示もすごく軽くてストレスなしです。<br>Webページの仕上がりをリアルタイムでチェックしながら作業ができるのは、作業スピードが上がりますね。</p>



<h3>オフラインでも使える！</h3>



<p>Web MakerはChromeブラウザで使うんですが、オフラインでもコードが書けます。<br>通信環境がないところでも、Web Makerでコーディングできるので、場所を選ばないのも嬉しいポイントです。</p>



<h2>入れておいて損はない機能拡張だ</h2>



<p>ということで、Chromebook使いの人は入れておいて絶対に損はない機能拡張です。<br>僕は最近WordPressでサイトやブログを作ることのほうが多いので、いちからHTMLを書く作業は減っています。</p>



<p>でもWordPressをカスタマイズするのにCSSを書く作業は当たり前にあります。<br>そんな時、ささっとChromeのタブを開いてCSSを書けて、プレビューで仕上がり確認ができるので、重宝しています。</p>



<p>インストール型のHTMLエディタを立ち上げるよりも、ブラウザでサクッとCSSを書くほうが作業スピードは上がりますよ。</p>



<p>ということで、ChromebookでおすすめのHTMLエディタ（機能拡張）、Web Makerの紹介でした！</p>
]]></content:encoded>
					
					<wfw:commentRss>https://webnoneta.com/htmledita/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
