kimizuka https://blog.hatena.ne.jp/kimizuka/ みかづきブログ・カスタム https://blog.kimizuka.org/ Nuxt.js はじめに はてなブログのRSS取得 Nuxtプロジェクトの作成 Nuxtプロジェクト内でAPIを取得し、静的なHTMLとして書き出す準備 静的なHTMLとして書き出す準備 はじめに はてなブログの最近記事30件と、JSONに記載されているモックを取得して羅列するウェブサイトをNuxt.jsの静的書き出しを使って作りました。 Jamstackと言えばJamstackっぽい構成になっています。はてなブログの最新記事の取得はRSSを使い、モック一覧の取得は折角なのでHeadlessCMSを使っても良かったのですが、一旦自前のJSONで作りました。develop.kimizuka.org はてなブログ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.kimizuka.org%2Fentry%2F2020%2F11%2F25%2F190836" title="Nuxt.jsの静的書き出しで、はてなブログのRSSを表示するウェブサイトを作る 📝 - みかづきブログ・カスタム" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/k/kimizuka/20201125/20201125184426.png Hatena Blog https://hatena.blog 2020-11-25 19:08:36 rich https://blog.kimizuka.org/entry/2020/11/25/190836 1.0 100%