← Back to list1. 型定義 (
3.
4.
INS-412
ストーリーのinformation表示を修正する
StatusDone
TeamInstansys
Assigneeasuki.uehata@instansys.co.jp
PriorityNo priority
Created2026/02/16 02:32
Completed2026/03/04 06:00
Archived2026/03/12 02:36
Description
- ストーリーステージではinformationにあらすじを表示
- あらすじデータはstageのマスターデータに書く
- 仲間になるキャラクターがいる場合、[ ? ] アイコンを表示
- StageInformation.tsxを編集する
figma
あらすじを追加する
- 型を作る(DBのマイグレーションは不要)
- packages/shared/src/main-quest-stage-master.ts の
MainQuestStoryStageMasterType
export type MainQuestStoryStageMasterType = CommonMainQuestMasterType & {
type: MainQuestStageType.Story;
scenarioId: string;
introduction: string; //あらすじ用にここを新規で追加する
joinCharacters?: {
characterMasterId: CharacterMasterId;
level: number;
}[];
};
- マスターデータの編集
- packages/shared/src/master-data/stages/normal/propluge/stage-prologue-1.ts の introductionに 以下のテキストを付与
黒いフードを被った少女「アルタ」は砂漠の真ん中で倒れそうになっている
喉が乾いたところでスライムを見かける
スライムを倒そうと思って、魔法の詠唱を始めるが、長すぎて逆にスライムに捕食されかける
危ないところを、通りかかったとある少年が助けて案内してくれる
- type:MainQuestStageType.Story のものがintroductionが必要になるステージデータです。
- その他、全部のstoryステージのintroductionに何かテキストを入れてないと型エラーになるので、「あらすじサンプル」という文字を入れておいてください。(claudeに頼んで一気にやってもらってください)
Comments (2)
asuki.uehata@instansys.co.jp2026/02/27 10:49
下手すると出戻りが多そうなので、一旦、MainQuest Infomation Modal 枠組み 実装(細かいレイアウト調整前) にて、コミット PUSH。この上で、細かいレイアウト調整をしていく。
asuki.uehata@instansys.co.jp2026/02/27 10:52
実装一区切り サマリー
1. 型定義 (main-quest-stage-master.ts)
MainQuestStoryStageMasterType に introduction: string を追加
2. マスターデータ (30ファイル)
normal/prologue/stage-prologue-1.ts→ 指定の本物のあらすじを追加- 残り29件 →
"あらすじサンプル"を追加
3. StageInformation.tsx
- Props に
introduction?: string/hasJoinCharacter?: booleanを追加 StoryContentを全面改修:- 「あらすじ」セクションタイトル(
SectionTitleコンポーネント使用) - あらすじ本文(
\n\nで段落分け、グラデーションテキスト) joinCharactersがある場合のみ区切り線 + 「加入の予感...?」+question_mark.pngを表示- 報酬セクションは削除
- 「あらすじ」セクションタイトル(
4. InProgressView.tsx
MainQuestStageMasterとMainQuestStageTypeをimportStageInformationに渡す前に、マスターデータからintroductionとhasJoinCharacterをIIFEで取得して渡すように修正