Tweet
Tweet

Slide 1

Slide 1 text

KanColleViewer プラグイン の作り方 入門編 1

Slide 2

Slide 2 text

自己紹介とか ゔぇい • 小さいSIerでWPF+ASP.NET WebAPIな小さい業務アプリとか作ってます • VS2002の頃からずっと .NET メイン (たまにJavaとかFlexとか) • KanColleViewer プラグインもいくつか作ってます • 最近は KanColleViewer 本体の開発も少し • Twitter : @veigr • Blog : http://www.cat-ears.net/ 2

Slide 3

Slide 3 text

KanColleViewer とは 3

Slide 4

Slide 4 text

KanColleViewer とは 4  a.k.a. 「提督業も忙しい！」  ぐらばく (@Grabacr07) さん作 「提督業も忙しい！ (KanColleViewer) は、 DMM.com が配信しているブラウザゲーム『艦隊これ くしょん ～艦これ～』をより遊びやすくするための ツールです。」 引用元 : http://grabacr.net/kancolleviewer

Slide 5

Slide 5 text

KanColleViewer プラグイン 5

Slide 6

Slide 6 text

KanColleViewer プラグイン 6  KanColleViewer はプラグインによる機能拡張が可能  MEF (Managed Extensibility Framework) を利用している  KanColleViewer 4.0 以降、作成が比較的簡単になった

Slide 7

Slide 7 text

KanColleViewer プラグイン 作例 7

Slide 8

Slide 8 text

KanColleViewer プラグイン 作例 8  MapHP プラグイン (攻略海域情報表示)

Slide 9

Slide 9 text

KanColleViewer プラグイン作例 9  LvChart プラグイン (艦娘Lvチャート)

Slide 10

Slide 10 text

KanColleViewer プラグイン作例 10  BattleInfo プラグイン (戦闘情報表示)

Slide 11

Slide 11 text

KanColleViewer プラグインを作ってみる 11

Slide 12

Slide 12 text

艦隊司令部のコメントを表示するだけのやつ 12

Slide 13

Slide 13 text

その１ 13

Slide 14

Slide 14 text

「WPF ユーザー コントロール ライブラリ」 プロジェクトを作る 14

Slide 15

Slide 15 text

その２ 15

Slide 16

Slide 16 text

NuGet パッケージをインストール 16  KanColleViewer.Composition • プラグイン インターフェイス群  KanColleViewer.PluginAnalyzer • プラグイン開発用 Roslyn Code Analyzer  KanColleWrapper • 艦これデータ・通信部  KanColleViewer.Controls • Controls, Converters, Styles

Slide 17

Slide 17 text

その３ 17

Slide 18

Slide 18 text

「IPlugin」インターフェイスを実装 18  Analyzer に怒られるので実装

Slide 19

Slide 19 text

その４ 19

Slide 20

Slide 20 text

「Export」「ExportMetadata」属性を追加 20  Analyzer に言われるがまま足して編集

Slide 21

Slide 21 text

「Export」「ExportMetadata」属性を追加 21  ExportMetadata は 設定 ＞ プラグイン タブに表示 される内容

Slide 22

Slide 22 text

その５ 22

Slide 23

Slide 23 text

「ITool」インターフェイスも実装 23 ここに画面が 出せるようになる

Slide 24

Slide 24 text

その６ 24

Slide 25

Slide 25 text

画面を作る 25  とりあえず艦隊司令部のコメントを出すだけのやつ

Slide 26

Slide 26 text

その７ 26

Slide 27

Slide 27 text

ビルドして Plugins フォルダに DLL コピペ 27

Slide 28

Slide 28 text

その８ 28

Slide 29

Slide 29 text

起動して確認 29

Slide 30

Slide 30 text

ね、簡単でしょ？ 30

Slide 31

Slide 31 text

まとめ 1. 「WPF ユーザー コントロール ライブラリ」プロジェクトを作る 2. NuGet パッケージをインストール 3. 「IPlugin」インターフェイスを実装 4. 「Export」、「ExportMetadata」属性を追加 5. 「ITool」インターフェイスを実装 6. 画面を作る 7. ビルドして Plugins フォルダに DLL をコピペ 8. 起動して確認 31