Summarizer APIのサンプル

<h1>Summarizer APIのサンプル</h1>
<article>
  ドナルド・ジョン・トランプは、アメリカ合衆国の政治家、実業家。第45代アメリカ合衆国大統領。<br>
  2016年の大統領選挙に共和党からの出馬で当選し大統領を一期務め、2020年の大統領選挙では民主党候補ジョー・バイデンに敗れるも、<br>
  2024年の大統領選挙で大統領に返り咲き、グロバー・クリーブランド以来132年ぶりの任期を連続しない再選を果たした。
</article>
<p id="result"></p>

const result = document.getElementById('result')

if ('Summarizer' in globalThis) {
  async function summarize () {
    const avail = await Summarizer.availability({ type: 'tldr', length: 'short' })
    if (avail === 'available') {
      result.innerText = 'Summarizer APIで文章を要約中…'
      const summarizer = await Summarizer.create({
        type: 'key-points',
        format: 'markdown',
        length: 'medium',
      })
      const text = document.querySelector('article')?.innerText || ''
      const summary = await summarizer.summarize(text)
      result.innerText = summary
    } else {
      result.innerText = 'Summarizer APIが使用不可です。'
    }
  }
  summarize()
} else {
  result.innerText =
    'お使いのブラウザではSummarizer APIは使用不可です。\nChrome v138 以上などを使用してください。'
}

元記事を表示する