MASATO NASU

Tools

Apps, prototypes, and utilities built for actual use.

PocketBridge

PocketBridge

#PWA#English#Words#Reading#Vibe Coding

URLを貼る → 本文だけ読みやすく表示 → 単語/フレーズを収集 → TANGO-CHOへ送る PocketBridge は、記事を読むための軽いリーダーであり、TANGO-CHO とつないで使うための橋渡しアプリです。 英語記事をそのまま読むのではなく、 本文だけを見やすく表示する 気になった単語はタップで拾う 気になったフレーズは長押し選択で拾う 集めた語をTANGO-CHOへ送る という流れを、できるだけ手数少なく行えるようにしています。 これは何か PocketBridge は TANGO-CHO の手前に置く読書用PWA です。 単体で完結する辞書アプリではなく、Webの記事やニュースから語彙を拾って、TANGO-CHO に渡すための companion app という位置づけです。 特にこんな使い方を想定しています。 BBC など英語記事の URL を貼る 本文だけを落ち着いて読む 気になった語をその場で収集する 収集箱から TANGO-CHO を開いて、その語を継続学習につなげる つまり、 読む場所 = PocketBridge 覚える場所 = TANGO-CHO という役割分担です。 実行画面 Reader 画面 実際に URL を読み込み、本文を表示している画面です。 PocketBridge Reader 収集箱画面 集めた単語・フレーズを確認し、「TANGO-CHOへ送る」 ボタンから次の学習へつなげます。 PocketBridge Pocket 主な機能 URLから本文を抽出して表示 余計なUIを減らし、読みやすい形で表示 単語をタップで収集 記事を読みながら気になった語をすぐ保存 フレーズを長押し選択で収集 単語だけでなく、まとまりとして覚えたい表現も回収可能 収集箱で管理 全部 / 未送信 / 送信済 で見分けられます TANGO-CHOへ送る 収集した語を ?word= 付きで TANGO-CHO に渡します 履歴保存 読んだURLの履歴を保持 PWA対応 インストールしてアプリのように使えます Android共有対応 対応環境では記事の共有先から PocketBridge を開けます TANGO-CHO との連携 PocketBridge の大事なポイントは、TANGO-CHO とリンクして使うことです。 収集箱に入れた単語やフレーズは、各アイテムの 「TANGO-CHOへ送る」 ボタンから送信できます。 内部的には、次のように TANGO-CHO を開きます。 https://masato-nasu.github.io/TANGO-CHO/?word=収集した語 このため PocketBridge は、 記事を読む 気になる語を拾う TANGO-CHO で覚える という一連の流れを自然につなぐためのアプリです。 使い方 URL入力欄に記事URLを貼ります 「読む」 を押します 本文が表示されます 語を拾います 単語: タップ フレーズ: 長押しで範囲選択 → 下部の 「収集」 「収集箱」 を開きます 各アイテムの 「TANGO-CHOへ送る」 を押します Androidの共有から使う PocketBridge は PWA としてインストールすると、Android では共有先に出せる場合があります。 流れ PocketBridge をブラウザで開く ホーム画面に追加 / アプリをインストール BBC などの記事ページで 共有 を押す 共有先に PocketBridge が出れば選択 URL が自動入力され、そのまま読み込みへ進めます 補足 Android の共有文では、タイトル + URL が混ざることがありますが、PocketBridge 側で最初の URL を抽出して読めるようにしています iPhone / Safari では Web Share Target の制約があるため、URLを貼り付けて使う方法が確実です 抽出について サイトによっては CORS や構造の都合で、そのまま本文取得できない場合があります。 そのため PocketBridge では、必要に応じて r.jina.ai を使った抽出を行います。 公開URL向けの利用を想定 ブロックされるサイトでのフォールバックとして利用 機密URLや閉じたページには使わない前提 画面上の 「ブロック時は抽出(r.jina.ai)を使う」 で切り替え可能です。 向いている使い方 英語記事を読みながら単語を集めたい 単語帳を作る前段として、まず読書体験を整えたい BBCなどの記事から、その場で語彙学習へつなげたい TANGO-CHO をもっと実戦的な入力経路で使いたい バージョンメモ 現状の実装では、以下の方向性を重視しています。 まずは軽く開けること 本文に集中できること 単語とフレーズの回収が速いこと TANGO-CHO に自然につながること ひとことで言うと PocketBridge は、記事閲覧と語彙学習のあいだをつなぐ橋です。 読むためのアプリであり、同時に TANGO-CHO へ語を運ぶ入口でもあります。