最強暗記

ハッカソン優秀賞受賞作品（2024）

↓クリックしてレポジトリへ移動↓

解説生成から暗記まで行えるChrome拡張機能

　技術や専門知識を調べていると、多くの知らない専門用語に出会います。そのたびに検索タブが無限に増え続け、解説書が積み重なり、同じ単語を何度も調べてしまうこともあります。そんな不便から解放されるために、わからない単語の解説を生成AIを用いて即時に生成し、さらに調べた単語をまとめる自分だけの単語帳を作れるChrome拡張機能を開発しました。

最優秀賞を目指して

　この作品は、サポーターズ主催のハッカソン（2日間）にサークルメンバーの3人チームで参加して製作したもので、最優秀賞を目標に取り組みました。エンジニアをサポートするアプリケーションをメインコンセプトに掲げ、自分たちが使いたいと思えるものを目指し、作品企画から行いました。製作はChrome拡張機能、単語帳フロントエンド、バックエンドに分担し、私はChrome拡張機能を担当しました。

　結果は、全25チーム参加の中で準優勝となる優秀賞をいただきました。目標には惜しくも届きませんでしたが、初めてのChrome拡張機能製作としては健闘することができたと感じています。ReactやTypeScriptを用いた開発にも挑戦でき、とても有意義な経験となりました。

シンプルな使い方

　使い方はとてもシンプルです。まず、拡張機能の設定画面からメールアドレスを登録します。そして、調べたい単語をハイライトして表示されるアイコンをクリックすれば、すぐに生成AIによる簡単な解説文を確認することができます。（解説文の中からさらに単語検索することも可能）

　また、解説ダイアログ上にある「単語帳に登録」ボタンをクリックするだけで、調べた単語や解説を簡単に単語帳に追加することができます。単語帳には検索機能だけでなく、登録日順や同一単語の検索回数などで並び替えができ、覚えにくかったり忘れやすい単語を重点的に復習することもできます。

Tools

・ReactではじめるChrome拡張開発入門
　　　　https://zenn.dev/alvinvin/books/chrome_extension