UOZUMI-FC

<p>以前WordPressを使ってブログサイトを作ったのですが、この度新しくyutopageを作成しました。<br>最初はblogページはなく、microCMSを知ってからblogページを追加しました。<br></p><h2 id="h345b5268b6">作った理由</h2><p>ポートフォリオ＋アウトプットを目的に作りました。<br>ポートフォリオはそのままの意味ですが、アウトプットとは、プログラミングを学習する上で学習したこと、エラーで苦しんだことなどを定期的にブログとして更新をしていこうと考えています。<br></p><h2 id="h129a0b7383">サイトを作る上でやったこと</h2><p><br></p><h3 id="hbe19fae9e9">サイト構築</h3><h4 id="h3fa433d10c">Next.js TypeScript microCMS</h4><p><br></p><h3 id="h9199754706">Next.js TypeScriptを使用した理由</h3><p>Next.jsを選んだ理由は、vue(nuxt)よりも将来性があり、尚且つTypeScriptとの相性も良いという点から、採用しました。</p><ul><li><a href="https://tech-parrot.com/programming/compare-the-future-of-next-js-and-nuxt-js/#1_NextjsNuxtjs-2" target="_blank" rel="noopener noreferrer">https://tech-parrot.com/programming/compare-the-future-of-next-js-and-nuxt-js/#1_NextjsNuxtjs-2</a></li><li><a href="https://easy-life-tips.com/post/mzrodg8smw" target="_blank" rel="noopener noreferrer">https://easy-life-tips.com/post/mzrodg8smw</a></li><li><a href="https://shinobiworks.com/web/blog/nextjs-nuxtjs/" target="_blank" rel="noopener noreferrer">https://shinobiworks.com/web/blog/nextjs-nuxtjs/</a></li></ul><p>（公式のものではありませんが、調べると似たような記事が多かったです）<br><br>TypeScriptを使用した理由は、先程も言った、Next(React)と相性がいいためです。<br>今回初めて使用したのですが、型宣言等でエラーになったりmicroCMSのデータが取得できなかったりでかなり苦労しました。<br></p><h2 id="he2ea4844f1">今後追加したい機能</h2><ul><li>お問い合わせページの実装</li><li>トップページにも、ブログをいくつか表示させる</li><li>フッターに自身のTwitterを更新すると反映させるようにする</li><li>SSRやSSGの実装</li><li>フルレスポンシブ対応</li></ul><p><br></p>

YY

Portfolio

『UOZUMI-FC』

『Yutopage』