Open takusea opened 10 months ago
どれぐらいの期間になるか分かりませんが、ぜひよろしくお願いします!!!
コンポーネントライブラリに関するコメントの転記です! 議論の続きができれば 🙇
quasarを使わない場合、アクセシビリティ対応がたぶんかなり大変かなと思います。 ちゃんと知らないんですが、WCAGが定めている各コンポーネントの挙動がいろいろあるんですよね。例えば今回のPRと関係ないけど、ドロップダウンリストは上下キーでメニュー移動できてenterとspaceで決定できるべき、みたいな。
アクセシビリティを考えると既存のライブラリに乗っからないと厳しいのかなと思ってます。(自作するならこんな感じのことを気をつけないといけない) その場合手は2つあって、quasarのデザインを打ち消すか(大変)、デザインレスのコンポーネントフレームワークを使うか(メンテされるかが見通せないので将来大変かも)かなと。 unstyledなフレームワークは例えばPrimeVueやHeadless UIが良さそう・・・?まだデファクトスタンダードが定まってない状態なのかなと思っています。
転記ありがとうございます!
個人的にはスタイルレスなライブラリを用いるのが一番ちょうどいい気がしてます。中でも、PrimeVueと他を比べた感じ、元からスタイルレス用途前提で作られたもののほうが記述が素直で扱いやすそうに感じました。
その中だとHeadless UIがやはり一番使われがちな気がしますね…コンポーネント数が少ないのはHTML要素としてあるものだったり(Sliderはで実装するとか)、比較的アクセシブルな挙動づくりが複雑なもののみ用意するという思想でしょうか…
用意されてるコンポーネント数的にちょうどいいのは、ark-uiとかradix-vueとか見つけましたが、あまり利用されてなかったり出来たてだったりで選びづらい感じでした。
PrimeVueと他を比べた感じ、元からスタイルレス用途前提で作られたもののほうが記述が素直で扱いやすそうに感じました。
なるほどぉ・・・・・・・・・。
Weekly Downloads
を見る感じ、ちょっと期待はできそうかも・・・って感じですね。
Headless UI
プルリクエストとか眺めている感じ、コンポーネントが増える気配はもうなさそうでした。 Sliderの他にToastなどもなさそうでした。(Sliderは簡単かもですが、Toastは結構accessibilityがいろいろありそうでした)
うーーーーーーーーーん。。。 PrimeVueかradix-vueかなぁ。。。。。。
Sliderの他にToastなどもなさそうでした。
確かにオーバーレイ系のコントロールが無いのは痛いですね。流石に実用するには乏しいか…
PrimeVueかradix-vue
その2つだったらRadix VueがReact版同様に安定と利用数を得るのを期待したい気もしますね。PrimeVueがWeekly Downloads10万超えてるのは安心感ありますけどね…
@takusea なるほどです・・・!!ではRadix Vueにしてみますか・・・!!! 僕もドキュメント読んだりしてみます!
@takusea リデザインの進行ありがとうございます!!! (ソング周りがあってレビューが遅れてしまって申し訳ないです 🙇 )
ヘルプが完了した・・・という認識なのですがあってそうでしょうか 👀 この後の方針どうしましょう?
個人的にはせっかく一区切りなので、一旦mainブランチへのマージを目指すのもありなのかなと思ってます!! その場合は全体設計を見直してみて、改良した方が良さそうなところがあればリファクタリングする流れかなと!
あるいはもうちょっと書き心地を確かめて設計を考える方針もありだと思います! その場合は今までとちょっとデザインが異なりそうなとこを狙ってみるのもありなのかなとか・・・!
ヘルプダイアログのリデザインというとナビゲーションバーやヘッダー等も含めて完成とも考えてました。ただ、一旦コンテンツの部分のみで完成としたほうが他ダイアログとの整合性を保ったまま進められそうなので、ヘルプに関してはこれで大体は完了で良いと思います!
あとは、細かな調整やmainブランチにディレクトリ構造を合わせてマージしていくことをひとまず目指していこうかなと。
ひとまずマージを目指していく、了解です!ぜひよろしくお願いします!
一旦調整やディレクトリ構造は合わせのプルリクエストをお待ちしようと思います! これで完成というタイミングで合図いただければ・・・!相談等あればいつでもお声かけください 🙏
ヘルプダイアログのデザイン置き換え完了!!! 🎉 🎉 🎉
次の計画練って行かないとですね!! ものすごく漠然としてますが、どうしていきましょう・・・?
引き続き各ダイアログを新デザインの適用範囲を広げていきながらコンポーネントを追加していく…といった感じかなと思ってます!
ToolbarCustomDialog, EngineManageDialog, DictionaryManageDialog, HotkeySettingDialogあたりはほぼ単純にすげ替えてくだけなので取り掛かりやすそうです。ToolbarCustomDialogが次やるのに良さそう?
@takusea 方針良さそうに感じます!!
HelpDialogもそうでしたが、Dialog系はどれも若干くせがあるので不明な点などあればなんでもお尋ねください!
ちなみにToolbarCustomDialog
はドラッグアンドドロップを使ってる部分があり、もしかしたら一筋縄ではいかない可能性もあるかもです。
引き続きよろしくお願いいたします!!
エディタのUIのリデザインを行います。Figmaで作成したデザインをたたき台に決定・実装を行っていきます。