<?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>Sleeping Monster</title>
	<atom:link href="http://localhost/feed" rel="self" type="application/rss+xml" />
	<link>https://www.sleepingmonster.dev/</link>
	<description>make or share something</description>
	<lastBuildDate>Tue, 27 Sep 2022 03:43:06 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.1</generator>
	<item>
		<title>Stable Diffusionをローカルで動かす</title>
		<link>https://www.sleepingmonster.dev/2022/08/223.html</link>
		
		<dc:creator><![CDATA[masa_xd]]></dc:creator>
		<pubDate>Wed, 24 Aug 2022 00:29:17 +0000</pubDate>
				<category><![CDATA[AI]]></category>
		<category><![CDATA[全て]]></category>
		<category><![CDATA[ai]]></category>
		<category><![CDATA[midjourny]]></category>
		<category><![CDATA[stablediffusion]]></category>
		<guid isPermaLink="false">https://www.sleepingmonster.dev/?p=223</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[
<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>今話題のAIに絵を描いてもらう為に、私のPCに環境を作った時の手順の備忘録だ</p>



<p>失敗した過程も含めて全部書いていく</p>



<p>Stable Diffusionについては深津さんのnoteがわかりやすい</p>
</div></div>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-reference">
<a rel="noopener" href="https://note.com/fladdict/n/n13c1413c40de" title="世界変革の前夜は思ったより静か｜深津 貴之 (fladdict)｜note" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img src="https://www.sleepingmonster.dev/wp-content/uploads/cocoon-resources/blog-card-cache/d4df4777bccc2a8fcdb00ffff3141213.png" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">世界変革の前夜は思ったより静か｜深津 貴之 (fladdict)｜note</div><div class="blogcard-snippet external-blogcard-snippet">世界のルールが根本的に変わってしまう… そういう展開は、マンガや映画ではよく起こる。それが現実でも起きそうだ。  あと数日（から数週間）で「トップレベルの画像生成AI」が、世界中にフリーで配布される。  イラスト、マンガはおろか3D CGや建築、動画、映像…果てはフェイクニュースからポルノまで…あらゆる創作に携わる全て...</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=https://note.com/fladdict/n/n13c1413c40de" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">note.com</div></div></div></div></a>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>なんだか凄そうですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>注意事項だが、私はAIの専門家では無い。ゲーマーだ</p>



<p>公式の情報やネットで集めた情報を元に雰囲気で設定したので、参考程度にして欲しい</p>



<p>私のPCの環境について説明しておく</p>
</div></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-memo block-box">
<figure class="wp-block-table is-style-regular has-medium-font-size"><table class="has-fixed-layout"><tbody><tr><td>OS</td><td>Windows 10 Home Edition</td></tr><tr><td>CPU</td><td>Intel(R) Core(TM) i9-9900 CPU @ 3.10GHz 3.10 GHz</td></tr><tr><td>メモリ</td><td>32.0 GB</td></tr><tr><td>GPU(グラボ)</td><td>NVIDIA GeForce RTX 3060 Ti 8GB</td></tr><tr><td>HDD</td><td>2.72TB ※ゲーム等が入っている</td></tr><tr><td>SSD1</td><td>237GB  ※OS等が入っている</td></tr><tr><td>SSD2</td><td>929GB　※ゲーム等が入っている</td></tr></tbody></table></figure>
</div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-hint block-box has-border-color has-pink-border-color"><div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" loading="lazy" width="787" height="76" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220824081856.png" alt="" class="wp-image-224" srcset="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220824081856.png 787w, https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220824081856-300x29.png 300w, https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220824081856-768x74.png 768w" sizes="(max-width: 787px) 100vw, 787px" /></figure></div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>HDDかつかつですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>Eドライブが空いているのでそこに環境を作る</p>



<p>私のPCにインストール済みだったソフトウェアについて書く</p>



<p>ただ、これについては記憶が曖昧だ</p>



<p>過去にCudaをインストールしていたかもしれないがそのような痕跡は見当たらない</p>
</div></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-memo block-box">
<p>Python 3.8.5<br>git version 2.22.0.windows.1</p>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>それだけなんですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>これから手順を説明するが、すべてPowerShellを使って進める</p>



<p>管理者として実行しておいた方が良いと思う</p>



<p>まずリポジトリのクローンを作成する</p>
</div></div>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-official">
<a rel="noopener" href="https://github.com/CompVis/stable-diffusion" title="GitHub - CompVis/stable-diffusion: A latent text-to-image diffusion model" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img src="https://opengraph.githubassets.com/79baadde895e0421138588a1bcbb18651b25c5ddfab37f4fb128a2d709b9d0f5/CompVis/stable-diffusion" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">GitHub - CompVis/stable-diffusion: A latent text-to-image diffusion model</div><div class="blogcard-snippet external-blogcard-snippet">A latent text-to-image diffusion model. Contribute to CompVis/stable-diffusion development by creating an account on GitHub.</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=https://github.com/CompVis/stable-diffusion" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">github.com</div></div></div></div></a>
</div>



<pre class="EnlighterJSRAW" data-enlighter-language="powershell" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">cd e:\ # インストールしたいディレクトリ
git clone https://github.com/CompVis/stable-diffusion.git</pre>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>始まりましたね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>condaというパッケージ管理ソフトを使用しているらしいのでインストールする</p>



<p>非営利目的の場合は無料で使えるぞ</p>



<p>詳しくは公式をチェックだ</p>
</div></div>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-official">
<a rel="noopener" href="https://www.anaconda.com/" title="Anaconda | The World&#039;s Most Popular Data Science Platform" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img src="https://assets.anaconda.com/production/anaconda-meta.jpg?w=1200&#038;h=630&#038;q=82&#038;auto=format&#038;fit=crop&#038;dm=1632326952&#038;s=b02ffdb79484f843136477989cc2d19c" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">Anaconda | The World's Most Popular Data Science Platform</div><div class="blogcard-snippet external-blogcard-snippet">Anaconda is the birthplace of Python data science. We are a movement of data scientists, data-driven enterprises, and open source communities.</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=https://www.anaconda.com/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">www.anaconda.com</div></div></div></div></a>
</div>



<figure class="wp-block-image size-large"><img decoding="async" loading="lazy" width="1024" height="584" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220824084011-1024x584.png" alt="" class="wp-image-228" srcset="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220824084011-1024x584.png 1024w, https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220824084011-300x171.png 300w, https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220824084011-768x438.png 768w, https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220824084011-120x68.png 120w, https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220824084011-160x90.png 160w, https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220824084011.png 1309w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>Anaconda3-2022.05-Windows-x86_64.exeを</p>



<p>ダウンロードしたんですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>ダウンロード後はデフォルトの設定のままインストールを完了した</p>



<p>その後、環境変数のPATHに3つのディレクトリを追加</p>
</div></div>



<pre class="EnlighterJSRAW" data-enlighter-language="powershell" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">C:\Users\&lt;USER>\anaconda3
C:\Users\&lt;USER>\anaconda3\Scripts
C:\Users\&lt;USER>\anaconda3\Library\bin</pre>



<div class="wp-block-cocoon-blocks-sticky-box blank-box block-box sticky st-red">
<p class="has-pink-color has-text-color">PATHを追加したらPowerShellを再起動</p>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>&lt;USER&gt;の所は書き換えてくださいね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>あとはパッケージをインストールする</p>
</div></div>



<pre class="EnlighterJSRAW" data-enlighter-language="powershell" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">cd .\stable-diffusion\  # cloneしたgitのディレクトリへ移動
conda env create -f environment.yaml # ちょっと時間かかる
conda activate ldm # 必要なパッケージのインストール</pre>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>ここまで順調ですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>次にモデルをダウンロードする。補足すると、これはAIの脳的なものだ</p>



<p>まずはHugging Faceにサインアップして欲しい</p>
</div></div>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-reference-link">
<a rel="noopener" href="https://huggingface.co/" title="Hugging Face – The AI community building the future." class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img src="https://www.sleepingmonster.dev/wp-content/uploads/cocoon-resources/blog-card-cache/5c5513aee074a0f4b419b0118de6a9c0.png" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">Hugging Face – The AI community building the future.</div><div class="blogcard-snippet external-blogcard-snippet">We’re on a journey to advance and democratize artificial intelligence through open source and open science.</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=https://huggingface.co/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">huggingface.co</div></div></div></div></a>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>🤗</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>そして、次にこの規約に同意する</p>
</div></div>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-reference-link">
<a rel="noopener" href="https://huggingface.co/CompVis/stable-diffusion-v-1-4-original" title="CompVis/stable-diffusion-v-1-4-original · Hugging Face" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img src="https://www.sleepingmonster.dev/wp-content/uploads/cocoon-resources/blog-card-cache/7d6293c8ae1773cb8696e9a03e90b28b.png" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">CompVis/stable-diffusion-v-1-4-original · Hugging Face</div><div class="blogcard-snippet external-blogcard-snippet">We’re on a journey to advance and democratize artificial intelligence through open source and open science.</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=https://huggingface.co/CompVis/stable-diffusion-v-1-4-original" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">huggingface.co</div></div></div></div></a>
</div>



<figure class="wp-block-image size-full"><img decoding="async" loading="lazy" width="916" height="759" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220824075625.png" alt="" class="wp-image-230" srcset="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220824075625.png 916w, https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220824075625-300x249.png 300w, https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220824075625-768x636.png 768w" sizes="(max-width: 916px) 100vw, 916px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>🤗</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>そしてモデルのクローンを作成する。。。が</p>



<p>ここでエラーが出た</p>
</div></div>



<pre class="EnlighterJSRAW" data-enlighter-language="powershell" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">cd e:\ # 移動
git clone https://huggingface.co/CompVis/stable-diffusion-v-1-4-original/</pre>



<pre class="EnlighterJSRAW" data-enlighter-language="raw" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">(base) PS E:\> git clone https://huggingface.co/CompVis/stable-diffusion-v-1-4-original/
Cloning into 'stable-diffusion-v-1-4-original'...
remote: Enumerating objects: 26, done.
remote: Counting objects: 100% (26/26), done.
remote: Compressing objects: 100% (25/25), done.
remote: Total 26 (delta 6), reused 0 (delta 0), pack-reused 0
Unpacking objects: 100% (26/26), done.
Encountered 1 file(s) that may not have been copied correctly on Windows:
        sd-v1-4.ckpt

See: `git lfs help smudge` for more details.</pre>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>困りましたね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>ファイルサイズが大きいらしいので、lfsオプションをつけて再度実行する</p>
</div></div>



<pre class="EnlighterJSRAW" data-enlighter-language="powershell" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">git lfs clone https://huggingface.co/CompVis/stable-diffusion-v-1-4-original/</pre>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>うまく行きましたね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>クローンしたモデルを設置する為にディレクトリを作成し、その後移動する</p>
</div></div>



<pre class="EnlighterJSRAW" data-enlighter-language="powershell" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">mkdir -p .\stable-diffusion\models\ldm\stable-diffusion-v1\
mv .\stable-diffusion-v-1-4-original\sd-v1-4.ckpt .\stable-diffusion\models\ldm\stable-diffusion-v1\model.ckpt</pre>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>リンクを貼らないんですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>準備完了、セットアップした環境を使いコマンドを実行</p>



<p>ここでエラーが出た</p>
</div></div>



<pre class="EnlighterJSRAW" data-enlighter-language="powershell" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">cd .\stable-diffusion\
conda activate ldm
python scripts/txt2img.py --prompt "a photograph of an astronaut riding a horse" --plms 


&lt;#
RuntimeError: CUDA out of memory. Tried to allocate 3.00 GiB (GPU 0; 8.00 GiB total capacity; 5.62 GiB already allocated; 0 bytes free; 5.74 GiB reserved in total by PyTorch) If reserved memory is >> allocated memory try setting max_split_size_mb to avoid fragmentation.  See documentation for Memory Management and PYTORCH_CUDA_ALLOC_CONF
#></pre>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>GPUのメモリが足りないんですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>ここで<a rel="noopener" href="https://twitter.com/koyoarai_" target="_blank">@kyorai_</a>さんの素晴らしい記事に出会った</p>
</div></div>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-reference">
<a rel="noopener" href="https://zenn.dev/koyoarai_/articles/02f3ed864c6127bb2049" title="話題のStable Diffusionがオープンソース化されたのでローカルで動かしてみる" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img src="https://www.sleepingmonster.dev/wp-content/uploads/cocoon-resources/blog-card-cache/696137e2f5d4a7693f9384eb39bbee95.png" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">話題のStable Diffusionがオープンソース化されたのでローカルで動かしてみる</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=https://zenn.dev/koyoarai_/articles/02f3ed864c6127bb2049" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">zenn.dev</div></div></div></div></a>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>感謝します</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>低メモリな環境に最適化されたリポジトリを取得し、モデルをセットする</p>
</div></div>



<pre class="EnlighterJSRAW" data-enlighter-language="powershell" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">cd e:\
git clone https://github.com/basujindal/stable-diffusion  stable-diffusion_b #名前が被るのでリネーム
mkdir -p .\stable-diffusion_b\stable-diffusion\models\ldm\stable-diffusion-v1\ # ディレクトリ作成
mv .\stable-diffusion\models\ldm\stable-diffusion-v1\model.ckpt .\stable-diffusion_b\models\ldm\stable-diffusion-v1\model.ckpt # モデルを移動</pre>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>いよいよですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>最初に作ったAnacondaの環境を削除し、環境を再構築する</p>
</div></div>



<pre class="EnlighterJSRAW" data-enlighter-language="powershell" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">conda remove -n ldm --all # 環境を削除
cd .\stable-diffusion_b\
conda env create -f environment.yaml # 環境構築
conda activate ldm # 環境を切り替え</pre>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>長い戦いでしたね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>さぁ、ではコマンドを実行してみよう</p>



<p>画像が20個作成されたぞ</p>
</div></div>



<pre class="EnlighterJSRAW" data-enlighter-language="powershell" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">python optimizedSD/optimized_txt2img.py --prompt "Cyberpunk style image of a Telsa car reflection in rain" --H 512 --W 512 --seed 27 --n_iter 2 --n_samples 10 --ddim_steps 50</pre>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" loading="lazy" width="985" height="384" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220824092035.png" alt="" class="wp-image-236" srcset="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220824092035.png 985w, https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220824092035-300x117.png 300w, https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220824092035-768x299.png 768w" sizes="(max-width: 985px) 100vw, 985px" /></figure></div>


<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>8分くらいかかりましたね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>長い道のりだったが、ゲーマーにも手が届く範囲にAIが近づいているのを実感できるよい機会だった。専門家ではないので、解答できる事には限界があると思うが、なにか間違いや気になる事があればTwitterで相談して欲しい</p>



<p>速度をもう少し早くしたいが今は調べる気力がない</p>



<p>続報があればまた追記する</p>



<p></p>



<p></p>



<figure class="wp-block-embed aligncenter is-type-rich is-provider-twitter wp-block-embed-twitter margin: 1000px auto !important;"><div class="wp-block-embed__wrapper">
<blockquote class="twitter-tweet" data-width="550" data-dnt="true"><p lang="ja" dir="ltr">GPUが弱いPC環境ですが <a href="https://twitter.com/hashtag/stablediffusion?src=hash&amp;ref_src=twsrc%5Etfw">#stablediffusion</a> をローカルで動かす事ができました！<br>手順のメモを公開します。ご参考まで。。。<br><br>OSWindows 10 Home Edition<br>CPUIntel(R) Core(TM) i9-9900 CPU @ 3.10GHz 3.10 GHz<br>メモリ32.0 GB<br>GPU(グラボ)NVIDIA GeForce RTX 3060 Ti 8GB<a href="https://t.co/YSzRMdptuG">https://t.co/YSzRMdptuG</a></p>&mdash; masa_xd (@masa_xd_masa) <a href="https://twitter.com/masa_xd_masa/status/1562237526953594881?ref_src=twsrc%5Etfw">August 24, 2022</a></blockquote><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div></figure>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>ちなみに、私達はMidjournyさんに描いていただきました</p>
</div></div>
</div></div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>(Google Sheets)スプレッドシートでカラースケールを使ってみる</title>
		<link>https://www.sleepingmonster.dev/2022/08/185.html</link>
		
		<dc:creator><![CDATA[masa_xd]]></dc:creator>
		<pubDate>Sun, 21 Aug 2022 06:41:52 +0000</pubDate>
				<category><![CDATA[GoogleSheets]]></category>
		<category><![CDATA[全て]]></category>
		<category><![CDATA[google]]></category>
		<guid isPermaLink="false">https://www.sleepingmonster.dev/?p=185</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[
<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>私はGoogleのスプレッドシートが好きだ</p>



<p>もちろん、エクセルも好きだ</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>そうなんですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>スプレッドシートでカラースケールを使う方法を伝えたい</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>よろしくお願いします</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>今回は新型コロナ感染症に関するデータを使い、スプレッドシートの使い方を説明する</p>



<p>都道府県毎にデータの傾向を掴めるよう設定していく</p>



<p>※データは2022/08/21現在のもの</p>
</div></div>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-dl">
<a rel="noopener" href="https://www3.nhk.or.jp/news/special/coronavirus/data-all/#graph&#8211;infect-death__infect" title="新型コロナウイルス 日本国内の感染者数・死者数・重症者数データ｜NHK特設サイト" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img src="https://www.sleepingmonster.dev/wp-content/uploads/cocoon-resources/blog-card-cache/b586c59c2d45501ea7340c1e4e0b4e2d.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">新型コロナウイルス 日本国内の感染者数・死者数・重症者数データ｜NHK特設サイト</div><div class="blogcard-snippet external-blogcard-snippet">【NHK】新型コロナウイルスの日本国内の感染者数や死者数、重症者数の最新データです。</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=https://www3.nhk.or.jp/news/special/coronavirus/data-all/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">www3.nhk.or.jp</div></div></div></div></a>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>新型コロナ関連の情報提供:NHK</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>最終的にできあがるスプレッドシートはこれだ</p>
</div></div>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-reference-link">
<a rel="noopener" href="https://docs.google.com/spreadsheets/d/1Tfp-KHS0_XfUTMkXwsR3QJknqQUUS2xjv8ut5vKI72k/edit#gid=1914518579" title="都道府県別の感染者数まとめ" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img src="https://lh5.googleusercontent.com/m-8UYbfFkMEWabtZSrrANC9_eX3nT3bpQE_W8gTpcuuxymTTuUU22Wlhjxdx2fv1Riop1IAs8Tv4uw=w1200-h630-p" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">都道府県別の感染者数まとめ</div><div class="blogcard-snippet external-blogcard-snippet">Sheet1

日付,都道府県コード,都道府県名,各地の感染者数_1日ごとの発表数,各地の感染者数_累計,各地の死者数_1日ごとの発表数,各地の死者数_累計,各地の直近1週間の人口10万人あたりの感染者数,出典
2022/7/24,1,北海道,4072,420850,2,2115,419.11,新型コロナ関連の情報提供...</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=https://docs.google.com/spreadsheets/d/1Tfp-KHS0_XfUTMkXwsR3QJknqQUUS2xjv8ut5vKI72k/edit?usp=embed_facebook" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">docs.google.com</div></div></div></div></a>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>感謝します</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>まず直近28日間のデータを抜き出しスプレッドシートに貼り付ける</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>2022/07/24からのデータですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>ピボットテーブルを使い、都道府県毎にまとめる</p>



<p>この時、都道府県コードを行の先頭に置いておくのがコツだ</p>



<p>これから添付する画像達はクリックすると全画面で見る事ができるが、重いので注意</p>
</div></div>



<figure class="wp-block-image size-full"><a href="https://drive.google.com/file/d/1FBUUBfedPCdAEByGey3vN1VawQ0GZ3Fs/view?usp=sharing"><img decoding="async" loading="lazy" width="1920" height="1080" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/pivot_1.gif" alt="" class="wp-image-199"/></a></figure>


<div class="wp-block-image">
<figure class="aligncenter size-full"><a href="https://drive.google.com/file/d/1vb8eTphJoDrqiOK7Q0dJBBM6zJjKEbkt/view?usp=sharing"><img decoding="async" loading="lazy" width="1920" height="1080" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/pivot_2.gif" alt="" class="wp-image-201"/></a></figure></div>


<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>簡単ですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>次に「表示形式」→「条件付き書式」と選択し</p>



<p>カラースケールのタブを開いて適用する範囲を入力しよう</p>
</div></div>



<figure class="wp-block-image size-full"><a href="https://drive.google.com/file/d/12z3xM2p6f28wW__l0ig9OQ3zx4L0v6RZ/view?usp=sharing"><img decoding="async" loading="lazy" width="1920" height="1080" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/irotuke_1.gif" alt="" class="wp-image-203"/></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>一部緑になりましたね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>都道府県ごとの傾向を見るために、最小点と最大点をこのように設定する</p>
</div></div>



<figure class="wp-block-image size-full"><a href="https://drive.google.com/file/d/1r36x-ERERTST76DZvC0jo6636E7zetIh/view?usp=sharing"><img decoding="async" loading="lazy" width="1920" height="1080" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/irotuke_2.gif" alt="" class="wp-image-206"/></a></figure>



<p></p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>なるほどです</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>全体的に緑になってしまい、見にくい</p>



<p>上位10%だけに色をつける事にする</p>
</div></div>



<figure class="wp-block-image size-full"><a href="https://drive.google.com/file/d/1cO90aUvzuKGbdVoXrE7RjgPOk3FB-Fv-/view?usp=sharing"><img decoding="async" loading="lazy" width="1920" height="1080" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/irotuke_3.gif" alt="" class="wp-image-208"/></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>見やすくなりましたね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>以上だ、色々な事に応用してみて欲しい</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>ありがとうございました</p>
</div></div>
</div></div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Node.jsを使ってFirebase StorageをEmulatorで動かそうとしたら困った話</title>
		<link>https://www.sleepingmonster.dev/2022/08/154.html</link>
		
		<dc:creator><![CDATA[masa_xd]]></dc:creator>
		<pubDate>Fri, 19 Aug 2022 13:30:57 +0000</pubDate>
				<category><![CDATA[Firebase]]></category>
		<category><![CDATA[全て]]></category>
		<category><![CDATA[firebase]]></category>
		<guid isPermaLink="false">https://www.sleepingmonster.dev/?p=154</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[
<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>突然だが、私は雰囲気でFlutterやFirebaseを触っている</p>



<p>そんな私が先日かなり困ってしまった事について説明する</p>
</div></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box has-border-color has-pink-border-color">
<p>ソースコード内の&lt;YOUR_KEY_FILENAME_PATH>や&lt;PROJECT_ID>等は適宜、環境に合わせて書き換えてください</p>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>よろしくお願いします</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>csvファイルをFirebase storageにアップロードするスクリプトを</p>



<p>Node.jsで書いていた</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>そうなんですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>次の図の通り、一つのスクリプトでEmulatorと本番環境の両方へアップロードできるかを検証していた。今回詰まったポイントは下のStorage Emulatorに送信する部分だ</p>
</div></div>



<figure class="wp-block-image size-full is-resized"><img decoding="async" loading="lazy" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/setsumei.png" alt="一つのスクリプトでEmulatorと本番環境の両方へアップロードできるようなスクリプトの図" class="wp-image-162" width="840" height="630" srcset="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/setsumei.png 960w, https://www.sleepingmonster.dev/wp-content/uploads/2022/08/setsumei-300x225.png 300w, https://www.sleepingmonster.dev/wp-content/uploads/2022/08/setsumei-768x576.png 768w" sizes="(max-width: 840px) 100vw, 840px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>できそうですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>Storage Emulatorのインストールや起動は簡単だった</p>



<p>公式のドキュメントを参考にして欲しい</p>
</div></div>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-official">
<a rel="noopener" href="https://firebase.google.com/docs/emulator-suite/install_and_configure?hl=ja" title="Local Emulator Suite のインストール、構成、統合  |  Firebase Local Emulator Suite" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Ffirebase.google.com%2Fdocs%2Femulator-suite%2Finstall_and_configure%3Fhl%3Dja?w=160&#038;h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">Local Emulator Suite のインストール、構成、統合  |  Firebase Local Emulator Suite</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=https://firebase.google.com/docs/emulator-suite/install_and_configure?hl=ja" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">firebase.google.com</div></div></div></div></a>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>簡単そうですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>問題は読むドキュメントにあった</p>



<p>今回実装したかった機能は主に管理用の機能だ。</p>



<p>しかし気がつけばクライアント向けのドキュメントを見ており非常に混乱してしまった</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>気をつけないといけないですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>備忘録として、管理者用の機能を実装する為のドキュメントと</p>



<p>クライアント用の機能を実装する為のドキュメントを紹介したいと思う</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>ありがとうございます</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>管理者用の機能を実装する時に参考になったドキュメントはちら</p>
</div></div>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-official">
<a rel="noopener" href="https://firebase.google.com/docs/storage/admin/start?hl=ja" title="Admin Cloud Storage API の概要  |  Firebase Storage" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Ffirebase.google.com%2Fdocs%2Fstorage%2Fadmin%2Fstart%3Fhl%3Dja?w=160&#038;h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">Admin Cloud Storage API の概要  |  Firebase Storage</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=https://firebase.google.com/docs/storage/admin/start?hl=ja" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">firebase.google.com</div></div></div></div></a>
</div>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-official">
<a rel="noopener" href="https://googleapis.dev/nodejs/storage/latest/" title="
      Home - Documentation
  " class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fgoogleapis.dev%2Fnodejs%2Fstorage%2Flatest%2F?w=160&#038;h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">
      Home - Documentation
  </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=https://googleapis.dev/nodejs/storage/latest/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">googleapis.dev</div></div></div></div></a>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>ありがとうございます</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>管理者として、ファイルをアップロードする為のサンプルコードはこちら</p>
</div></div>



<pre class="EnlighterJSRAW" data-enlighter-language="js" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">const { initializeApp, cert } = require("firebase-admin/app");

const { getStorage } = require("firebase-admin/storage");

const KEY_FILENAME_PATH = "&lt;KEY_FILENAME_PATH>";
const BUCKET_NAME = "&lt;BUCKET_NAME>";
const LOCAL_FILE = "./storage/test.csv";

const serviceAccount = require(KEY_FILENAME_PATH);

process.env["FIREBASE_STORAGE_EMULATOR_HOST"] = "localhost:9199";

initializeApp({
  credential: cert(serviceAccount),
  storageBucket: BUCKET_NAME,
});

const bucket = getStorage().bucket();

bucket.upload(LOCAL_FILE, {}, async function (err, callback) {
  if (err) {
    console.log(err);
  } else {
    console.log(`uploaded!!!`);
  }
});</pre>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>ありがとうございます</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>11行目の処理があればEmulatorに繋がるし、無ければ本番へ繋がるぞ</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>お疲れ様でした</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>クライアント用の機能を実装する時に参考になったドキュメントはこちら</p>
</div></div>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-official">
<a rel="noopener" href="https://firebase.google.com/docs/reference/node?hl=ja&#038;authuser=0" title="JavaScript SDK  |  Node.js (client) API reference  |  Firebase" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Ffirebase.google.com%2Fdocs%2Freference%2Fnode%3Fhl%3Dja%26authuser%3D0?w=160&#038;h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">JavaScript SDK  |  Node.js (client) API reference  |  Firebase</div><div class="blogcard-snippet external-blogcard-snippet">Reference for JavaScript SDK</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=https://firebase.google.com/docs/reference/node" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">firebase.google.com</div></div></div></div></a>
</div>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-official">
<a rel="noopener" href="https://firebase.google.com/docs/reference/node/firebase.storage?hl=ja&#038;authuser=0" title="storage | JavaScript SDK  |  Node.js (client) API reference  |  Firebase" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Ffirebase.google.com%2Fdocs%2Freference%2Fnode%2Ffirebase.storage%3Fhl%3Dja%26authuser%3D0?w=160&#038;h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">storage | JavaScript SDK  |  Node.js (client) API reference  |  Firebase</div><div class="blogcard-snippet external-blogcard-snippet">Reference for storage</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=https://firebase.google.com/docs/reference/node/firebase.storage" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">firebase.google.com</div></div></div></div></a>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>ありがとうございます</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>クライアントとして、ファイルをアップロードする為のサンプルコードはこちら</p>
</div></div>



<pre class="EnlighterJSRAW" data-enlighter-language="js" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">const { initializeApp } = require("firebase/app");
const {
  getStorage,
  connectStorageEmulator,
  ref,
  uploadBytes,
} = require("firebase/storage");
const { readFileSync } = require("fs");

const API_KEY_STR = "&lt;API_KEY_STR>";
const PROJECT_ID = "&lt;PROJECT_ID>";
const LOCAL_FILE = "./storage/test.csv";

const firebaseConfig = {
  apiKey: API_KEY_STR,
  authDomain: PROJECT_ID + ".firebaseapp.com",
  databaseURL: "https://asia-northeast1.firebaseio.com/",
  projectId: PROJECT_ID,
  storageBucket: PROJECT_ID + ".appspot.com",
};

const app = initializeApp(firebaseConfig);
const storage = getStorage(app);
connectStorageEmulator(storage, "localhost", 9199);

const storageRef = ref(storage, "test.csv");

const metadata = {
  contentType: "text/csv",
};

const localFile = readFileSync(LOCAL_FILE);
uploadBytes(storageRef, localFile, metadata);</pre>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>ありがとうございます</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>24行目の処理があればEmulatorに繋がるし、無ければ本番へ繋がるぞ</p>



<p>firebaseConfigの設定については公式のドキュメントも分かりやすい</p>
</div></div>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-official">
<a rel="noopener" href="https://firebase.google.com/docs/web/learn-more#config-object" title="Learn more about Web and Firebase" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Ffirebase.google.com%2Fdocs%2Fweb%2Flearn-more%23config-object?w=160&#038;h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">Learn more about Web and Firebase</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=https://firebase.google.com/docs/web/learn-more" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">firebase.google.com</div></div></div></div></a>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>すばらしいですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>このようなエラーが出ると思うが</p>



<p>その時はstorage.rulesを更新するか認証用の機能を実装しよう</p>
</div></div>



<pre class="EnlighterJSRAW" data-enlighter-language="bash" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">[StorageError [FirebaseError]: Firebase Storage: User does not have permission to access 'test.csv'. (storage/unauthorized)] {
  code: 'storage/unauthorized',
  customData: { serverResponse: '' },
  _baseMessage: "Firebase Storage: User does not have permission to access 'test.csv'. (storage/unauthorized)"
}</pre>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>認証関係のエラーですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>Emulatorで使ってみたいだけなら、このよう書き換えても良いだろう</p>



<p>ただし、本番へデプロイしないよう注意すること</p>
</div></div>



<pre class="EnlighterJSRAW" data-enlighter-language="js" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">rules_version = '2';
service firebase.storage {
  match /b/{bucket}/o {
    match /{allPaths=**} {
      allow read, write: if true;
    }
  }
}</pre>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>デプロイすると危険ですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>この記事を書くのにも4時間程かかったように思う</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>お疲れ様でした</p>
</div></div>
</div></div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>AdSenseが不承認になったので対策をする</title>
		<link>https://www.sleepingmonster.dev/2022/08/114.html</link>
		
		<dc:creator><![CDATA[masa_xd]]></dc:creator>
		<pubDate>Tue, 16 Aug 2022 06:50:24 +0000</pubDate>
				<category><![CDATA[ブログ]]></category>
		<guid isPermaLink="false">https://www.sleepingmonster.dev/?p=114</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[
<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>AdSenseが承認されるまで頑張るぞ</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>応援しています</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>今日はこれだけの動画を見た。その知見を元に対策を行う</p>
</div></div>



<div class="wp-block-cocoon-blocks-label-box-1 label-box block-box has-text-color has-border-color has-pink-color has-pink-border-color"><div class="label-box-label block-box-label box-label fab-graduation-cap"><span class="label-box-label-text block-box-label-text box-label-text">確認した動画</span></div><div class="label-box-content block-box-content box-content">
<p>・<a rel="noopener" href="https://www.youtube.com/watch?v=lZUG0XGlZZY" target="_blank">サイトが承認されるには</a></p>



<p>・<a rel="noopener" href="https://www.youtube.com/watch?v=5rGrtGFIqFI&amp;list=PLbAFD4oU9Ycr4j1pViNjkS82rhbF293H8&amp;index=1" target="_blank">AdSense のサイト承認シリーズへようこそ</a></p>



<p>・<a rel="noopener" href="https://www.youtube.com/watch?v=WMKabXtWuFc&amp;list=PLbAFD4oU9Ycr4j1pViNjkS82rhbF293H8&amp;index=2" target="_blank">Google AdSense サイトの所有権と基本的なチェック項目</a></p>



<p>・<a rel="noopener" href="https://www.youtube.com/watch?v=kY4oVKT2z4A&amp;list=PLbAFD4oU9Ycr4j1pViNjkS82rhbF293H8&amp;index=3" target="_blank">Google AdSense &#8211; 有効なトラフィックと無効なトラフィック</a></p>



<p>・<a rel="noopener" href="https://www.youtube.com/watch?v=poU80MgSvrY&amp;list=PLbAFD4oU9Ycr4j1pViNjkS82rhbF293H8&amp;index=4" target="_blank">Google AdSense &#8211; コンテンツの品質</a></p>



<p>・<a rel="noopener" href="https://www.youtube.com/watch?v=X_xKMJ8m6nY&amp;list=PLbAFD4oU9Ycr4j1pViNjkS82rhbF293H8&amp;index=5" target="_blank">Google AdSense &#8211; ナビゲーション</a></p>



<p>・<a rel="noopener" href="https://www.youtube.com/watch?v=X5TQHbCumjM&amp;list=PLbAFD4oU9Ycr4j1pViNjkS82rhbF293H8&amp;index=6" target="_blank">Google AdSense サイトの不承認と対処方法</a></p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>お疲れ様でした</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>対策を始める前に当時の状況を説明する</p>



<p>前回審査に落ちた時点での、このサイトの画像がこちら</p>
</div></div>


<div class="wp-block-image">
<figure class="aligncenter size-medium"><img decoding="async" loading="lazy" width="261" height="300" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220816125151-261x300.png" alt="過去のブログ記事" class="wp-image-117" srcset="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220816125151-261x300.png 261w, https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220816125151.png 709w" sizes="(max-width: 261px) 100vw, 261px" /></figure></div>


<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>シンプルですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>このような記事が4つあった</p>



<p>品質はどれも似たようなレベルだ</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>そうなんですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>審査が通らなかった事を受け、何かを改善しなければと思った。</p>



<p>改善をするなら</p>



<p>・自由度が高そうで実績も多いツールを使いたい</p>



<p>・サーバーの管理費や手間を極力抑えたい</p>



<p>そう考え、ワードプレスでこのような構成のブログを作る事にしたのだ</p>



<p>これを対策1とする</p>
</div></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-point block-box has-border-color has-pink-border-color">
<p>対策1：見た目やスピードを改善</p>
</div>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-related">
<a rel="noopener" href="https://www.sleepingmonster.dev/2022/08/54.html" title="WordPressで構築したサイトをFirebase　Hostingを使って公開した話" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img src="https://www.sleepingmonster.dev/wp-content/uploads/cocoon-resources/blog-card-cache/cae93bbcdf7633712e3f08b5243e8ab3.png" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">WordPressで構築したサイトをFirebase　Hostingを使って公開した話</div><div class="blogcard-snippet external-blogcard-snippet">hakaseブログの記事を高速で提供する為にやった作業の記録サーバー管理とか難しい事はGoogleさんにお任せだnekoいいですねhakase参考した記事はこちらnekoお世話になりましたhakaseこの構成はこんな人におすすめ...</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=https://www.sleepingmonster.dev/2022/08/54.html" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">www.sleepingmonster.dev</div></div></div></div></a>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>そして私達が生まれたのですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>ここからは動画を見て考えた対策について説明する</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>よろしくお願いします</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>まずこのAdSenseの審査とはそもそも何の為にあるのかを説明する</p>
</div></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-memo block-box">
<p>エコシステムを健全に保つ為に、ユーザーと広告主を守るプロセス<br>また、収益化を始めた後にポリシー違反の問題が起きないようにする狙いもある</p>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>そうだったんですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>つまり私達はポリシーを学び遵守する必要があるのだ</p>
</div></div>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-official">
<a rel="noopener" href="https://support.google.com/adsense/answer/48182" title="AdSense Program policies - Google AdSense Help" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fsupport.google.com%2Fadsense%2Fanswer%2F48182?w=160&#038;h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">AdSense Program policies - Google AdSense Help</div><div class="blogcard-snippet external-blogcard-snippet">All publishers are required to adhere to the Google Publisher Policies and the following policies, so please read them carefully. If you fail to comply with the...</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=https://support.google.com/adsense/answer/48182" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">support.google.com</div></div></div></div></a>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>大切な事ですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>さて、最初の動画の説明に進もう</p>



<p>最初の動画の説明された、審査が承認される可能性が上がる3つの動画がこちらだ</p>
</div></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-memo block-box">
<p>・Paste your code（広告コードを正しく配置する事）<br>・Reachable site（リーチ可能なサイト）<br>・Policy compliant（ ポリシーに準拠すること）</p>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>上の２つは既にできてますね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>そう、つまりポリシーに準拠していないから審査にパスしなかったと思われる</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>ポリシーが大切なんですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>動画を見て確認が必要なポイントを私なりに整理した</p>
</div></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box has-border-color has-yellow-border-color">
<p>・サイトの所有権を確認<br>・有効なトラフィックを集める<br>・高い品質のコンテンツを提供する<br>・スムーズに閲覧できる構成にする<br>・その他注意事項</p>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>難しいですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>一つずつ見て対策できる事が無いかを見ていこう</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>よろしくお願いします</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>「サイトの所有権を確認」についてはこのような説明があった</p>



<p>特に対策は不要かと思う</p>
</div></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-memo block-box">
<p>以下の何れかの方法で所有権を確認できる</p>



<p>・Adsenceから届いたHTMLコードを追加<br>・Search Consoleで所有権を確認する<br>・Ads.txtファイルを追加する</p>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>一番上をワードプレスでやりましたね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>「有効なトラフィックを集める」について要約するとこうだ</p>
</div></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box">
<p>サイト訪問者が実在する事を証明する必要がある<br>そのために、無効なトラフィックを避け、ありのままであればよい</p>
</div>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-official">
<a rel="noopener" href="https://support.google.com/adsense/answer/16737" title="Definition of invalid traffic - Google AdSense Help" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fsupport.google.com%2Fadsense%2Fanswer%2F16737?w=160&#038;h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">Definition of invalid traffic - Google AdSense Help</div><div class="blogcard-snippet external-blogcard-snippet">Invalid traffic includes any clicks or impressions that may artificially inflate an advertiser&#039;s costs or a publisher&#039;s earnings. Invalid traffic covers intenti...</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=https://support.google.com/adsense/answer/16737" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">support.google.com</div></div></div></div></a>
</div>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-official">
<a rel="noopener" href="https://support.google.com/adsense/answer/1112983?hl=ja&#038;ref_topic=9886078" title="&#28961;&#21177;&#12394;&#12488;&#12521;&#12501;&#12451;&#12483;&#12463;&#12434;&#38450;&#27490;&#12377;&#12427;&#26041;&#27861; - Google AdSense &#12504;&#12523;&#12503;" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fsupport.google.com%2Fadsense%2Fanswer%2F1112983%3Fhl%3Dja%26ref_topic%3D9886078?w=160&#038;h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">&#28961;&#21177;&#12394;&#12488;&#12521;&#12501;&#12451;&#12483;&#12463;&#12434;&#38450;&#27490;&#12377;&#12427;&#26041;&#27861; - Google AdSense &#12504;&#12523;&#12503;</div><div class="blogcard-snippet external-blogcard-snippet">広告のトラフィックについての最終的な責任は AdSense サイト運営者様にあります。このため、広告のトラフィックを念入りに監視して、アカウント </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=https://support.google.com/adsense/answer/1112983?hl=ja&#038;ref_topic=9886078" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">support.google.com</div></div></div></div></a>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>普通にしていればいいんですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>無効なトラフィックを防止するヒントに「どのような場合でも、自分のサイト内の広告をクリックしない」という事が書いてあった。承認されたら、うっかりクリックしないよう注意しよう</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>気をつけます</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>オススメの方法が紹介されていたので紹介、それを2つ目の対策としようと思う</p>
</div></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-memo block-box">
<p>サイト内のすべてのページをGoogleクローラーに渡し、サイト全体のマップが作成されるようにする。</p>
</div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-point block-box has-border-color has-pink-border-color">
<p>対策2：Google Search Consoleにサイトマップを送信し、クローラーに全てのページを渡す</p>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>一歩前進ですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>次は「高い品質のコンテンツを提供する」だ</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>難しいですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>高い品質とはこういう事だと理解した</p>
</div></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-memo block-box">
<p>独自性の高いコンテンツ<br>数よりも質<br>コンテンツ数を増やす<br>コンテンツを定期的に追加する<br>コンテンツの重複は避ける</p>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>諸説ありあそうですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>これに関しては、すぐに作れるものではないのでコツコツ更新していこうと思う</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>頑張ってください</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>次は「スムーズに閲覧できる構成にする」だ</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>よろしくお願いします</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>これはWordPressのCocoonというテーマを使っているので、対策不要だと考えている</p>
</div></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-memo block-box">
<p>・どこからでもホームに戻れるようにする<br>・配置（デバイスやブラウザに関わらずナビゲーションが適切に配置されているか）<br>・文章の読みやすさ<br>・機能性（プルダウンやメニューが正しく動作するか）<br>・正確さ（存在しないページに誘導したりしない）</p>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>確かに、どれも対策済みのように思われますね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>最後に「その他注意事項」だ、動画の中で気になった事について確認する</p>
</div></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box">
<p>アカウントの所有は1パブリッシャーに1アカウント<br>テンプレートページや価値の無いページに広告コードを表示しない</p>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>そうなんですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>まず、「アカウントの所有は1パブリッシャーに1アカウント」だが複数のブログを運営していない限り気にしなくていいだろう</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>そうですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>「テンプレートページや価値の無いページに広告コードを表示しない」<br>広告主もユーザーも喜ばない事はしてはいけないからなこれを対策3としよう</p>
</div></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-point block-box has-border-color has-pink-border-color">
<p>対策3：広告コードを表示しないページを作成する</p>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>それがいいですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>という訳で自己紹介ページを作成し、広告が表示されないようにした</p>
</div></div>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-reference">
<a rel="noopener" href="https://www.sleepingmonster.dev/myprofile" title="masa_xdについて" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img src="https://www.sleepingmonster.dev/wp-content/uploads/cocoon-resources/blog-card-cache/7b8995806f6e0f2c65b2866b3afccd06.png" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">masa_xdについて</div><div class="blogcard-snippet external-blogcard-snippet">1児の父、IT系のエンジニアとして働いている。世の中の為になるような物を作ったり情報を発信したりしたいと考えている。今更ブログを始めたアラフォー。hakase私がhakaseことmasa_xdですneko私はnekoです二人で何か素敵な情報</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=https://www.sleepingmonster.dev/myprofile" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">www.sleepingmonster.dev</div></div></div></div></a>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>ここには広告が表示されないんですね</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>これに関してはAdsenseの管理画面で設定した</p>
</div></div>



<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box"><div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" loading="lazy" width="514" height="352" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220816185841.png" alt="" class="wp-image-148" srcset="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220816185841.png 514w, https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220816185841-300x205.png 300w" sizes="(max-width: 514px) 100vw, 514px" /></figure></div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>便利ですね</p>
</div></div>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>残る懸念点はコンテンツの品質だが、こればかりはコツコツやるしかない</p>



<p>今できる事はやったので経過はまた参考記事で報告する</p>
</div></div>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">
<a rel="noopener" href="https://www.sleepingmonster.dev/2022/08/36.html" title="アプリに広告を表示する" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img src="https://www.sleepingmonster.dev/wp-content/uploads/cocoon-resources/blog-card-cache/74841815e289f51553c8eea2dcb98a17.png" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">アプリに広告を表示する</div><div class="blogcard-snippet external-blogcard-snippet">hakaseおじさん、Flutterという仕組みを使ってアプリを作ってるんだnekoそうなんですねhakase作ってるのは、この単語帳のアプリnekoがんばってますねhakaseこれに広告を出そうと思っているadmob_flutterを使お</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=https://www.sleepingmonster.dev/2022/08/36.html" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">www.sleepingmonster.dev</div></div></div></div></a>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>お疲れ様でした</p>
</div></div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>WordPressで構築したサイトをFirebase　Hostingを使って公開した話</title>
		<link>https://www.sleepingmonster.dev/2022/08/54.html</link>
		
		<dc:creator><![CDATA[masa_xd]]></dc:creator>
		<pubDate>Mon, 15 Aug 2022 11:11:57 +0000</pubDate>
				<category><![CDATA[ブログ]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[wordpress]]></category>
		<guid isPermaLink="false">https://www.sleepingmonster.dev/?p=54</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[
<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>ブログの記事を高速で提供する為にやった作業の記録</p>



<p>サーバー管理とか難しい事はGoogleさんにお任せだ</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>いいですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>参考した記事はこちら</p>
</div></div>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-reference">
<a rel="noopener" href="https://rinoguchi.net/2021/01/wordpress-firebase-hosting.html" title="WordPress &#12391;&#27083;&#31689;&#12375;&#12383;&#12469;&#12452;&#12488;&#12434;Firebase Hosting &#8211; rinoguchi&#039;s techlog" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Frinoguchi.net%2F2021%2F01%2Fwordpress-firebase-hosting.html?w=160&#038;h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">WordPress &#12391;&#27083;&#31689;&#12375;&#12383;&#12469;&#12452;&#12488;&#12434;Firebase Hosting &#8211; rinoguchi&#039;s techlog</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=https://rinoguchi.net/2021/01/wordpress-firebase-hosting.html" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">rinoguchi.net</div></div></div></div></a>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>お世話になりました</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>この構成はこんな人におすすめ</p>
</div></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box">
<ul><li>Dockerをちょっと触った事がある</li><li>Firebaseもちょっと触った事がある</li><li>DNSの事が少しわかる</li><li>WordPressの仕組みを何となく知ってる</li><li>早いブログを作りたい</li><li>コメント機能等のサーバー側でごちゃごちゃする機能は不要</li><li>何かあったら自分で解決するという心を持ってる</li><li>ブログは家で書く</li></ul>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>そうなんですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>ちなみにこの記事はこれくらいのスコアが出ている</p>
</div></div>



<figure class="wp-block-image size-full"><img decoding="async" loading="lazy" width="988" height="450" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220815201431.png" alt="" class="wp-image-90" srcset="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220815201431.png 988w, https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220815201431-300x137.png 300w, https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220815201431-768x350.png 768w" sizes="(max-width: 988px) 100vw, 988px" /></figure>



<figure class="wp-block-image size-full"><img decoding="async" loading="lazy" width="971" height="400" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220815201503.png" alt="" class="wp-image-91" srcset="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220815201503.png 971w, https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220815201503-300x124.png 300w, https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220815201503-768x316.png 768w" sizes="(max-width: 971px) 100vw, 971px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>早いですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>では私がやった手順を説明する</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>よろしくお願いします</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>まずは適当な所にディレクトリを作成</p>
</div></div>



<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box">
<p>Powershellでディレクトリを作成する例</p>



<pre class="EnlighterJSRAW" data-enlighter-language="powershell" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">mkdir D:\src\wordpress</pre>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>Windowsを使っているんですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>作成したディレクトリの直下に、docker-compose.ymlを作成</p>



<p>次のサイトの情報を元に一部変更</p>
</div></div>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-reference-link">
<a rel="noopener" href="https://docs.docker.com/samples/wordpress/" title="Quickstart: Compose and WordPress" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img src="https://www.sleepingmonster.dev/wp-content/uploads/cocoon-resources/blog-card-cache/de9e1086574eda763778b5c0b78c40e8.png" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">Quickstart: Compose and WordPress</div><div class="blogcard-snippet external-blogcard-snippet">Getting started with Compose and WordPress</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=https://docs.docker.com/samples/wordpress/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">docs.docker.com</div></div></div></div></a>
</div>



<pre class="EnlighterJSRAW" data-enlighter-language="yaml" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="docker-compose.yml" data-enlighter-group="">services:
  db:
    # We use a mariadb image which supports both amd64 &amp; arm64 architecture
    image: mariadb:10.6.4-focal
    # If you really want to use MySQL, uncomment the following line
    #image: mysql:8.0.27
    command: '--default-authentication-plugin=mysql_native_password'
    volumes:
      - db_data:/var/lib/mysql
    restart: always
    environment:
      - MYSQL_ROOT_PASSWORD=somewordpress
      - MYSQL_DATABASE=wordpress
      - MYSQL_USER=wordpress
      - MYSQL_PASSWORD=wordpress
    expose:
      - 3306
      - 33060
  wordpress:
    image: wordpress:latest
    ports:
      - 8000:80
    restart: always
    environment:
      - WORDPRESS_DB_HOST=db
      - WORDPRESS_DB_USER=wordpress
      - WORDPRESS_DB_PASSWORD=wordpress
      - WORDPRESS_DB_NAME=wordpress
    extra_hosts:
      - localhost:${DOCKER_HOST_IP} 
    volumes:
      - ${DOCUMENT_ROOT}:/var/www/html_static/
volumes:
  db_data:</pre>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>変更した所はどこですか？</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>portsを変更して、volumesを追記</p>
</div></div>



<pre class="EnlighterJSRAW" data-enlighter-language="yaml" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="21" data-enlighter-title="" data-enlighter-group="">    ports:
      - 8000:80</pre>



<pre class="EnlighterJSRAW" data-enlighter-language="yaml" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="31" data-enlighter-title="" data-enlighter-group="">    volumes:
      - ${DOCUMENT_ROOT}:/var/www/html_static/</pre>



<div class="wp-block-cocoon-blocks-label-box-1 label-box block-box"><div class="label-box-label block-box-label box-label"><span class="label-box-label-text block-box-label-text box-label-text">メモ</span></div><div class="label-box-content block-box-content box-content">
<p>portsを変更:ホストであるWindowsからブラウザでアクセスする為</p>



<p>volumesを追記:出力されたhtmlをホストから確認する為</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>そうなんですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>Dockerの準備ができたので起動</p>
</div></div>



<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box">
<p>デタッチド・モードで起動</p>



<pre class="EnlighterJSRAW" data-enlighter-language="powershell" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">docker compose up -d</pre>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>簡単ですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>起動したら、ブラウザからlocalhost:8000にアクセス</p>
</div></div>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" loading="lazy" width="612" height="750" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220815173219.png" alt="wordpress、初回起動時の画面" class="wp-image-70" srcset="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220815173219.png 612w, https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220815173219-245x300.png 245w" sizes="(max-width: 612px) 100vw, 612px" /></figure></div>


<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>あとは普通のワードプレスと同じ手順ですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>管理画面にログインできたら、ブログをhtmlとして出力する為のプラグインをインストール</p>
</div></div>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-reference-link">
<a rel="noopener" href="https://wordpress.org/plugins/simply-static/" title="Simply Static" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img src="https://ps.w.org/simply-static/assets/banner-772x250.jpg?rev=2443263" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">Simply Static</div><div class="blogcard-snippet external-blogcard-snippet">Create a static website directly from your WordPress website with Simply Static.</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=https://wordpress.org/plugins/simply-static/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">wordpress.org</div></div></div></div></a>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>便利なものがあるんですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>SimplyStaticのインストールが終わったら設定</p>
</div></div>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" loading="lazy" width="162" height="137" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220815180735.png" alt="" class="wp-image-76"/></figure></div>


<figure class="wp-block-image size-large"><img decoding="async" loading="lazy" width="1024" height="771" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220815210310-1024x771.png" alt="" class="wp-image-95" srcset="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220815210310-1024x771.png 1024w, https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220815210310-300x226.png 300w, https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220815210310-768x578.png 768w, https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220815210310.png 1189w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<figure class="wp-block-image size-large"><img decoding="async" loading="lazy" width="1024" height="752" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220815174530-1024x752.png" alt="" class="wp-image-74" srcset="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220815174530-1024x752.png 1024w, https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220815174530-300x220.png 300w, https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220815174530-768x564.png 768w, https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220815174530.png 1194w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<div class="wp-block-cocoon-blocks-label-box-1 label-box block-box"><div class="label-box-label block-box-label box-label"><span class="label-box-label-text block-box-label-text box-label-text">設定したもの</span></div><div class="label-box-content block-box-content box-content">
<ul class="has-small-font-size"><li>リンク先URL<ul><li>https://www.sleepingmonster.dev/</li></ul></li><li>ローカルディレクトリ<ul><li>/var/www/html_static/</li></ul></li><li>追加するURL<ul><li>https://www.sleepingmonster.dev/sitemap.xml</li><li>https://www.sleepingmonster.dev/robots.txt</li></ul></li><li>除外するURL<ul><li>https://www.sleepingmonster.dev/wp-json</li><li>https://www.sleepingmonster.dev/wp-login.php</li><li>https://www.sleepingmonster.dev/wp-admin.*</li><li>https://www.sleepingmonster.dev/comments.*</li><li>https://www.sleepingmonster.dev/.*.php</li></ul></li></ul>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>むずかしそうですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>sitemap.xml、robots.txtは雰囲気で設定した</p>



<p>次にパーマリンク設定</p>



<p>これを設定しないと投稿毎にindex.htmlが生成されてしまう</p>
</div></div>



<figure class="wp-block-image size-large"><img decoding="async" loading="lazy" width="1024" height="419" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220815192939-1024x419.png" alt="" class="wp-image-78" srcset="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220815192939-1024x419.png 1024w, https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220815192939-300x123.png 300w, https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220815192939-768x314.png 768w, https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220815192939-1536x629.png 1536w, https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220815192939.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<div class="wp-block-cocoon-blocks-label-box-1 label-box block-box"><div class="label-box-label block-box-label box-label"><span class="label-box-label-text block-box-label-text box-label-text">設定したもの</span></div><div class="label-box-content block-box-content box-content">
<ul class="has-small-font-size"><li>カスタム構造<ul><li>/%year%/%monthnum%/%post_id%.html</li></ul></li></ul>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>地味ですが大切ですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>さて、一通り設定が終わったのでSymple Staticの診断を確認する</p>
</div></div>



<figure class="wp-block-image size-large"><img decoding="async" loading="lazy" width="1024" height="456" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220815193249-1-1024x456.png" alt="" class="wp-image-80" srcset="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220815193249-1-1024x456.png 1024w, https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220815193249-1-300x134.png 300w, https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220815193249-1-768x342.png 768w, https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220815193249-1.png 1202w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>一つ失敗してますね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>これはいいんだ。これで完成</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>そういうものなんですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>あとは生成ボタンを押してhtmlが出力される事を確認したら、公開</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>まだ続くんですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>Firebase Hostingへデプロイする準備をする</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>カタカナが多いですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>サーバーへアップロードするという事だ</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>分かりやすいカタカナになりましたね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>Firebase CLIのインストールは終わっていて</p>



<p>ブログ用のプロジェクトが作成済みという前提で進める</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>頑張ってください</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>まずはPowerShellで最初に作成したディレクトリへ移動しよう</p>
</div></div>



<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box">
<p>Powershellでディレクトリを作成する例</p>



<pre class="EnlighterJSRAW" data-enlighter-language="powershell" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">cd D:\src\wordpress</pre>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>全てはここから始まったんですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>ここからは英語ばかりだ、次のコマンドを入力</p>
</div></div>



<pre class="EnlighterJSRAW" data-enlighter-language="powershell" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="false" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">firebase init</pre>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>戦いはこれからですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>すると次の質問が帰ってくる。YESと回答</p>
</div></div>



<pre class="EnlighterJSRAW" data-enlighter-language="powershell" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="false" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">? Are you ready to proceed? ## 意訳：続ける準備はできた？
 -> YES</pre>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>長い闘いになりそうですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>長いので質問と回答を全部書く</p>
</div></div>



<pre class="EnlighterJSRAW" data-enlighter-language="powershell" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="false" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">? Which Firebase features do you want to set up for this directory?
 -> Hosting: Configure files for Firebase Hosting and (optionally) set up

? Please select an option: 
 -> Use an existing project
? Select a default Firebase project for this directory: 
 -> ******** (blog) ## 適宜書き換えてください

? What do you want to use as your public directory?
 -> ./html_static
? Configure as a single-page app (rewrite all urls to /index.html)?
 -> No
? Set up automatic builds and deploys with GitHub?
 -> No</pre>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>助かります</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>このままだとfeedがリンク切れになるのでリダイレクトの設定をする</p>



<p>設定方法は下記のようにfirebase.jsonの追記。</p>
</div></div>



<pre class="EnlighterJSRAW" data-enlighter-language="json" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">{
  "hosting": {
    "public": "./html_static",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    /** 追記した箇所ここから **/
    /** JSONにコメントは無いのでコピペする時は注意 **/
    "redirects": [ {
      "regex": "^(.+|)/feed",
      "destination": ":1/feed/index.xml",
      "type": 301
    } ]
    /** 追記した箇所ここまで **/
  }
}
</pre>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>何に使うものなのかは分かりませんね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>これですべての準備が完成。最後にデプロイのコマンドを実行</p>
</div></div>



<pre class="EnlighterJSRAW" data-enlighter-language="powershell" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="false" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">firebase deploy</pre>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>始めての作業の割には詰まる所はなかったですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>これでサーバーに詳しくない私も早いブログを作ることができた</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>お疲れさまでした</p>
</div></div>
</div></div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>アプリに広告を表示する</title>
		<link>https://www.sleepingmonster.dev/2022/08/36.html</link>
		
		<dc:creator><![CDATA[masa_xd]]></dc:creator>
		<pubDate>Mon, 15 Aug 2022 01:07:43 +0000</pubDate>
				<category><![CDATA[Flutter]]></category>
		<category><![CDATA[adsense]]></category>
		<category><![CDATA[flutter]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[wordpress]]></category>
		<guid isPermaLink="false">https://www.sleepingmonster.dev/?p=36</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>おじさん、Flutterという仕組みを使ってアプリを作ってるんだ</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>そうなんですね</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>作ってるのは、この単語帳のアプリ</p>
</div></div>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-pickup">
<a rel="noopener" href="https://flashcards.sleepingmonster.dev/#/" title="vocabulary" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fflashcards.sleepingmonster.dev%2F%23%2F?w=160&#038;h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">vocabulary</div><div class="blogcard-snippet external-blogcard-snippet">A new Flutter project.</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=https://flashcards.sleepingmonster.dev/#/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">flashcards.sleepingmonster.dev</div></div></div></div></a>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>がんばってますね</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>これに広告を出そうと思っている</p>



<p>admob_flutterを使おうと思ったけど、Webアプリには使えなかった</p>
</div></div>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-reference-link">
<a rel="noopener" href="https://pub.dev/packages/admob_flutter" title="admob_flutter | Flutter Package" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img src="https://www.sleepingmonster.dev/wp-content/uploads/cocoon-resources/blog-card-cache/28920103c595e5f98a1ba358e820eeca.png" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">admob_flutter | Flutter Package</div><div class="blogcard-snippet external-blogcard-snippet">Admob plugin that shows banner ads using native platform views.</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=https://pub.dev/packages/admob_flutter" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">pub.dev</div></div></div></div></a>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>そうなんですね</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>広告表示したいので、他のブログを参考にする</p>
</div></div>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-reference">
<a rel="noopener" href="https://yuyu-log.com/flutter-web-adsense/" title="Flutterで作ったWebアプリでGoogleAdSenseの広告を表示する。" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img src="https://www.sleepingmonster.dev/wp-content/uploads/cocoon-resources/blog-card-cache/b9d8ff19be67ef14320345516654f716.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">Flutterで作ったWebアプリでGoogleAdSenseの広告を表示する。</div><div class="blogcard-snippet external-blogcard-snippet">FlutterのWebアプリにGoogleAdSense広告を付ける手順本記事では、Flutterで作成したWebアプリにGoogleAdSenseの広告を付ける手順を解説します。（確認できる範囲でPC、スマホ、タブレットで正常に表示されま</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=https://yuyu-log.com/flutter-web-adsense/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">yuyu-log.com</div></div></div></div></a>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>がんばってください</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>やる事は2つ</p>



<p>・GoogleAdSenseの審査を通す</p>



<p>・アプリを完成させる事</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>道は長いですね</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>ここからは備忘録代わりに履歴を書いていく</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>よろしくお願いします</p>
</div></div>



<div class="wp-block-cocoon-blocks-sticky-box blank-box block-box sticky">
<p>以下、審査合格までの履歴</p>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>2022/08/09　GoogleAdSenseに審査依頼を依頼</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>楽しみですね</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>2022/08/11 審査結果が帰ってきた。結果はNG</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>残念ですね</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>理由はこちら。</p>
</div></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-bad block-box has-border-color has-red-border-color">
<h1 class="has-medium-font-size">サイトは広告を表示できない状態です</h1>



<p class="has-small-font-size">お客様のサイトで複数のポリシー違反が確認されたため、サイトに広告を表示できない状態です。</p>



<ol class="has-small-font-size"><li>パブリッシャーのコンテンツを含まない画面における Google が配信する広告の扱い<em>次のような画面には、Google が配信する広告を配置できません。</em><ul><li>コンテンツがない、または<a rel="noopener" href="https://support.google.com/publisherpolicies/table/10563033#low-value-content" target="_blank">コンテンツの有用性が低い</a>。</li><li>作成中である。</li><li>アラート、ナビゲーションなど、行動が目的で使用されている。</li></ul>詳しくは、次のリンク先の情報をご確認ください。<ul><li><a rel="noopener" href="http://adsense.blogspot.com/2012/04/tips-for-creating-high-quality-sites.html" target="_blank">質の高いサイトを作成するためのヒント（パート 1）（英語のみ）</a></li><li><a rel="noopener" href="http://adsense.blogspot.com/2012/09/tips-for-creating-high-quality-sites.html" target="_blank">質の高いサイトを作成するためのヒント（パート 2）（英語のみ）</a></li><li><a rel="noopener" href="https://developers.google.com/search/docs/advanced/guidelines/webmaster-guidelines" target="_blank">ウェブマスター向けの品質に関するガイドライン</a></li><li><a rel="noopener" href="https://support.google.com/adsense/answer/48182?utm_source=crs&amp;utm_medium=email&amp;utm_campaign=notification" target="_blank">AdSense プログラム ポリシー</a></li></ul></li></ol>



<p class="has-small-font-size">詳しくは、<a rel="noopener" href="https://support.google.com/adsense/answer/1348688?hl=ja" target="_blank">コンテンツ ポリシー</a>や<a rel="noopener" href="https://support.google.com/adsense/answer/9061852?hl=ja" target="_blank">ヘルプセンター</a>をご覧ください。ポリシー違反を解消したら、サイトの審査をリクエストできます。</p>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>そうなんですね</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>Googleさんは動画のリンクもいくつか提供してくれたので、後で確認して対策を一つずつ記事にしていこうと思う</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>がんばってください</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>2022/08/16 動画を確認したので記事としてまとめた。</p>



<p>いくつか対策を取ったので再審査を申請する</p>
</div></div>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-reference">
<a rel="noopener" href="https://www.sleepingmonster.dev/2022/08/114.html" title="AdSenseが不承認になったので対策をする" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img src="https://www.sleepingmonster.dev/wp-content/uploads/cocoon-resources/blog-card-cache/5638e9957706e6c41923758e66246dd1.png" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">AdSenseが不承認になったので対策をする</div><div class="blogcard-snippet external-blogcard-snippet">hakaseAdSenseが承認されるまで頑張るぞneko応援していますhakase今日はこれだけの動画を見た。その知見を元に対策を行う確認した動画・サイトが承認されるには・AdSense のサイト承認シリーズへようこそ・Google Ad</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=https://www.sleepingmonster.dev/2022/08/114.html" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">www.sleepingmonster.dev</div></div></div></div></a>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>期待しています</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>2022/08/31 審査結果はNGだった</p>



<p>今度はあるテクニックを使って再申請をしてみる</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>2週間後にお会いしましょう</p>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>2022/09/16</p>



<p>ついに審査が通った</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>おめでとうございます</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>2022/09/27時点での記事の数は7件だ</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>少ないですね</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>私はこのドメインやアプリを管理する為にアカウントを作ったのだが、そのアカウントから申請すると審査が通った。前回からブログ自体に変更はない。</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>そうだったんですか</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>特に操作をしていないが、広告が表示されている事を確認できた</p>
</div></div>



<figure class="wp-block-image size-large"><img decoding="async" loading="lazy" width="1024" height="801" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/09/20220927_123529-1024x801.png" alt="" class="wp-image-250" srcset="https://www.sleepingmonster.dev/wp-content/uploads/2022/09/20220927_123529-1024x801.png 1024w, https://www.sleepingmonster.dev/wp-content/uploads/2022/09/20220927_123529-300x235.png 300w, https://www.sleepingmonster.dev/wp-content/uploads/2022/09/20220927_123529-768x601.png 768w, https://www.sleepingmonster.dev/wp-content/uploads/2022/09/20220927_123529.png 1285w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>素晴らしい</p>
</div></div>
</div></div>



<div class="is-layout-flow wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>あとはアプリに広告を表示したいのだが、アプリがなかなか完成しない</p>



<p>もう少し待っていて欲しい</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>頑張ってください</p>
</div></div>
</div></div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Googleドメイン</title>
		<link>https://www.sleepingmonster.dev/2022/08/19.html</link>
		
		<dc:creator><![CDATA[masa_xd]]></dc:creator>
		<pubDate>Fri, 05 Aug 2022 04:00:00 +0000</pubDate>
				<category><![CDATA[ブログ]]></category>
		<category><![CDATA[adsense]]></category>
		<category><![CDATA[google]]></category>
		<guid isPermaLink="false">https://www.sleepingmonster.dev/?p=19</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>Googleドメイン知ってる？今の所好感触</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>良かったですね</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>ドメインの取得画面はこんな感じ</p>
</div></div>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" loading="lazy" width="613" height="559" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220814211030.png" alt="" class="wp-image-26" srcset="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220814211030.png 613w, https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220814211030-300x274.png 300w" sizes="(max-width: 613px) 100vw, 613px" /></figure></div>


<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>シンプルですね</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>ドメインを取得すれば、ブログやシンプルなサイトは無料で作ることができる</p>



<p>ちなみに、このブログは右下の<strong>静的なホスティング</strong>(Firebase Hosting)を使用している</p>



<p>この仕組みはGoogleさんが世界中に設置しているCDN エッジサーバーの、SSDのキャッシュに保存されているから、世界中に高速で記事を届けられるぞ！</p>



<p>2022/08/15現在の上限については下に画像を添付しておく</p>
</div></div>



<figure class="wp-block-image size-large"><img decoding="async" loading="lazy" width="1024" height="577" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220814211209-1024x577.png" alt="" class="wp-image-27" srcset="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220814211209-1024x577.png 1024w, https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220814211209-300x169.png 300w, https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220814211209-768x433.png 768w, https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220814211209-120x68.png 120w, https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220814211209-160x90.png 160w, https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220814211209-320x180.png 320w, https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220814211209.png 1261w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<div class="wp-block-cocoon-blocks-label-box-1 label-box block-box has-border-color has-black-border-color"><div class="label-box-label block-box-label box-label"><span class="label-box-label-text block-box-label-text box-label-text">2022/08/15現在の無料枠</span></div><div class="label-box-content block-box-content box-content"><div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" loading="lazy" width="640" height="212" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220815074945.png" alt="" class="wp-image-29" srcset="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220815074945.png 640w, https://www.sleepingmonster.dev/wp-content/uploads/2022/08/20220815074945-300x99.png 300w" sizes="(max-width: 640px) 100vw, 640px" /></figure></div></div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>早口ですね</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_hakase.webp" alt="hakase" class="speech-icon-image"/></figure><div class="speech-name">hakase</div></div><div class="speech-balloon">
<p>さぁ、たくさんブログを書くぞ</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-12 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://www.sleepingmonster.dev/wp-content/uploads/2022/08/fukidasi_neko.webp" alt="neko" class="speech-icon-image"/></figure><div class="speech-name">neko</div></div><div class="speech-balloon">
<p>がんばってください</p>
</div></div>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
