<h2 id="h0054166709">Hello World!!</h2><p><br>皆様初めまして、kitamago と申します。<br>今年度からフロントエンドエンジニアとしてデビューしたひよっ子です。<br>詳しいプロフィールに関しては近日投稿予定です。<br><br>就職活動中にもポートフォリオサイトを Gatsby.js で作っていましたが、<br>「実務を通して技術情報をアウトプットとして発信したい！」と思い立ったので<br>勉強がてらにブログを作ってみました。<br><br></p><h2 id="h120613a0b8">ブログ構成図 ( 技術構成 )</h2><p><br>本<span style="color:#666666">ブログの構成図 (概略) は下図のようになっています。</span><br><br></p>

<p><br><br>また、要件定義としては以下の通りになります。<br><br><br>• サイトマップ<br>• 記事一覧取得<br>• カテゴリ別記事の取得<br>• 最新の記事取得<br>• 詳細記事の取得<br>• 関連記事の取得 (投稿済み記事ページのリンクをリッチに埋め込む)<br>• 人気記事の取得<br>• 目次<br>• ページ内検索<br>• PWA (追加実施予定)<br>• プレビュー機能 (追加実施予定)<br><br></p><h2 id="h61e491e306">MicroCMS APIスキーマ設定</h2><p><br></p><h3 id="h6cfaa47bdb">ブログ</h3><p>endpoint: blog<br>type: リスト形式<br><br></p>

<p><br></p><h3 id="h981d1ce405">タグ</h3><p>endpoint: tag<br>type: リスト形式<br><br></p>

<p><br></p><h3 id="h7a7fc3416d">人気記事</h3><p>endpoint: popular<br>type: オブジェクト形式<br><br></p>

<h2 id="h7dabb5418b">今後の展望</h2><p><br>実務を通して学んだこと、躓いた等を不定期ながら更新できたらと思います。<br><br>ではでは。<br><br><br></p>

「実務を通して技術情報をアウトプットとして発信したい！」との想いから  Next.js × MicroCMS で Jamstack なブログを作ってみました。

kitamago-log

react

[Next.js × microCMS] JamStackなブログを設立しました

[Next.js microCMS] JamStackなブログを作る！ #1