bookarchivesTwitterFacebookinstagramwebnuxtjs/feedで実装したRSSフィードをRSS2.0からATOM1.0にする2019-06-12RSSフィードを、比較的新しい仕様のATOM1.0にしてみました。このブログでは、@nuxtjs/feedというプラグインを利用しています。設定値を調べてみると、RSS2.0になっていました。Feedを示すxmlは、いくつかのバージョンがあります。メジャーなものでいえば、RSS1.0、RSS2.0、ATOMという具合です。RSS2.0でも問題はなかったのですが、せっかくなので新しいのにしたいですよね。]]まずは、どんな感じで設定すれば良いかをリサーチ。ATOMで実装しておられる方のブログを発見。'atom1'に変更するだけで良いみたいですね。getUTCFullYearのエラーが出るまずはシンプルに、nuxt.config.jsに書かれた設定値を触ります。],これでgenerateすると・・・エラーが出ました。undefined解決法はバッチリこちらの方が書いてくれていました。最終的に、メタタグに以下のような記述が残るように書き直しましょう。href="/feed.xml">このようにしました。href="/feed.xml">@nuxtjs/feedの設定値をまとめてみるとにかくドキュメントや情報が古いものが多いです。ATOM1.0そのものの設定値については、以下のサイトを参考にしました。(2007-06-03)一方こちらは、@nuxt/feedで使われてるらしいモジュール。パラメータの実装はこちらを参考にしました。https://github.com/jpmonette/feed結局、@nuxtjs/feedの設定値はこんな感じになりました。稚拙ではありますが、何かのお役に立てればと思います。}],バリデーターを利用して正しい記述かチェックする由緒あるW3Cのサイトに、フィードが正しい記述かを調べてくれる、バリデーターが用意されています。フィードに問題があれば、エラーを表示してくれます。エラーではないが、より良い記述になるというtips的なものを教えてもくれます。RSS上述の設定で、エラーは回避できます。全ての要因をクリアすることはできていません。拘るなら、カスタムが必要ですね。本当にやりたかったこと記事を更新されるとツイートするように、IFTTTを利用しています。IFTTTを使って超カンタン!ブログ更新を自動でツイートさせるブログの新しい記事を投稿したらTwitterのフィードに自動で投稿してくれる機能を実装しました。IFTTTを使うとめちゃくちゃ簡単にできるので、ぜひ。...この時に、設定値にkeywordsなどを入れておけば、ハッシュタグにキーワードを関連づけて、ツイートさせられるのではないかと考えたからです。結局、ATOMの仕様にキーワード的なスペースが無いようなので、今回は諦めます・・・。まとめ:SlackのRSSが動き出した!ATOMフィードにアップデートして、デプロイしたところ、SlackのRSSから更新通知が一気に9通くらい来ました。SlackのチャネルにRSS登録してたこともすっかり忘れてたので、ちょっと驚きました。ATOMにしたことにより、正常に動き出したようなので、ちょっと安心です。その後、内容の回収をしてアップロードしたのですが、また大量のSlack通知が。通知された記事は、最近、記事の手直しをしたものでした。うーん、過去記事をいじる度に反応してしまうのか・・・?Slackなら登録している人もいないでしょうから良いですが、Feedlyなんかはどうなんだろうか・・・しばらく様子を見たいと思います。AMPでタグごとの記事リストを「動的に」切り替えるAMPバリデーションを自動化してサイト丸ごとチェックするNuxt2.9.1へのアップデートでAMPエラーが出た時に対応したことFeedlyでトップ画像だけが表示されないのでフィードを調整する@nuxt.jsnuxtjs/feedで実装したRSSフィードをRSS2.0からATOM1.0にする【PWA】Nuxtで作ったAMPサイトでServiceworkerを使えるようにするPWAMP(AMPxPWA)でブログのプッシュ通知とオフラインのアクセスを実現するFirebaseHostingのストレージ上限エラーになった時の対応法Nuxt.jsとAMPで作ったこのブログの構成要素をざっくりとまとめてみるAMPを最適化して更に高速化する!静的なAMPのブログにコメント欄の設置を可能にするamp-facebook-commentsAMPで「ページトップへ遷移する」ボタンを設置する方法ブログサービスの選び方。2020-02-17#nuxtAMPでタグごとの記事リストを「動的に」切り替えるAMPバリデーションを自動化してサイト丸ごとチェックするNuxt2.9.1へのアップデートでAMPエラーが出た時に対応したことFeedlyでトップ画像だけが表示されないのでフィードを調整する@nuxt.js【PWA】Nuxtで作ったAMPサイトでServiceworkerを使えるようにするPWAMP(AMPxPWA)でブログのプッシュ通知とオフラインのアクセスを実現するFirebaseHostingのストレージ上限エラーになった時の対応法Nuxt.jsとAMPで作ったこのブログの構成要素をざっくりとまとめてみるAMPを最適化して更に高速化する!静的なAMPのブログにコメント欄の設置を可能にするamp-facebook-commentsAMPで「ページトップへ遷移する」ボタンを設置する方法ブログサービスの選び方。コメントはtwitterでお気軽に。