一覧に著者名，更新日を追加する

[horimasumi]

どのような問題を解決する機能追加でしょうか?

ブックやトピックを探し出しやすくする．

あなたが望む解決方法について書いてください

追加するのは，
マイブック
マイトピック
ブックの再利用
トピックの再利用

• [✓ ] コードに実装された。

[kou029w]

@knokmki612 ブック一覧、ブックの再利用のあたりですがどうしましょうかね。
おそらくブック周りで変更していくのはこのあたりのコンポーネントという認識です。

• BookAccordion
• BookTree

個人的に思っていることとしては、次の2点です。

• BookAccordionはBookPreviewに見た目を寄せたい気持ちがあります。
  • クリックした際の選択の有無の振る舞いの違い以外で、もともとどういう経緯で見た目が異なるんでしたっけ?
• BookTreeはブック名の横に加えていく感じですかねぇ。ごちゃっとした感じになりそうかも。

もしなにかアドバイスあるならもらえると嬉しいです。

[knokmki612]

クリックした際の選択の有無の振る舞いの違い以外で、もともとどういう経緯で見た目が異なるんでしたっけ?

• BookAccordion: 1ブックあたりの面積を折り畳むことで小さくして、複数のブックとしての一覧性を重視している
• BookPreview: 折りたたまないことでブックのアウトラインを見回す&プレーヤーも配置して単一のブックとしての一覧性を重視している

という違いがあるでしょうか

BookTreeはブック名の横に加えていく感じですかねぇ。ごちゃっとした感じになりそうかも。

基本的に横に広がっていって親のwidthを使い切ったら折り返されるような状態だったと思います

レイアウトとして破綻はしないですが、たしかにごちゃごちゃするかもしれませんね。

更新日の情報はブック名より文字を小さくするとかコントラストを弱めるとか(アクセシビリティの観点との相談にもなりますが)見せ方を変えたり工夫する必要がありそうです(別途検討でもよいかと思います)

[knokmki612]

更新日の情報はブック名より文字を小さくするとかコントラストを弱めるとか

つまりItemコンポーネントを使うということになりますかね

[knokmki612]

kou029wさんと方針を相談しました

BookAccordionはBookPreviewに見た目を寄せたい

背景として、ブックを閲覧/編集するためのUIが5個ぐらいあり、「同じ対象を扱うのに、見た目が異なるものがこれだけあるのは混乱するのでは」という懸念がある。

• BookAccordion
• BookTree
• BookPreview
• template/Book
• BookForm

そのため、統一可能なものは統一したほうが、UIの実装としても、ユーザー体験としてもよいのではないかと考える。

BookAccordionは折りたたむかわりに個別のトピック・セクションにアクセス可能という特徴があるが、

• 閲覧系: BookPreviewの「もっと詳しく」で閲覧できればよい
• 編集系: ブック編集→トピック編集と遷移すればよい

という2点により、BookPreviewにUIを統一できるのではないかという話になった。

方針としては、BookPreviewに統一してハンズオンいただいてから、変更が支障ないか様子をみていくのがよいと考えた。

[knokmki612]

コンポーネントの整理が必要な点については別途issueを作成しました #406

[horimasumi]

マイブック
マイトピック
ブックの再利用
トピックの再利用

のうち，ブックの再利用だけが，まだ，著者名，変更日が追加されていない．というか，古いデザインのまま．
とはいえ，一旦，こちらはクローズして， #498 で議論する．