/YGO_deck_extension

This extension add export and import buttons to the deck page in official card database.

Primary LanguageJavaScriptMIT LicenseMIT

遊戯王DBデッキサポート

Abstract

公式カードデータベースのデッキ画面にMouseUIモードやExport / Import / Sort / Shuffleボタンを追加します。

DB作成における古いOCGカードのid収集において、ocg-card.com様を利用させていただいています。

Deck Edit Mode

Mouse UI

  • 遊戯王DBのデッキ編集が、マスターデュエルのようにマウスを主体としたUI(MouseUI)で操作できます
  • テキストベースとMouseUIの画面はボタンエリアのText/Imageで切り替えできます。
  • カードの移動はマウスのクリックで行います。
  • Ctrl+WheelクリックまたはCtrl+右クリックで新しいタブでカードのページを開きます。
  • デッキ閲覧画面でも同様にカード画像の移動ができます。
From Left Wheel Right
Main/Extra Sideへ移動 (Main/Extraに)1枚追加 削除(Tempへ)
Side Main/Extraへ移動 (Sideに)1枚追加 削除(Tempへ)
Temp Main/Extraへ移動 Main/Extraに追加 Sideに移動
Search, Info Main/Extraへ追加 カードのページを開く Sideへ追加

  • デッキ閲覧画面に戻る

  • Headerの省略の有無を切り替える

  • デッキ編集画面で画面を長押しすることで、履歴モーダルを呼び出すことができます。

    • モーダルではレシピ編集操作の履歴およびInfoエリアの履歴が表示されます。
    • いずれかの要素をクリックすると、デッキレシピ編集操作をその時点に遡ったり、そのときのInfoエリアを表示したりできます。
    • デッキレシピ編集履歴はその操作を行った時間も表示されます。
    • モーダル上でホイールスクロールを行うと、縦スクロールが横スクロールに変換されます。
    • モーダル外をクリックすると、モーダルは閉じます。

  • Headerを省略せず表示する際、ボタンの左/ホイール/右クリックに応じて、HeaderがInfoエリア、(従来の)deckエリア、searchエリアで展開されます。
    • これにより、デッキレシピおよびInfoエリアないしsearchエリアを確認しながらHeaderを編集することができます。

Deck Manager

  • デッキレシピの保存、読み込みなどをページを切り替えることなく行うことができます。

    • デッキレシピを保存する
    • デッキレシピを読み込む
    • デッキレシピを複製する
    • デッキレシピを削除する
    • 空のデッキレシピを新規作成する
  • 公式の遊戯王DBとは別に、Chrome拡張機能のキャッシュ内にデッキを保存することもできます。

    • 単純な保存・読み込みなら公式DBに保存するよりも高速です。
    • Optionページでまとめて確認、削除することができます。(現時点ではOptionページで画像付きのデッキレシピを確認することはできません。)
  • キャッシュデッキ機能では、デッキ名に加えてversion名を付けて版管理することができます。

    • デッキを複製して保存しておかずとも、過去のレシピと比較する必要はありません。
  • デッキレシピの保存時や削除時には、@@Auto_delete_Zoodiacのようなバージョン名で自動保存されます。

Search Area

  • カード検索エリアをデッキ編集画面右側に追加します。
  • 公式のカード検索画面と同様のUI・機能を備えています。
  • クリックでのカードの移動に関する説明は、前節の表に含んでいます。
  • 検索エリアの表示・非表示を切り替える

Info Area

  • 情報エリアをデッキ編集画面左側に追加します。
  • ページを切り替えることなく、各カードの詳細や関連カード、Q&Aを確認できます。
    • 各カード画像をダブルクリックまたはCtrl+左クリックすることで、情報エリアでページを開きます。
    • (カード画像を除く)情報エリア内のリンクを(シングル)クリックすることで、情報エリアでページを開きます。
    • ホイールクリックすると、新しいタブで開きます。
  • Infoエリアを表示している状態でInfoエリアの左から3分の1をクリックすると1つ前のページに戻り、右から3分の1をクリックすると(存在するなら)1つ先のページを表示します。
  • クリックでのカードの移動に関する説明は、前節の表に含んでいます。
  • 情報エリアの表示・非表示を切り替える

Fit Editor

  • ページからデッキ編集に関係しない要素を排除して、デッキ編集に画面を最適化します。
  • FitモードのON/OFFを切り替える

Other Features

Shuffle/Sort

  • Main, Extra, SideのカテゴリごとにカードをShuffle/Sortすることができます。
    • これらは保存されているカードの並び順に影響しません。
    • この機能はデッキ閲覧画面・編集画面の両方で利用できます。
  • Shuffleする
  • Sortする

Import/Export

  • デッキレシピをImport/Exportすることができます。カードのパスワード(id)、カードゲームID(cid)、カード名(Name)の任意の形式を選択することができます。
    • Exportボタンのid/cid/Nameには、左/Wheel/右クリックがそれぞれ対応しています。
    • Importの際はid、cid、カード名のいずれからなるファイルでも対応しています。(詳細な形式はExportファイルで確認してください。)
  • Neuronアプリのデッキレシピ風の画像を作成することができます。
    • 現在、カラーバリエーションは赤と青があり、それぞれ左/右クリックに対応しています。
    • 公開されているデッキの場合、自動的に画像下部にデッキレシピへのQRコードが追加されます。
  • デッキレシピをExportする
  • デッキレシピをImportする
  • デッキレシピスクリーンショット風の画像を作成する

Option Page

  • 拡張機能のOptionページで各種設定を変更できます。
  • キャッシュに保存したデッキレシピを確認、削除することができます。

News

  • 2021/02/11: Databaseを自動更新するようにしました。
  • 2022/04/18: v0.8: 遊戯王DBのHTML要素についての大幅な変更に対応しました。
  • 2022/04/26: v0.9: ソート機能を追加しました。シャッフル機能を追加しました。
  • 2022/05/02: v0.10: Rest APIを用いてデッキレシピを保存するようになりました。DBの作成に公式遊戯王DBの情報を利用するようにしました。
  • 2022/06/01: v1.0: デッキ編集画面にMouseUIモードの導入を行いました。他にもマウス操作に関する機能を多数追加しました。
  • 2023/11/10: v2.0: デッキ編集画面にInfoエリアの導入を行いました。
  • 2023/11/16: v2.4: デッキ編集画面で編集操作の遡り、レシピ画像の作成ができるようになりました。

Install

Chrome Store

Chrome Storeの遊戯王DBデッキサポートからインストールできます。 オプションページで各種設定を変更できます。

GitHub

GitHubから本拡張機能をインストールする場合、以下の手順になります。

  1. zip形式などでダウンロードし、解凍する。
  2. Chromeの拡張機能管理画面に移動して「パッケージ化されていない拡張機能を読み込む」から、解凍したファイルのうちsrcフォルダを選択する。

Feauture Work

  • マスターデュエルのようなデッキ編集画面 (-> v1.0)
  • データベース作成で ocg-card.com 様に依存しないようにする (->日本語・英語以外の言語への対応)
  • デッキごとのフォルダ分けないしタグ付けによる管理
  • 編集対象のデッキの切り替えをスムーズに
  • デッキレシピのスクショ作成
  • デッキ編集画面にinfoエリアを作成し、カード効果の詳細を確認できるようにする
  • デッキ編集操作で戻るを追加する
  • デッキ編集画面の操作履歴にカーソルを重ねると、そのときのレシピを確認できるようにする

Contact

License

MIT