メインコンテンツへスキップ
見出し画像

NoteのRSSをJavaScriptで使用してみる

    1. まず初めに

    この記事は、ある程度JavaScriptが使用できること、
    そしてRSSが何か、を知っている前提で書きます。

    また、今回はNode.jsを使用します。
    ご了承ください。

    ※ここまででよくわからないって人は、以下のDiscordBotがおすすめです。
    簡単にnoteの最新記事を通知してくれます。


    2. RSSのリンクを取得する

    RSSのリンクは、Noteユーザーごとに違います。
    以下のURLに当てはめると、簡単に取得できます。

    https://note.com/ユーザー名(例: kasoneko12345)/rss

    3. パッケージのインストール

    以下のコマンドでパッケージをインストールしてください。

    mkdir NoteRSS
    cd NoteRSS
    npm init -y
    npm install rss-parser

    4. 早速取得してみる

    早速NoteのRSSを取得してみましょう。
    以下のコードをindex.jsとして保存してください。

    import Parser from 'rss-parser';
    
    const parser = new Parser({
      headers: {
        'User-Agent': 'Mozilla/5.0 (RSS Bot)'
      }
    });
    
    async function test() {
            const feed = await parser.parseURL("2. で取得したRSSリンク");
            console.log(feed)
    }
    
    test();

    保存したら実行してみましょう。

    node index.js

    実行すると、このように出力されます。(私のアカウントの場合)

    {
      items: [
        {
          title: '[初心者向け] UptimeKumaをホストする方法',
          link: 'https://note.com/kasoneko12345/n/ne8609e91fb09',
          pubDate: 'Tue, 11 Aug 2026 09:42:33 +0900',
          content: `<table-of-contents name="8ebedda3-3e6c-43ad-99d3-53cc75ddd756" id="8ebedda3-3e6c-43ad-99d3-53cc75ddd756"><br></table-of-contents><h2 name="5bc7b66d-38bb-48ea-b489-eb3ca349ff4f" id="5bc7b66d-38bb-48ea-b489-eb3ca349ff4f">1. まず、UptimeKumaって何?</h2><br/><a href='https://note.com/kasoneko12345/n/ne8609e91fb09'>続きをみる</a>`,
          contentSnippet: '1. まず、UptimeKumaって何?\n続きをみる',
          guid: 'https://note.com/kasoneko12345/n/ne8609e91fb09',
          isoDate: '2026-08-11T00:42:33.000Z'
        }
      ],
      feedUrl: 'https://note.com/kasoneko12345/rss/',
      paginationLinks: { self: 'https://note.com/kasoneko12345/rss/' },
      title: 'SharkBot公式',
      description: '私はDiscordBotを作っている人です。\nよろしくお願いします。',
      link: 'https://note.com/kasoneko12345',
      language: 'ja',
      copyright: 'SharkBot公式',
      lastBuildDate: 'Thu, 13 Aug 2026 15:32:28 +0900'
    }

    5. 最新の記事を取得するコードを作ってみる

    以下のコードをlast.jsとして保存してください。

    import Parser from 'rss-parser';
    
    const parser = new Parser({
      headers: {
        'User-Agent': 'Mozilla/5.0 (RSS Bot)'
      }
    });
    
    async function test() {
            const feed = await parser.parseURL("2. で取得したRSSリンク");
            console.log(feed.items[0])
    }
    
    test();

    保存し、実行すると、最新の記事の情報が出力されるはずです。

    6.  最後に

    このRSS取得コードを使用して、discord.jsなどで
    記事通知Botを作成してみてください。
    ここまで読んでいただき、ありがとうございました。

    最後に、この記事へのいいねとフォローもよろしくお願いします。

    7. 番外編

    投稿主は、以下のDiscordBotを作成しています。
    便利なので入れてみてね!


    この記事が参加している募集

     
     
    私はDiscordBotを作っている人です。 よろしくお願いします。

    あなたへのおすすめ