More than 5 years have passed since last update.

Feed43で自サイトのRSSフィードを作る

Posted at 2019-05-02

こんにちは、ひろかずです。

突然ですが、自分のブログサイトをつくりましたので、Qiitaを卒業します。
自分のブログサイトにはRSSフィード機能がないので、Feed43を使ってRSSフィードの作成しました。
作成方法を卒業エントリ代わりに、一筆書きます。

tl;dr的な何か

RSSフィードはこちらです。今後もご贔屓に。
https://feed43.com/hirokazu-blog.xml

参考ドキュメント

Feed43.com - Step-by-step example of feed setup

Feed43 is 何？

RSSフィード作成SaaSです。
ユースケースとしては、自分のお気に入りのサイトがRSS対応してない場合のRSSフィード作成や、自分のサイトのRSSを知ってほしい時に使うケースがありそうです。
ひろかずの場合は、後者ですね。

Freeプランがありますので、気軽に試せます。

工程

Feed43アカウントの作成
Feedの作成

1. Feed43アカウントの作成

[Create account]を選択して、利用者情報を登録

確認メールが届くので確認URLを選択

[My feeds]を選択してログイン

2. Feedの作成

[Create your first feed]を選択

サービス内容を確認して[Continue]を選択

更新情報が表示されるページのURLを設定して、[Reload]を選択

ひろかずのサイトは、トップページに各ページエントリが表示されますので、トップページを登録します

ページソースが読み込まれるので、取得する領域を確認

各ページエントリのブロックはこんな感じでした
ここから必要な情報をパースします

<header class="entry-header">
<h2 class="entry-title"><a href="https://www.fnifni.net/aws-reinvent-2018-security-recap-2nd/" rel="bookmark">AWS re:Invent 2018 Security re:Cap 第二部 ～セキュリティセミナー～ に行ってきた</a></h2> <div class="entry-meta">
<span class="byline"> By <span class="author vcard"><a class="url fn n" href="https://www.fnifni.net/author/hirokazu/">yoshidahirokazu</a></span></span><span class="posted-on"> <a href="https://www.fnifni.net/2018/" rel="bookmark"><time class="entry-date published" datetime="2018-12-24T17:01:22+09:00">2018-12-24</time><time class="updated" datetime="2018-12-25T21:27:30+09:00">2018-12-25</time></a> </span> </div><!-- .entry-meta -->
</header><!-- .entry-header -->

URLとアンカーテキスト、公開日時と更新日時を取得することにします

<header class="entry-header">{*}
<a href="{%}"{*}>{%}</a>{*}
<time class="entry-date published" datetime="{%}"{*}>
<time class="updated" datetime="{%}"{*}>{*}
</header>

[Extract]ボタンを選択し、情報が取得できることを確認