#🔖 Smart Labels

この機能は アイコンから使えます。

Smart Labels を使うと、どんなWebページでも文字列へすぐラベルを付けられます。通貨や単位の変換もしやすくなり、内容を自分にとって分かりやすい形に整えられます。🙂

#🚀 Smart Labels が便利な理由

• 🎯 ほとんど何でも置き換えられる: テキストパターンを自分のラベルへ差し替えられます。
• 💱 通貨変換: リアルタイムの為替レートで変換できます。
• 📏 単位変換: 長さ、重さ、体積など幅広く対応します。
• 🎨 見た目を選べる: 30 種類以上のラベルスタイルから選べます。
• 🌐 サイト単位で賢く適用: 設定は自動保存され、今後そのサイトの別ページでもそのまま使えます。

少し使うだけでもかなり便利さを実感しやすい機能です。🙌

#🛠️ 使い方

#🖼️ デモ画像

• 下の画像では、買い物中に使えるさまざまな Smart Labels の例を見られます。
• 項目が多く見えても心配いりません。1 個だけ追加してもいいし、何百個でも追加できます。👉

#✏️ ラベルを追加する

1. ラベルの種類を選ぶ:
   • Text: 単語やフレーズをそのまま一致させます。
   • Regex: 高度なパターン一致を行います。
   • Custom Unit: 独自の変換ルールを作れます。
   • Currency: USD、EUR、JPY などの通貨を自動検出して変換します。
   • Units: 長さ、重さ、体積などの単位を自動検出して変換します。
2. すべての項目を埋める:
   • Before Pattern:
     • Text または Regex では、検出したいパターンを入力します。
     • 単位系では自動入力されますが、必要なら調整できます。
   • After:
     • Text または Regex では、置き換え後の語句を入力します。
     • Currency または Units では、変換先を選びます。例: USD → EUR。
   • Conversion Rate:
     • 単位タイプのみ表示されます。自動入力されますが、編集も可能です。
3. 「+」を押す: 追加ボタンは、すべての項目が有効になったときだけ押せます。保存すると、その場で効果を確認できます。

• 入力欄はオートコンプリート対応です。文字を入れるだけで候補を探せます。
• 画面が小さい場合は、横にスクロールして行全体を確認してください。
• x アイコンで項目を消去できます。
• 計算もしたいなら 😉: 1 After-unit = rate * Type-unit

#📝 ラベルを編集する

変化をリアルタイムで確認できます。

保存済みの設定は、どのフィールドを押しても編集できます。

効果はすぐ反映されます。テキスト系の項目では、設定テーブルの空白部分を押すと結果を確認しやすいです。

#🗑️ ラベルを削除する

ゴミ箱アイコンを押すとラベルを削除できます。

#🕵️ ラベルを隠す

元の内容を見たいときは、ラベルを一時的に隠せます。

• タッチ画面: ラベルをタップすると 3 秒間だけ非表示になります。
• マウス: ラベルにカーソルを合わせると隠れ、その下の内容が見えます。

#🎨 表示スタイル

表示スタイルは「位置」と「色」の 2 つの要素で決まります。内容ごとに違うスタイルを使い分けられます。

#位置

元のテキストに対して、ラベルをどこへ置くか選べます。

• On-Top: 既定の位置です。元の文字の上に表示されます。
• Beside: 元の文字の横に表示されます。
• Below: 元の文字の下に表示されます。
• In-Place: 元の文字の直後に青いテキストを追加します。

見た目はデモ画像で確認できます。

#色

ラベルのカラースタイルを選びます。

• Blue 💙
• Green 💚
• Yellow 💛
• Red ❤️
• Gradient 🌈
• BlackOnWhite 🖤
• WhiteOnBlack 🤍
• WhiteOnBlue 🌀
• Purple 💜
• Pink 💖
• Orange 🍊
• Brown 🟤

#🤓 使用例

Smart Labels は、記事を読むとき、買い物をするとき、調べものをするとき、動画を見るときなど、いろいろな場面で使えます。

• 海外旅行や海外通販: 価格を自分の通貨へ自動変換できます。
• 読書: 大事な用語を別スタイルで目立たせられます。
• 調べもの: 難しい専門用語をもっと分かりやすい表現へ置き換えられます。

#✍️ テキスト置換

• Type: Text
• Before: HuBrowser（YouTube チャンネル名）
• After: Nice!（自分用のメモ）
• Style: Gradient

#💰 通貨変換

• Type: EUR
• Before: 自動入力
• After: USD
• Rate: 最新の為替レートで自動入力されます。
• Result: 例: €93.50 → $99.99

#📏 単位変換

• Type: Length/inches
• Before: （自動入力）
• After: Length/cm
• Rate: （自動入力）

#🛠️ トラブル時の確認

うまく動かないときは、次を確認してください。

1. 「Before」欄を確認する: 置き換えたい文字列と、本当に一致していますか。
2. 別のスタイルを試す: サイトによっては、見えやすいスタイルが異なります。
3. 再読み込みする: ページを更新して変更を適用します。