Androidアプリ LoV3 使い魔データ

破壊 再生 超覚醒（超回復）編

目次

自己紹介

LORD of VERMILION III とは何か

これまでおさらい

色々とあった事思う事

今回の目的

やったことあれこれ

まとめ

自己紹介

亀谷　武史（かめや　たけふみ）

株式会社オーシーシー

プログラマー

ジスタス＞テニス

技術は手段であって目的ではない！

何かしたい事を実現するための手段が技術！

LORD of VERMILION III とは何か

スクウェア・エニックスより発売された日本のオンライントレーディ

ングカードアーケードゲームである。

LORD of VERMILION III とは何か

ゲームセンターに行って

オンラインでバトル！

カードを組み合わせて

デッキを作成しプレイ

4対4のマルチ対戦

LORD of VERMILION III とは何か

ゲストの参戦も魅力

これまでのおさらいLoV2時代

　2011年10月 LoV2 使い魔データをリリース

　　ほどなくして、敵アプリの存在を確認

　　シェアを奪われ圧倒的な差をつけられ大敗（eXtreme HAGO 4）LoV3時代

　2013年8月23日 LoV3が正式稼働

　　システムを一新、中身は別のゲームとして登場

　2014年7月敵アプリの息の根を止める（捲土重来編）

　2015年7月26日アプリを改修してリリース←New

色々とあった事思う事

２０１４年７月～２０１５年７月

　Android Studio 1.0 のリリース

　画面デザインへの不満

　パフォーマンスの悪さ

　実装と運用の限界

Android Studio 1.0 のリリース

2014年12月8日待望の1.0がリリース

Android Studio 1.0 のリリース

Android開発に特化した

IDE（統合開発環境）

Gradle というビルドツール

の採用により手軽に

外部のライブラリの使用が

可能になった

画面デザインへの不満

タブの仕様に不満を

感じ始める

左の画面は

改修前の画面です

改修前

画面デザインへの不満

タブがある事により

画面のアクションと

画面の項目が

切り離されている

また画面の縦幅を

確保される事になる

改修前

画面のアクション

画面の切替

画面の項目

画面の要素

パフォーマンスの悪さ

タブの仕様に不満を

感じ始める

またまたタブです

画面表示時に

現在表示しているタブの

隣のタブの画面を

生成して保持している

改修前

パフォーマンスの悪さ

アプリ起動時に

３画面生成しているため

起動が遅い

さらにデッキ画面は

初期表示に

データベースへの

アクセスが発生する

表示 裏側で生成

実装と運用の限界

外部ライブラリを使用しない開発

　文字列連結によるSQL文の作成

　文字列連結によるHTMLの作成

負の遺産になった機能

　外部との連携

外部ライブラリを使用しない開発

文字列連結による

SQL文の作成

JOIN とか使いだすと迷宮入りする

外部ライブラリを使用しない開発

文字列連結による

HTMLの作成

負の遺産になった機能

外部との連携

　公式サイト

　動画サイト

　Blog　カードショップ

　@Wikiバージョンアップ時の

手間がかかりすぎる

ブラウザを起動

今回の目的

一旦捨てて

全てを見直して

新しく生まれ変わる

今回の目的

超覚醒する

やったことあれこれ

統合開発環境を Eclipse から Android Studio へ移行

ユーザインターフェースの見直し

O/Rマッパーライブラリの導入

テンプレートライブラリの導入

機能を捨てる

壁紙イラストの更新

統合開発環境を Eclipse から Android Studio へ移行

良かった点

　動作が軽い

　コード補完が優秀

悪かった点

　新規作成時の設定が雑

　Ctrl+Wでタブが閉じない

ユーザインターフェースの見直し

タブを廃止しナビゲーションドロワーを使用する

ユーザインターフェースの見直し

画面デザインへの不満

パフォーマンスの悪さ

を解決

画面の切替に

１アクション増えたのは

ちょっと残念

改修後

画面のアクション

画面の

項目

画面の要素

画面の切替

ユーザインターフェースの見直し

リストビューに

チェックボックスを追加

一覧から所持済みの

操作が行えるようになった

改修前 改修後

ユーザインターフェースの見直し

コンテキストアクションバーを実装

項目を複数選択することが可能になった

一度に複数追加

ユーザインターフェースの見直し

ここからは

　LoV2 → LoV3 改修前 → LoV3 改修後

の画面を比較していきます

ユーザインターフェースの見直し

LoV2 検索 LoV3 検索 改修後LoV3 検索 改修前

ユーザインターフェースの見直し

LoV2 一覧 LoV3 検索 改修後LoV3 一覧 改修前

ユーザインターフェースの見直し

LoV2 詳細 LoV3 詳細 改修後LoV3 詳細 改修前

ユーザインターフェースの見直し

LoV2 デッキ LoV3 デッキ 改修後LoV3 デッキ 改修前

O/Rマッパーライブラリの導入

OrmLite を採用

　公式ドキュメントが良い

　Utilsクラスが使いやすい

　QAサイトの情報が豊富

文字列連結による

SQL文の作成から解放

テンプレートライブラリの導入

Chunk を採用

　軽量

　簡単

　Android対応

文字列連結による

HTMLの作成から解放

機能を捨てる

情報画面

外部との連携

アビリティの一覧

イラストレーターの一覧

お気に入り登録

デッキ情報の集計

デッキ情報の送信

一覧の逆順ソート ...etc

必要最低限の機能に

注力するため

優先度の低い機能を

実装しない

壁紙イラストの更新

起動時に画面背景に

イラストを設定する機能

マンネリ化しており

更新のベストタイミング

改修前

壁紙イラストの更新

イラストの投稿・閲覧が楽しめるコミュニケーションサービス

壁紙イラストの更新

以前に協力して

頂いた方に再度お願い

ケータイをスマホに変えて当アプリを使っている方もいました！

お三方からOKが頂ける

壁紙イラストの更新改修前

壁紙イラストの更新改修後

まとめ

学んだこと感じたこと

目的は達成したのか

学んだこと感じたこと

Android Studio が実用レベルに達している

Gradle の登場により開発の可能性が広がった

常にデザインを疑うこと

ユーザインターフェースの実装に妥協はしない

学んだこと感じたこと

外部ライブラリは精査して導入する

要らないものは捨てる

イラストの力は凄い

絵師の協力に感謝

学んだこと感じたこと

自分自身との勝負

見直していくとダメすぎて申し訳ない気持ちになる

けど、この気持ちは大事だし財産である

実機でデバッグした時は快適に動作して感動した

目的は達成したのか

やりたい事はやった...別物に生まれ変わった...超覚醒した...って事で...

目的は達成したのか

「達成」

ご清聴ありがとうございました