読書のWebアプリ「Gloss」の90秒紹介動画

Glossは、記事や章、PDF、Xのブックマークを保存して読む個人の本棚です。行を選んで打ち始めると、AIが余白に答えを書き、確かめられる段落の番号を示します。保存した記事は話題ごとに背表紙の本棚へ自動で分けられ、ハイライトとメモはObsidian向けのMarkdownで書き出せます。

0〜4秒　「Highlight any line. Ask it anything.」に赤い線が引かれ、Glossの名前が出ます。

4〜10秒　良い記事を見つけるたびに保存するデザイナーが登場し、保存した記事の数が増えていきます。

10〜16秒　保存した記事のカードが積み上がり、読み終えたものはわずかなままです。

16〜22秒　本文の分からない単語を調べるうちに検索のタブが5つ開き、読んでいた場所が後ろへ消えます。

22〜28秒　本文をチャットへ貼って質問すると、もっともらしい答えは返るものの本文のどこに書いてあるかは分かりません。

28〜36秒　保存した数だけが増え続けたあと、Glossの名前と「Highlight any line. Ask it anything.」が出ます。

36〜48秒　同じカードが背表紙になって本棚に並び、話題や色で並べ替わります。エージェントにブックマークを保存させるパネルも見せます。

48〜60秒　同じ単語の行を実際の画面で選んで打ち始めると、余白に答えが出ます。タブは開きません。

60〜72秒　質問の答えが余白に出て、引用された段落の札を押すとその段落が光ります。

72〜90秒　キーの一覧とアカウント不要・PDF対応・Markdownの書き出しなどの札を並べ、Glossの名前とusegloss.ioで締めます。

画面全体をGlossの読む画面に見立て、左に段落の縮図の帯、中央に本文、右に余白を置き、補足テキストは本文の言葉から赤い引き出し線でつながる余白のカードにしました。場面の切り替えは次の段落へ進むjキーの操作に合わせて下へ送る形です。本文はGlossに収録されている古典の見本を使いました。

製品サイトで公開されている情報だけをもとに、製品の見た目に合わせて制作しています。ナレーションは入れず、画面の動きと音楽で伝える構成です。