よさげなテーブルライブラリ(CSSかReact)を軽く候補挙げる

kappakun17 commented 3 months ago

@KagenoMoheji @yuta0193

StorybookはコンポーネントごとにカプセルされたCSSライブラリ推奨とのこと

コンポーネントごとにカプセルされた == 他のコンポーネントなどにスタイルの影響がない

カプセル化対応 & テーブルコンポーネントで調べたところ、 Chakra UIが一番良さそうです。

Chakra UI : https://v2.chakra-ui.com/docs/components

yuta0193 commented 3 months ago

@KagenoMoheji @yuta0193

StorybookはコンポーネントごとにカプセルされたCSSライブラリ推奨とのこと

コンポーネントごとにカプセルされた == 他のコンポーネントなどにスタイルの影響がない

カプセル化対応 & テーブルコンポーネントで調べたところ、 Chakra UIが一番良さそうです。

Chakra UI : https://v2.chakra-ui.com/docs/components

テーブルコンポーネントはこれですね！良いと思います！ https://v2.chakra-ui.com/docs/components/table/usage

KagenoMoheji commented 3 months ago

@kappakun17 軽量そうで良いかも～ AntDesignとかもそうかなと思うけど，こっちは多機能だから重いかな． https://ant.design/components/table

kappakun17 commented 3 months ago

From Gemini

Chakra UI にはないが、Ant Design にはあるものとして、以下のようなものが挙げられます。

コンポーネント:

Timeline: 時系列データを視覚化するコンポーネント Tree: 階層構造を持つデータをツリー形式で表示するコンポーネント Anchor: ページ内リンクをスムーズに移動させるためのコンポーネント BackTop: ページトップに戻るボタン Breadcrumb: パンくずリストを表示するコンポーネント Dropdown: ドロップダウンメニューを表示するコンポーネント Form: フォームを作成するためのコンポーネント (Chakra UI にも Form コンポーネントはありますが、Ant Design の方がより多くの機能を提供) Menu: メニューを表示するコンポーネント Pagination: ページネーションを表示するコンポーネント Steps: ステップ形式でプロセスを表示するコンポーネント Table: テーブルを表示するコンポーネント (Chakra UI にも Table コンポーネントはありますが、Ant Design の方がより多くの機能を提供) その他:

LocaleProvider: 国際化対応のためのプロバイダー ConfigProvider: グローバルな設定を変更するためのプロバイダー Chakra UI は、Ant Design よりもコンポーネントの種類が少ないですが、その分カスタマイズ性が高く、柔軟な UI を構築できます。また、Chakra UI は比較的新しいため、今後さらに多くのコンポーネントが追加される可能性があります。

kappakun17 commented 3 months ago

Table昨日見たけど、antDesignは、データ渡すだけでレンダーできるのに対して、 chakra ui は、など呼び出す必要があるから、andDesignの方がいいかも。あと、テーブルの横スクロールができるのも地味にでかい。

antDesignにするね

kappakun17 commented 3 months ago

andDesignに決定しますた。

hello-deaf-world / ddl-diagram-visualizer

よさげなテーブルライブラリ(CSSかReact)を軽く候補挙げる #25