【Feed43】RSS配信非対応のサイトでRSSフィードを取得する方法

ブログの更新情報をお知らせするサービスです。

気になるサイトをRSSに登録（購読）すれば、自動的にチェックしてくれます。

新しい記事が公開された時に、「この記事が投稿されたよ～」と通知してくれます。

購読というと少し有料っぽいニュアンスになりますが、無料です。

LINE通知のブログバージョンといったイメージです。デフォルトでは通知オフになっているので、RSSで購読して通知オンにしてやろう～ってことです。

フィードリーダーと呼ばれるフィードを読み取るアプリ、更新情報を受け取りたいサイトがRSSに対応していることが条件です。一度購読すれば、永久的に情報を取得してくれます。

フィードを読み取るアプリは、僕が大好きなウェブブラウザVivaldiに標準内臓されています。リーダー内で記事を確認できる、プライバシーに配慮している点が特徴です。

YouTubeもフィードリーダー内でサクッと確認できます。

参考：【Vivaldi】フィードリーダーの使い方。RSSを登録してみよう！

RSSに対応しているサイトは、普通に購読しましょう。

例えば、当サイトはRSSに対応しているので、フィードリーダーが使えるブラウザで開くと、アドレスバー横にフィードボタンが表示されます。

色々なパターンを紹介するのが目的なので、元々RSSに対応しているサイトもあります。

ABlog | Ablazeメンバーによるブログ

サイト：https://blog.ablaze.one/

HTMLの抽出

<h2 class="archive__title"><a class="archive__link" href="https://blog.ablaze.one/910/2021-12-20/">Floorp ブラウザ 8.1.1 リリースのお知らせ</a></h2><p class="archive__excerpt">Floorpでは安定したリリースと機能更新をできるように、Firefoxの通常版のリリースである Firefox Stable releaseに追従して…</p> </div>

HTMLの変換

<h2 class="archive__title"><a class="archive__link" href="{%}">{%}</a></h2><p class="archive__excerpt">{%}</p> </div>

Tanweb.net

サイト：https://tanweb.net/

HTMLの抽出

<a class="cardtype__link" href="https://tanweb.net/2021/12/20/44441/" data-wpel-link="internal">
<p class="cardtype__img">
<img src="https://tanweb.net/wordpress/wp-content/uploads/2021/12/ec-amazon-benrikensaku-520x300.jpg" alt="Amazon商品検索を超便利にする裏技！「割引率・価格帯検索」など商品選びの便利ワザ">
</p>
<div class="cardtype__article-info">
<time class="updated entry-time dfont" datetime="2021-12-20">2021.12.20 Mon</time>
<h2>Amazon商品検索を超便利にする裏技！「割引率・価格帯検索」など商品選びの便利ワザ</h2>

HTMLの変換

<a class="cardtype__link" href="{%}" data-wpel-link="internal">{*}
<h2>{%}</h2>{*}

上記サイトのように、記事リンクと記事タイトルの間に他の文字がある場合は、ごっそり変換の時に削除しましょう。

重要なのは、記事タイトルと記事リンクの2つだけです。

更新ログ　HD Video Converter Factory Pro

サイト：https://www.videoconverterfactory.com/jp/hd-video-converter/update-logs.html

HTMLの抽出

<details>
<summary>- v21.8　2021年3月10日</summary>
<ul>
<li>1、100以上の新しいデバイスを追加しました。</li>
<li>2、変換数の問題を修正しました。</li>
<li>3、ハードウェアアクセラレーションの問題を修正しました。</li>
<li>4、変換とマージ機能の最適化。</li>
<li>5、バッチ変換での変換数の問題を修正しました。</li>
<li>6、8K動画の変換問題を修正しました。</li>
<li>7、ダウンロード数制限の問題を修正しました。</li>
<li>8、一部の動画サイトのダウンロード問題を修正しました。</li>
<li>9、ダウンロードしたファイルの命名問題を修正しました。</li>
<li>10、字幕のダウンロードに100以上の言語を追加しました。</li>
</ul>
</details>

HTMLの変換

<details>{*}
<summary>{%}</summary>{*}
<ul>{*}
<li>{%}</li>{*}
</ul>{*}
</details>

新着記事一覧　フリーソフト100

サイト：https://freesoft-100.com/recent-posts.html

HTMLの抽出

<a href="https://freesoft-100.com/review/okoshimax.html"><div class="post_block alternate"><div class="post_thumbnail" style="background-image:url(/img/sc1/sc33/okoshimax-51s.png);background-size:cover"> </div><div class="post_title">0.5～4倍速の速度調整、時間ごとのしおり機能などを利用して音声文字起こしを支援するソフト「OkoshiMAX」</div>

HTMLの変換

<a href="{%}">{*}
<div class="post_title">{%}</div>{*}

上記サイト様もいい練習になります。

記事リンクと記事タイトルの間に、アイキャッチ画像などのフィードには不要なコンテンツがあるので、変換時に行を丸ごと削除しています。

間を削除する時は、改行して{*}を入れてあげるとうまくいきます。

REALFORCE アップデート情報

サイト：ダウンロード & アップデート情報 | REALFORCE | 日本製プレミアムキーボードの最高峰

HTMLの抽出

<h4 class="version">Ver.1.1.2</h4>
<ul>
<li><span class="uppercase">Realforce</span> TKL シリーズ2機種 追加対応しました。</li>
</ul>

HTMLの変換

<h4 class="version">{%}</h4>{*}
<ul>{*}
<li>{*}
{%}</li>{*}
</ul>{*}

サイト：Vivaldiのブラウザ専門ブログ – 最新ニュース、情報提供や Vivaldiの便利な使い方

本来は記事タイトルと記事リンクだけでいいのですが、以下のように抜粋分も抽出します。基本的には、「<p>～～</p>」で囲まれていると思います。

<h2 class="h4 entry-title"><a href="https://vivaldi.com/ja/blog/drop-big-tech-vivaldi-browser-and-lingvanex-bring-privacy-friendly-automatic-translations/">テキストを選択するだけでサイドパネルに翻訳を表示！言語学習にも便利なブラウザ内蔵の翻訳機能</a></h2><p class="date small">12月 2, 2021</p></header><div class="small"><p>デスクトップ版 Vivaldiに翻訳パネルが新登場。Vivaldi 5.0はデスクトップはもちろんノートパソコンでもご利用いただけます。</p>

抜粋分部分を削除せずに、{%}で置き換えます。

<h2 class="archive__title"><a class="archive__link" href="{%}">{%}</a></h2><p class="archive__excerpt">{%}</p> </div>

記事タイトル、記事リンク、抜粋分の3つ抽出するので、{%3}までのパラメーターが作成されます。

それぞれの項目にパラメーターを割り当てます。上記サイトの場合、Item Content Templateは、{%3}になります。

「Preview」をクリックすると、抜粋分を含めたフィードが作成されます。