チャットの見た目の実装

[knokmki612]

関連 #52

[knokmki612]

• 振る舞いに関する実装の方針を明らかにする

[dynamis]

note: 詳細な振る舞いはまだ未定義なところがあるが、UI デザイン案は Figma 上に用意されており (プレゼンテーションでも確認可能)、機能的には基本的には検索機能のインターフェイスとなる事が決まっている。

https://www.figma.com/file/dCE06JShf29eqnvZ4vcE8U/OKUTEP?node-id=258%3A3512

[knokmki612]

シーケンス図を書きました

sequenceDiagram
    critical ボットとの会話
        利用者-->ボット: 接続（ダイアログ表示）
        ボット-->利用者: 初期メッセージ送信
        利用者-->ボット: メッセージ送信
        ボット-->バックエンドサーバー: API問い合わせ
        バックエンドサーバー-->ボット: API返答
        ボット-->利用者: メッセージ返信
    option API返答待ち
        ボット-->利用者: 待機メッセージ返信
    option API取得エラー
        ボット-->利用者: 異常メッセージ返信
    end

Loading

使用するAPI

chiloportal/backend/doc/openapi.yaml

Lines 327 to 331 in 5960d9b

	/wisdomBadges/list/keyword:
	get:
	tags:
	- keyword search
	description: 指定されたキーワードに関連する能力バッジ一覧を返却します

[Hidetaro7]

ランチャーの見た目をこのようにしたいと考えています。
理由はモバイルで扱いやすいようにしたいこと。

動きのイメージは
https://www.figma.com/proto/dCE06JShf29eqnvZ4vcE8U/OKUTEP?page-id=731%3A6806&node-id=737%3A6502&viewport=1504%2C-423%2C0.78&scaling=min-zoom&starting-point-node-id=737%3A6502&show-proto-sidebar=1

Figma component

https://www.figma.com/file/dCE06JShf29eqnvZ4vcE8U/OKUTEP?node-id=265%3A2280

[Hidetaro7]

チャットの検索結果についての見せ方について、一点、検討しておきたいことがあるので issue を再オープンします。
検索結果にはこのように、先日お見せしたときに一度方針が決まったバッジタイトルのテキストだけでなく、バッジ画像、できたら発行元まで記載するコンポーネントを設計してみた提案です @horimasumi
またこのような見せ方が実現可能かもここで話せたらと思います。 @knokmki612

バッジの権威付け、という方針が主な動機です。

[knokmki612]

初期の見た目と振る舞いの実装そのものは完了しているので、別途issueとして起票してもらえると助かります。 @Hidetaro7

[knokmki612]

別途起票しましたので、続きはそちらでできればと思います。