0
0

辞書データで英単語の意味を表示し、Notionに保存するChrome拡張機能を作ってみた

Posted at

TL;DR

辞書データ(.txt形式)を取り込んで、右クリックからポップアップで英単語の意味を表示します。保存したい意味をそのままNotionのデータベースに保存できる仕組みです

ただし、動作が不安定で、表示されない意味があったり、表示が遅かったりします。まだまだ未完成ですが、マーク・ザッカーバーグ氏の言葉を盾にして公開しています


Chrome拡張機能の概要

Chrome拡張機能の設定画面に、Notion APIキーとデータベースIDを入力します

使用する辞書データは英辞郎を使用しています

image.png

2.png

1.png

Notionのデータベースに登録してくれますが、表はこの形でないとエラーになります

3.png


使用した辞書データ

英辞郎 Ver.144.10(2024年4月7日修正版)のテキストデータを使用しています


技術的な実装詳細

辞書データの読み込みと意味の表示

辞書データの読み込みと表示については、以下の記事を参考にしましたが、自分の作成したものは足元にも及びませんでした(泣)

Notion APIとの連携

Notion APIとの連携は、以下の記事を参考にしています。


AIの活用

このプロジェクトでは、ChatGPTやGitHub Copilotを使用してコードを書きました
この記事も整えてもらっています


苦労した点と解決方法

  • 自分のプロンプトが悪いのか、全く違った回答が返ってくることが多かったです
  • 前の命令を無視されることがあり、結局は自分で開発したほうが早いと感じました

今後の改善点と発展可能性

  • 表示までの速度が遅い
  • 不要な意味まで取り込んでしまっている
  • Notionデータベースのカラムなども設定できるようにする予定
  • Reactに移行したい
  • TypeScriptもできれば使いたい
  • 他の辞書ファイルでも使えたらよい

GitHubリポジトリ

更新していけたらいいなぁ

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0