ウェブサイトで選択したテキストに対するポップアップを表示するnpmパッケージを試作しました。

npm

www.npmjs.com
www.npmjs.com

ソースコード

GitHub - nakamura196/text-popup
Contribute to nakamura196/text-popup development by creating an account on GitHub.
GitHub

デモページ

Document
nakamura196.github.io

開発にあたっては、以下の記事を参考にしています。

npmライブラリを公開する（TypeScript、CDN対応）
Zenn

ウェブサイトに以下の2行を追加することでお試しいただけます。

<script src="https://cdn.jsdelivr.net/npm/@nakamura196/text-popup/dist/main.min.js"></script>
<script>textPopup();</script>

npmライブラリの開発および公開の参考になりましたら幸いです。

動画版（生成AIによる自動生成）: この記事の内容をずんだもん×四国めたんの掛け合いで解説しています。自動生成のため、内容に誤りがある可能性があります。正確な情報は記事本文をご参照ください。