Web開発
Show HN: BraiNOTES、ブラウザタブで講義PDFに手書きメモ
Show HN: BraiNOTES, handwritten notes on your lecture PDFs in a browser tab (github.com)
要約
BraiNOTESは、ブラウザタブ内で講義PDFに直接手書きメモを取れる静的なウェブサイトです。アカウントやサーバーは不要で、オフラインでローカルファーストで動作します。ペン入力の筆圧をサポートし、PDFはpdf.jsでレンダリングされ、変更はIndexedDBに保存されます。メモはベクトルインクとしてPDFの上に重ねて保存されるため、元のテキストは選択可能なままです。
全文翻訳
8月、ブラウザ内で完全に動作し、アカウントやサーバーを必要としないLaTeXエディタであるTeXbrainについてここで投稿しました。(ここからのフィードバック、バグ報告、ヘルプがこれほど多くなるとは予想していませんでした!)
これは私の学習のもう半分、手書きメモのための同じアイデアです。私はコンバーチブルラップトップでそれを行い、そのためのアプリ、デバイスからデバイスへのメモの取り方、PDFとしてのエクスポート、多くのアプリでアカウントが必要なことなどに苦労してきました。そこで、私が常に欲しかったバージョンに取り組んできました。タブを開くと、講義のスライドや複数のPDFがページの横に開かれるか、ページ自体になり、ペンで書き込みます。そして何もブラウザから離れることはありません。
braiNOTESは静的なウェブサイトであり、バックエンドはありません。ストロークは完璧なフリーハンドのアウトラインで、ペン圧をサポートしています。PDFファイルはワーカー内のpdf.jsによってレンダリングされ、ストレージには変更の直後にIndexedDBが使用されます。アカウントなし、分析なし、完全にオフラインでローカルファーストです。ノートブックを.brainotesファイルとしてエクスポートできます。これは、バックグラウンドでは、ページごとのJSON1つとインポートしたPDFおよび画像を含むzipファイルです。元のページを保持し、その上にベクトル化されたインクを配置するため、テキストはスライド内で選択可能なままです。
ここで試すことができます:https://notes.swimmingbrain.dev
GitHubリポジトリ:https://github.com/swimmingbrain/brainotes (MIT)
スタディモードでは、PDFがタブの横に開かれ、メモと同時に読むことができます。スニップツールで数式や図をメモに直接スニップしてから、その周りに書き込むことができます。ボードモードでは、チューター用または単に演習のためにより広いスペースを持つホワイトボードがあり、プレゼンテーション中にレーザーポインターツールで何かをハイライトしたり描画したりすることもできます。
インクの線はペンが動いた瞬間に表示され、1ユーロフィルターが震える手を落ち着かせ、ペンを離すときに軽いリフィットがあります。
また、まだ開発中のビデオエディタとアニメーションツールも、同じGitHubプロファイルにあります。また、各ツールのMCPサーバーも開発しており、MCPクライアントを使用してメモでさらに多くのことを行ったり、ビデオエディタでビデオを自動編集したりできます。この機能はもちろん、オンにしない限りオフになり、localhostとしか通信できません。
過去数ヶ月のすべての講義でこのツールを使用しており、数人の友人たちも使用しています。バグ報告、修正、推奨事項、フィードバックはすべて歓迎します!