JavaScriptのSummarizer APIの生成AIで文章を要約可能

Summarizer APIとは

Summarizer APIはChromeのローカルAIモデル (Gemini Nano) を活用した要約用APIです。

JavaScriptでSummarizer APIを使用して、以下のようなコードを書けば文章を生成AIを使って要約します。

JavaScript

const result = document.getElementById('result')

if ('Summarizer' in globalThis) {
  async function summarize () {
    const avail = await Summarizer.availability({ type: 'tldr', length: 'short' })
    if (avail === 'available') {
      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 以上などを使用してください。'
}

const result = document.getElementById('result')

if ('Summarizer' in globalThis) {
  async function summarize () {
    const avail = await Summarizer.availability({ type: 'tldr', length: 'short' })
    if (avail === 'available') {
      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 以上などを使用してください。'
}