自作のスキンを利用したい！
ACTには「カゲロウ（Kagerou）」などの高機能スキンが多数公開されています。
どれも非常に完成度が高く、表示・機能面でも参考になる点が多いです。
そこで、スキン自体の仕組みを理解する目的で、自分なりの小さなテーマを置き、学習用に軽量スキンを作ってみることにしました。
この記事では、うさねこ風スキンを作る過程で「参考にしたURL」と「最低限見れば進められる情報」をまとめます。
※今現在、うさねこ風スキンの配布はしておりません
作ってみたかった表示内容
今回のテーマは「最小限＋見やすさ重視」。
表示項目はこのくらいだけに絞って、UIとデータ取得の流れを把握することを優先しました。
いわゆる “ミニマル構成の軽量メーター” を想定しています。
参考にした公式・開発情報（URL）
OverlayPlugin は仕様や実装が公開されているため、以下を順に見れば自作の入口までは十分たどれます。
ACT本体・FFXIVプラグイン
OverlayPlugin本体
miniparse仕様（基本テンプレ）
JavaScript API リファレンス
参考実装（Kagerou）
オススメの学習方法
結論から言うと、既存スキンのソースを見て「構造を参考にしながら理解する」方法が、いちばん手早く仕組みを掴みやすいです。
特にKagerouなどの OverlayPlugin（Mini Parse）向けスキンは、
という一連の流れがシンプルにまとまっており、「Overlayの基本構造」を学ぶ教材として読みやすい作りになっています。
いずれも有志が公開している非公式スキンです。
学習・検証用途として参考にしましょう。
スキン作成過程
Overlay スキン開発は、いきなり作り込むより
「まず動かして → 仕組みを理解 → 少しずつ改造」
がいちばん確実です。
おすすめの順番はこの流れです。
- まず Mini Parse の最小構成で「表示が動く」ところまで確認
- 既存スキンのソースを読み、必要な部品だけ抜き出す
- 表示項目を減らして、更新ロジック（いつ・どのデータで描画されるか）を理解する
- レイアウトやデザインを自分好みに置き換える
この「小さく作って確認 → 少しずつ足す」進め方が、結果的に最短ルートになります。
必要なスキル・技術
Overlay スキン開発に必要なのは、
基本的に フロントエンド（Web制作）側の知識のみ です。
この3つが分かれば、表示部分の実装は十分可能です。
※ Java（プログラミング言語）は不要 です
JavaScript とは別物なので混同に注意してください。
仕組みとしては、OverlayPlugin が戦闘データを「イベント（通知）」として渡してくれるため、
データを受け取る → JSで整形 → HTMLを書き換える
という Webページの作成に近い感覚で作れます。
「API付きのWeb画面を作る」イメージに近い、と考えると理解しやすいと思います。
注意事項（重要）
ACT / OverlayPlugin / 各種スキンはファイナルファンタジーXIV、スクウェア・エニックス公式の機能ではなく、第三者（有志）によるツール・拡張です。
本記事は 仕組み理解・学習目的の技術解説 であり、特定ツールの利用や導入を推奨するものではありません。
