機能ガイド

Booth-Companionガイド(WIP)

Booth-Companionの各機能がどのように動くかを確認できます。まずは通貨・価格変換から始め、今後さらに章を追加していきます。

第1章

通貨・価格変換

Booth.pm左下にあるBooth-Companionの設定ボタンを開き、ドロップダウンから使いたい通貨を選びます。これで、表示される価格変換が普段使う通貨に合わせられます。

通貨リストを開いたBooth-Companion設定ボタン

1.1 自動

自動更新は通常デフォルトで有効になっています。通貨セクション内のトグルを確認し、必要ならオンにしておくと、Booth-Companionが為替レートを最新に保ちます。

通貨設定内で自動更新トグルが有効になっている状態

1.2 手動

細かく自分で調整したい場合は、 Automatic update pricesをオフにして、独自の為替レートを入力し、 Update を押すと、表示中のすべての価格をすぐに再計算できます。

更新ボタン付きの手動為替レート入力欄

第2章

Badge・支出・合計

合計表示とBadge機能を使うと、すでに購入したもの、ギフトとして受け取ったもの、これから購入予定のものを把握しやすくなります。以下の手順では、各オプションを有効にする場所とBooth上での表示を説明します。

合計表示とBadge設定のトグルが表示されたSettingsタブ Owned BadgeとGifted Badgeが表示されたBoothアイテムカード

2.1 合計支出 / Wishlisted

有効化します Show total spent/favorited をBooth-Companionのオーバーレイで有効にしてから、購入履歴またはウィッシュリストを開きます。右上に新しいポップアップが表示され、合計支出やウィッシュリストの合計金額を確認できます。

合計購入額のポップアップメニュー

2.2 Badges

Owned badge 」および/または「 Gifted badge 」オプションを切り替えて、 Start scanを押します。Booth-Companionが関連するBoothページを開き、自動でスキャンします。スキャンが完了すると、各アイテムカードにBadgeが表示され、購入済みまたは受け取り済みのアイテムが分かるようになります。

第3章

表示形式と区切り記号

Format 」タブでBooth-Companionの通貨表示を調整できます。通貨記号や通貨コードをどこに表示するか、価格を見たときに自然に感じる区切り記号スタイルを選べます。

Booth-Companion内のFormatタブ設定

3.1 表示形式

通貨記号や通貨コードを数字の前後どちらに表示するかを選びます。下の価格タグを選ぶと、Booth上での価格表示形式をプレビューできます。

ライブ価格プレビュー
12.35
通貨記号または通貨コードの表示位置を選択

3.2 区切り記号

Booth-Companionで使う区切り記号スタイルを選びます。米国式のカンマと小数点、または欧州式のピリオドとカンマに切り替えると、プレビューがすぐに更新されます。

ライブ価格プレビュー
$ 24.99
区切り記号スタイル

第4章

Avatar Matcher / Highlighter

対応しているアセットを各Boothアイテムカード上で直接ハイライトします。設定後、Booth-Companionがリスティングをスキャンし、あなたのAvatarに合うアイテムをマークするので、商品ページを開く前に対応状況を確認できます。

Booth-Companionオーバーレイ内のAvatarハイライト概要

4.1 セットアップ

Avatar 」タブを開き、 Add Avatarを押します。Avatar名を入力し、必要であれば日本語名などの別名も追加すると、より正確に一致させられます。 Save を押してプロフィールを保存し、 Fetch Avatar matches にチェックを入れると、Booth-Companionが閲覧中に対応アイテムをハイライトできるようになります。

設定項目付きのManage Avatar Highlightボタン

4.2 即時フィルター

Show Avatar filter panel 」トグルは通常デフォルトでオンになっています。オフになっている場合は、Avatarタブ内で有効にしてください。クイックフィルターパネルが追加され、選択したAvatarに対応するアセットだけにBoothの結果を絞り込めます。

Avatar即時フィルターパネルの動作プレビュー

第5章

言語選択

Booth-Companionを好みの言語に設定すると、ボタン、ラベル、通知が読みやすくなります。言語セレクターは Settings タブ内にあり、いつでも簡単に切り替えられます。

言語ドロップダウンを強調したSettingsタブ

5.1 言語を選ぶ

Settings 」タブを開き、上部の「 Language 」ドロップダウンから使いたいインターフェース言語を選びます。変更を確定すると、Booth-CompanionのUIがすぐに更新されます。

選択肢を開いた言語ドロップダウン

第6章

Infinite Scroll

次のページをクリックせずに検索結果を見続けられます。Booth-CompanionのInfinite Scrollは、リストの最後に近づくと自動でさらにアイテムを読み込み、スムーズに探せるようにします。

Infinite ScrollでBooth検索結果が連続読み込みされる様子

6.1 Infinite Scrollを有効にする

Settings 」タブを開き、 Enable Infinite Scroll on search pagesをオンにします。この機能を有効にすると、スクロールに合わせてBoothが新しい結果を自動で追加するため、ページを切り替える必要がなくなります。

検索ページでInfinite Scrollを有効にするトグル

第7章

Free Item Highlighter

Booth-Companionが無料アイテムを一目で分かるようにします。Free Item Highlighterは目立つBadgeを追加するため、Boothのリスティングをスクロールしているときに無料ダウンロードを見逃しにくくなります。

無料アイテムとして強調表示されたBoothカード

7.1 ハイライトを有効にする

Price 」タブをBooth-Companionのオーバーレイ内で開き、 Highlight free itemsをオンにします。ページを更新すると、該当するリスティングに明るいラベルが付き、無料アイテムがすぐに目立ちます。

Priceタブ内のHighlight free itemsトグル

第8章

デザインカスタマイズ

Booth-Companionのオーバーレイを自分好みにできます。 Theme タブでは、用意されたプリセットから始め、各色やガラス・Glow効果を細かく調整して、好みに合う見た目にできます。

8.1 プリセット

Themeタブ上部のプリセットドロップダウンを開くと、Boothの標準スタイルや、Booth-Companionテーマを切り替えられます。例: Yuna Blue, Sakura Bloom, Midnight Violet, Emerald Glow, Sunset Ember, Arctic Drift、および Solar Dawn。プリセットを選ぶと、配色とパネル効果がすぐに適用され、ワンクリックで全体の見た目をプレビューできます。

Themeタブのプリセットドロップダウン

8.2 保存済みテーマ

色やスライダーを調整したら、 Saved themes ボックスで名前を付け、 Save themeを押します。作成したテーマはすぐ下に表示され、 LoadDelete ボタンで個人用スタイルを切り替えたり、不要になったものを整理したりできます。

8.3 Themeコード

Theme code 」フィールドを使って、レイアウト全体を共有またはインポートできます。 Export current theme をクリックして共有用の文字列をコピーするか、友達からもらったコードを貼り付けて Import theme を押すと、保存済みリストに追加できます。

8.4 UIとテキストカラー

基本UIカラーは UI colorUI text color のピッカーで調整できます。これらはオーバーレイ背景の色合いと、設定パネル全体で使われる標準テキスト色を制御します。

8.5 ボタンカラー

Button color 」と「 Button text 」の設定を使って、Booth-Companion内のCTAボタンの色を変更できます。テキストのコントラストを合わせることで、鮮やかな色を選んでもボタンを読みやすく保てます。

8.6 Infoとポップアウトカラー

アクセントカードは専用ピッカーで細かく調整できます: Info box color, Info box text, Popup color、および Popup text。これらの設定はステータス表示やポップアウトパネルに適用され、テーマ全体を統一できます。

8.7 Glass morphism

Enable glass effect 」をオンにすると半透明パネルを追加できます。その後、 Glass blurGlass opacity のスライダーで見た目を調整します。低めの不透明度はくっきりとした印象に、高めのBlurはすりガラス風の見た目にできます。

8.8 Surface fill

各パネルの塗りの強さは Surface intensity スライダーで調整できます。さらに色を重ねたい場合は Full background color wash を有効にし、 Color wash strength スライダーでグラデーションの強さを調整します。

8.9 レイアウトとGlow

最後に Panel corner radiusGlow intensityを設定して仕上げます。柔らかい角と控えめなGlowは落ち着いた印象に、鋭い角と低いGlowはミニマルな見た目に向いています。