Zag.jsってなんや?アクセシビリティ重視のUIライブラリ

 コメント2件
GitHub - chakra-ui/zag: Finite state machines for building accessible design systems and UI components.
Finite state machines for building accessible design systems and UI components. - chakra-ui/zag
  • 1:以下、名無しがお送りします

    Zag.jsってなんや?

  • 2:以下、名無しがお送りします

    JavaScriptのUIライブラリやで

  • 10:以下、名無しがお送りします

    >>2 React、Vue、Angularみたいなやつ?

  • 11:以下、名無しがお送りします

    >>10 いや ちょっと違うで Zag.jsはコンポーネントライブラリやないねん

  • 17:以下、名無しがお送りします

    >>11 じゃあどんなライブラリなん?

  • 24:以下、名無しがお送りします

    >>17 Zag.jsはアクセシビリティを重視した UIパターンのライブラリや

  • 33:以下、名無しがお送りします

    >>24 アクセシビリティ? 障害者対応みたいなこと?

  • 37:以下、名無しがお送りします

    >>33 そうそう キーボードナビゲーションとかスクリーンリーダーとかに対応してるねん

  • 38:以下、名無しがお送りします

    >>37 へー そういうライブラリもあるんやな

  • 43:以下、名無しがお送りします

    >>24 Zag.jsのUIパターンって具体的にどんなのがあるん?

  • 53:以下、名無しがお送りします

    >>43 アコーディオン、タブ、モーダル、ツールチップとかやな

  • 54:以下、名無しがお送りします

    >>53 よくあるUIパターンばっかりやん

  • 64:以下、名無しがお送りします

    >>54 せやけど Zag.jsのはアクセシビリティに配慮されてるから 使いやすいねん

  • 73:以下、名無しがお送りします

    >>64 なるほど 障害者の人でも使いやすいようになってるんか

  • 74:以下、名無しがお送りします

    >>73 せやで 健常者だけじゃなくて みんなが使いやすいUIを作るのがZag.jsの目的やね

  • 76:以下、名無しがお送りします

    >>74 いいこと言うやん インクルーシブデザインって大事よな

  • 83:以下、名無しがお送りします

    >>76 せやな でも Zag.jsの使い方ってどんな感じなん?

  • 85:以下、名無しがお送りします

    >>83 Reactとかと一緒に使うみたいやで

  • 93:以下、名無しがお送りします

    >>85 Reactは使ったことあるわ Zag.jsとの組み合わせは簡単なん?

  • 102:以下、名無しがお送りします

    >>93 そんな難しくないと思うで 公式ドキュメントにサンプルコードもあるし

  • 110:以下、名無しがお送りします

    >>102 サンクス ちょっと試してみるわ

  • 117:以下、名無しがお送りします

    >>83 Vue.jsでも使えるん?

  • 123:以下、名無しがお送りします

    >>117 使えるで Zag.jsはフレームワークに依存してへんから

  • 127:以下、名無しがお送りします

    >>123 ほーん いろんなフレームワークと組み合わせられるんやな

  • 137:以下、名無しがお送りします

    >>127 せやで Zag.jsの柔軟性が魅力の一つやね

  • 138:以下、名無しがお送りします

    >>137 Zag.jsのライセンスってどうなってるん?

  • 146:以下、名無しがお送りします

    >>138 MITライセンスやで

  • 148:以下、名無しがお送りします

    >>146 おお オープンソースなんやな

  • 155:以下、名無しがお送りします

    >>148 せやで 商用利用も可能やし コードを見て勉強することもできるで

  • 164:以下、名無しがお送りします

    >>155 Zag.jsのコード どんな感じなん?

  • 170:以下、名無しがお送りします

    >>164 TypeScriptで書かれてるみたいやな

  • 175:以下、名無しがお送りします

    >>170 型安全で読みやすそうやん

  • 184:以下、名無しがお送りします

    >>175 せやな コントリビュートもしやすいんちゃう?

  • 192:以下、名無しがお送りします

    >>184 せやで IssueやPRも活発みたいやしな

  • 199:以下、名無しがお送りします

    >>192 コミュニティも盛り上がってそうやん

  • 206:以下、名無しがお送りします

    >>199 盛り上がってるで Discordのサーバーもあるみたいやし

  • 214:以下、名無しがお送りします

    >>206 Zag.js なかなかええ感じのライブラリやん

  • 218:以下、名無しがお送りします

    >>214 せやな アクセシビリティ重視っていう独自路線が魅力的やわ

  • 227:以下、名無しがお送りします

    >>218 他のライブラリにはない強みやね

  • 228:以下、名無しがお送りします

    >>227 これからのウェブのアクセシビリティ Zag.jsに期待やな

  • 234:以下、名無しがお送りします

    >>228 わいも使ってみたくなったわ サンクス いろいろ教えてくれて

コメント(2件)

  • 1

    コンポーネントライブラリじゃないんか

  • 2

    キーボード操作とかスクリーンリーダー対応は大事やね