<h2>概要</h2>
<p>このブログを作った記録をまとめる(随時更新)</p>
<h2>基本的な機能編</h2>
<ul>
<li><a href="/posts/2022-03-12-1">blog-starter-typescript を使って技術ブログを作り直してみた</a></li>
<li><a href="/posts/2022-03-18-1">技術ブログの記事Styleをいい感じにする</a></li>
<li><a href="/posts/2022-03-21-1">技術ブログのコードフロックにシンタックスハイライトを導入する</a></li>
<li><a href="/posts/2022-03-21-2">blog-starter-typescript で作ったプロジェクトにstorybookを導入する</a>
<ul>
<li>デザイン変更をやりやすくするためにstorybookを導入した</li>
</ul>
</li>
<li><a href="/posts/2022-04-07-1">Medium から export したデータを移行する</a>
<ul>
<li>あらかたできたので古いブログのデータを移行した</li>
</ul>
</li>
<li><a href="/posts/2022-04-11-1">rehypeで生成したhtmlでiframeが表示されるようにする</a>
<ul>
<li>移行できたと思っていたが、youtubeとかCodePenの埋め込みiframeが壊れていたので対応した</li>
</ul>
</li>
</ul>
<h2>SEO対策</h2>
<ul>
<li><a href="/posts/2022-03-26-1">vercelにデプロイしているブログに独自ドメインを設定する</a></li>
<li><a href="/posts/2022-04-01-1">next-sitemap でブログにサイトマップを生成する</a>
<ul>
<li>GoogleSeachConsoleにページ自体を認識させるための対策</li>
</ul>
</li>
<li><a href="/posts/2022-04-02-1">feed でブログにRSSフィードを追加する</a>
<ul>
<li>GoogleSeachConsoleに更新されたページを認識させるための対策</li>
</ul>
</li>
<li><a href="/posts/2022-04-09-1">OGPを設定してSNSでシェアされた時にプレビューが表示されるようにする</a>
<ul>
<li>SNSでシェアされた時にいい感じに表示されるようにする</li>
</ul>
</li>
</ul>

技術ブログ制作日記

概要

基本的な機能編

SEO対策