UX/UIデザイナーがClaudeをAIコラボレーターとして活用する方法について。UXリサーチ、UIクリティーク、デザインシステム、アクセシビリティ確認など8つの領域での具体的な使用法を紹介。AIは「答え」ではなく「一緒に考えるパートナー」。
シェアックリップ
シェアされたアックリップです。
そのほかの #デザインシステム ピックアップ
インクルーシブデザインとユニバーサルデザインの違いについて、20人の実践者との対話から解説。「障害のある人のために」から「障害のある人と一緒に」へのアプローチの転換、困りごと解決から新しい価値創出への視点。
CSS のネイティブ相対色構文（oklch、color-mix）を用いて、ダイナミックにコントラスト対応・wide-gamut 対応するカラートークン設計を解説。WCAG 要件を保ちながら 2026 年トレンドパレットを実装する方法を紹介。
WCAGコントラスト比を満たす色スキーム設計方法について解説。sRGB・HSL色空間の限界、相対輝度の計算式、OKLCH色空間を使ったCSS設計トークンで、アクセシブルな色システムを構築する方法を示す。
株式会社トルクの社内勉強会「ブランディングデー」の取り組み紹介。デザインシステム Material Design 3 を輪読し、カラーシステムのアクセシビリティ設計（トーン管理によるコントラスト比の自動確保）について学ぶプロセスを通じて、アクセシビリティはデザインの後付けではなく設計に組み込まれるべきことを実感した事例。
海外の政府・民間企業が構築したデザインシステムの事例を紹介。各地域の文化や法規制、アクセシビリティ基準への対応、デジタル社会への適応などの特徴を解説する。
JavaScript チャートライブラリの代替として、CSS ネイティブなチャート実装 3 つ（Charts.css、ProvChart、FSCSS）を比較。各々の特性、ユースケース、使い分けを解説。
そのほかの #UXデザイン ピックアップ
The Design + Accessibility Summit
イベント 海外 開催予定
デザイン専門家向けのオンラインサミット（第7回）。アクセシビリティの実装をマスターしたいデザイナーを対象とした、4日間の集中的なナレッジシェアと最新事例の紹介。
エシカルデザインの手法をインクルーシブ・アクティビティ・カードを使ったワークショップ。
LLMがUIスクリーンショットからアクセシビリティ規則違反を検出できるかを測定した実験。GPT、Gemini の精度を比較。
デンマークのコペンハーゲン近郊にある障害者団体の集合オフィスを取材。障害のある人の意見を取り入れた設計プロセス、駅からのアクセス・駐車場などの具体的なバリアフリー工夫を紹介する。
インクルーシブデザインとユニバーサルデザインの違いについて、20人の実践者との対話から解説。「障害のある人のために」から「障害のある人と一緒に」へのアプローチの転換、困りごと解決から新しい価値創出への視点。
メモ帳の背景色#F9F9F9の選択から、Webセーフカラーの時代とアクセシビリティ・コントラスト比重視の現代への設計思想の変化を考察した記事。
そのほかの #生成AI ピックアップ
EU域内でWebサービス・アプリを提供する企業が対応すべきアクセシビリティ関連法制（EAA・WAD・雇用平等指令）と、WCAG基づく実装方法、EU主要国の罰則・執行事例を解説。AI画面開発におけるアクセシビリティ要件化の必要性も論じる。
AIをアクセシビリティテストに活用しても、専門知識、批判的思考、障害のある人の見方が必要。AI活用の限界と人間の判定の重要性を指摘。
LLMがUIスクリーンショットからアクセシビリティ規則違反を検出できるかを測定した実験。GPT、Gemini の精度を比較。
正規化と AI が進んでいるのに組織がアクセシビリティ要件を満たせないのはなぜか。Deque の幹部による、業界の課題と 2027 年までの対応を考察するポッドキャスト。
Lighthouse と ChatGPT を組み合わせ、はてなブログのアクセシビリティ問題を特定・改善する過程を記録。視覚障害のある著者が VoiceOver でテストし、Webアクセシビリティの実践的な改善手法を紹介する。
自動化されたインテリジェント・ガイド・テストが、キーボード操作やフォーカス動作など手動では時間を要するテストを自動化。開発者が数秒で結果を確認でき、AIの判定を人間が検証・修正することで、テスト効率を劇的に向上させる。