DEVELOPMENT SNAPSHOT #102 — 研究管理を作り直す：詳細欄・関連図の線・装備の一覧

研究管理の画面を、3 段階に分けて作り直しました。#64 で「読める研究ツリー」を目指して手を入れてから 3 週間あまり。研究の数が増えるにつれて、右の詳細欄は長い一つの文章になり、関連図の線には意味のない段差や回り道が目立ち、装備の開発はカードを一枚ずつ見比べるしかありませんでした。利用者が承認した改善案のモックをもとに、詳細欄・関連図の線・装備開発の一覧の順に実装し、最後に研究カードの見た目もモックの寸法に合わせました。

技術開発の「兵器」を開き、対空観測基礎を予約した状態（Debug ビルドの実際の画面）。予約中のカードと、その直後の研究が緑の縁で示されています。

1. 詳細欄を見出しごとに分ける

これまで研究の詳細は全文を一つの文章で出していたため、期間・費用・足りない条件・次の効果の区切りが読み取りにくくなっていました。新しい詳細欄は、見出しごとに次の構成で並びます。

• 見積：現在の識字・行政の条件での期間、日次研究費、合計
• 条件：予約できるかどうか、前提研究、研究枠、学校の条件など（足りないものは理由と一緒に）
• 次のレベルの効果：今の段階から次に進んだ時の効果だけ
• 候補評価：評価点、期待効用、国庫に対する負担
• 次の研究：1 段先と、畳める 2 段先。画像・状態の札付きで、どの装備が解放されるかも出ます

見積や効果の値に付いていた補足の注記文は出さないことにしました。見出しには「実装済みの研究成果」「未公開の計画」の札が付き、ゲームに効果が入っている研究かどうかが一目で分かります。

2. 関連図を格子に並べ、線を 3 つの形だけで引く

関連図は、研究を前提の一つと同じ列（系統）に置き、カードの中央どうしを直線で結ぶ配置にしました。ほかの前提からの線は、行の間に引いた横線 1 本で L 字に曲げます。出口の列が別のカードで塞がっていれば出口のすぐ下で曲げ、両方塞がっている時だけ列の間を回ります。線の出口・入口はカードの辺の全幅を使い、向きごとに中央から外へ並べます。行の間ごとに横線の上下の順を、交差が最も少なくなるように選び、交差する所は飛び越えの弧で示します。線の間隔は横線 16px・縦線 20px です。

これで、素材の「鍛造と焼戻し」から「培養容器」への無駄な段差や、共通技術の「密閉式装薬」から「砲身耐圧設計」への外回りなどが消えました。経路を探す処理をやめたので、共通技術（26 件）の配置の計算は約 600ms から約 15ms になっています。

3. 装備開発は、装備区分ごとの一覧に

装備の開発研究は、これまで素材・兵器といった研究の分類の中にカードで並んでいました。これを、生産と同じ装備区分ごとの一覧に変えました。左には「歩兵」「車両・騎乗」「支援」「航空・防空」の見出しの下に歩兵装備・防具・戦闘車両・支援装備・航空兵器などの区分が並び、中央は細かい区分（弓・弩、火器、ガンシップ、輸送機など）ごとの表です。

装備開発の「航空兵器」。区分ごとに比べる性能の 3 列（航空兵器は防御・速度・偵察）と、信頼性・期間・予算・前提と状態が一行に並びます。

表の性能の列は区分に合わせて変わり、歩兵装備なら対人・対装甲・貫徹、支援装備や防空は主な効果を出します。名前の検索は全区分から探し、「すべて／予約できる／前提が未完了」で絞り込めます。右上の切り替えで、これまでどおりカードの関連図でも見られます。行を押すとカードと同じように予約され、予約できない研究は詳細欄に理由と効果・費用が出ます。詳細欄には装備の性能も加わりました。初期マスターでは、装備の開発研究 63 件が 12 の区分に分かれています。なお、マスターの「海上兵器」は浮遊する艦を指しているため、研究画面だけ「航空艦艇」と表示します（マスターの名前は変えていません）。

装備の行を押した時の詳細欄（静音小銃 開発）。見積、予約できない理由（前提研究が未完了）、次のレベルの効果に続いて、装備の性能が並びます。

4. 研究カードをモックの寸法に

最後に、利用者から「モックとカードのデザインが違い、余白が多い」と指摘を受け、カードを 360×176 から承認済みのモックと同じ 296×136 に縮めました。画像を下帯の上いっぱいに置き、札の行（Lv・直前／直後・予約中／研究中／前提が未完了／学校の条件など）、名前、時計と硬貨の印付きの期間・予算、20px の状態の帯という構成です。研究中・予約中は緑の縁と帯で示します。長い英語の名前は 2 行に収まるまで字を小さくし（13px まで）、それでも入らなければ 3 行で全文を出します。

確かめたこと

各段階は、研究まわりの自動テスト（段階 1 で 610 件、段階 2 で 578 件、段階 3 で 595 件）と、日英の Debug ビルドの実際の画面で全分類・全装備区分を見てから main に入れています。改善項目としては完了しました。

今回の画像について

画像は、研究カードの調整の確認のために 11 月 14 日に Debug ビルドを画面に出さずに起動し、初期マスターから始めた検証用の状態で撮影した実際のゲーム画面です（画像3は装備の行を押した時の画面の右側の詳細欄の部分）。国名や数値は検証用の状態のものです。

前回の研究画面の記事：DEVELOPMENT SNAPSHOT #64 — 研究ツリーを読める画面に：開く速さ、つながり、予約できない理由

ダウンロードページで、現在公開されているファイルと開発状況を確認する