App内のチャートへのアクセシビリティの導入 - WWDC21 - ビデオ - Apple Developer
チャートはデータを理解する上で欠かせないツールであり、自分自身、健康、経済、そして世界を理解する上で極めて重要です。オーディオグラフや音響データを使って、視覚に障がいのあるユーザがApp内のグラフにアクセスできるようにする方法について確認します。また、ユニバーサルデザインの原則とシステムのアクセシビリティ設定を利用して、チャートのアクセシビリティを向上させる方法も紹介します。 リソース Appearance Effects and Motion Color and Contrast isReduceMotionEnabled accessibilityReduceMotion Audio graphs HDビデオ SDビデオ ♪ (App内のチャートへの アクセシビリティの導入) こんにちはPrestonと申します さて 今日は App内のチャートに アクセシビリティを持たせる方法に つい
Figma MCPを活かすためのデータ作りとプロンプト 20パターンの検証で分かったこと - Qiita
概要 Figma MCPを使った高品質なコード生成を実現するために、Figmaデータをどのように作れば良いのか、どのようなプロンプトで指示を出せば良いかを調べました。 20パターンの検証で分かったことを記事にしています。 この記事で分かること Variables, Auto Layout, Layer Names, Annotationsが生成コードに与える影響 20パターンの検証結果と、各機能の組み合わせでの発見 最終的な推奨設定とプロンプトテンプレート 想定読者 Figma MCPを使ってコード生成したいデザイナー・エンジニア デザインシステムを構築しているチーム AIコード生成の品質を高めたい人 結論（先に知りたい方向け） 20パターンの検証を通じて得られた結論を先に示します。 詳細な検証過程は後述します。 推奨Figma設定 当たり前の結論かもしれませんが、全要素を有効にすることを
Color Generator – Kigen
Generate beautiful color palettes for your design system.
コントラストについて改めて考える｜LINEヤフーDESIGN 公式note
こんにちは、LINEヤフーでアクセシビリティの啓発と改善を行っている中野です。 ウェブコンテンツのアクセシビリティにおいて、コントラストは重要な要素です。私たちが日々目にするウェブサイトやアプリケーションのデザインにおいて、どのようにコントラストが担保されているかは、視認性と可読性に直接影響を与えます。この記事では、コントラストの重要性とその基準の変遷について掘り下げていきます。 なお、この記事は2025年6月30日と7月1日に開催された技術カンファレンス、Tech-Verse 2025で発表した「文字コントラストを改めて考える」の内容を再構成した記事です。SpeakerDeckで公開している資料と共にご覧ください。 視覚的な困難さとはウェブコンテンツは視覚情報が多くなっているため、文字の「見やすさ」「読みやすさ」がそのまま利用のしやすさに直結します。まず、視覚的な困難さについて考えてみま
MCPにおけるセキュリティ考慮事項と実装における観点（前編） - GMO Flatt Security Blog
MCP logo ©︎ 2024–2025 Anthropic, PBC and contributors | MIT license はじめに 本記事は、セキュリティエンジニアのAzaraこと齋藤とコーポレートセキュリティエンジニアのhamayanhamayanが、社内で行ったディスカッションを元に記述した記事です。 本記事は、MCP の利活用の際に考えるべき、セキュリティに関する考慮事項や、脅威の想定、実装時気にすべき観点などについてまとめたシリーズの前編になります。前編では、MCPに関する基本的な事項を扱いながら、利用者側の目線でMCPに対するセキュリティを考えていきます。社内での利活用の際に参考になれば幸いです。 また、GMO Flatt Securityは日本初のセキュリティ診断AIエージェント「Takumi」や、LLMを活用したアプリケーションに対する脆弱性診断・ペネトレーショ
Design for Driving | Google for Developers
ドライバー向けに設計するへようこそ。これは、次の 2 つの自動車向け Android システムを扱うアプリ デベロッパーと自動車メーカー向けの設計ハブです。 Android Auto: 対応する自動車の画面に投影されるスマートフォン ベースのインフォテインメント システム Android Automotive OS（AAOS）: 自動車メーカーがカスタマイズして自動車に組み込み、（GAS パートナーの場合は）Google Automotive Services（GAS）と統合できるインフォテインメント プラットフォーム このサイトでは、これらのシステムの設計ガイダンスを提供しています。（技術的なガイダンスをお探しの場合は、Android for Cars の関連ドキュメントのリストを使用して、適切なソースを見つけてください）。 ニーズに合った以下のトピックをご覧ください。または、新機能をご
ディーター・ラムスの「グッド・デザインに必要な10の原則」について改めて考えてみる - ContractS開発者ブログ
こんにちは、Holmesでデザイナーをしています竹内です。 この記事は Holmes Advent Calendar 2020 - Qiita 22 日目の記事です。 今回は、私がデザインをする上で、思考の基準となっている、ディーター・ラムスの「グッド・デザインに必要な10の原則」について、自分の考えを交えながら語っていきたいと思います。 ディーター・ラムスとは グッド・デザインに必要な10の原則 語ってみる 1. Good Design is innovative. 2. Good Design makes a product useful. 3. Good Desgin is aesthetic. 4. Good Desgin makes a product understandable. 5. Good Desgin is unobtrusive. 6. Good Desgin is
FigmaのデザインデータをAIに伝えるプラグイン「Figma Raw」を公開しました｜Yasuhiro Yokota
こんにちは、タイミーのプロダクトデザイナーの横田です。 誰でもFigmaからデザインをAIで正確に実装することができるツールをつくりました。 最近、AIを活用した開発フローが注目されています。 デザインデータから直接コードを生成したり、レビューを自動化したりといった試みも増えてきました。しかし、FigmaのデザインデータをLLMに正確に理解させるには、まだ工夫が必要だったり、ツールが制約されたりするのが現状です。Figmaでは公式のMCPのような仕組みはまだありません。 AIを活用した取り組みをやっている会社はちらほらあるけど、うちでやるにはどうやれば…？という方は多いのではないかと思います。 そこで今回、Figmaのデザインノード情報を詳細なJSON形式で出力するプラグイン「Figma Raw」を開発し、公開しました。 一言でいえば、FigmaのデザインをいろんなAIでコーディングできる
gridless.design
historydesignersdevelopersaboutget rid of grid“Blasphemy, I need structure and order!” The web is good at these things, just not in the ways that designers have been accustomed to working. We'll take a look at how we got here and how we might change our perspective. Let's think outside of the grid and allow other guidelines to provide a comprehensive layout. History of the design grid Back to top
ユーザーストーリーマッピング | ブログ | Agile Studio
名前ユーザーストーリーマッピング(User Story Mapping)別名－解説ユーザーストーリーマッピングは、提供するプロダクトの全体像を顧客の行動軸と優先順位軸の２軸で整理し、チーム全体で何を優...
ビジネスパーソンに講演を依頼するときのマニュアル｜けんすう
こんにちは！ 僕とか周りはビジネスパーソンばっかりなんですが、ビジネスの世界にも「講演をする」とか「パネルディスカッションで話す」みたいな機会が結構あったりします。 最近だとYouTubeとかの出演、とかも近いですね。 どれも仰々しいですが、要は「100人とか200人をターゲットにした、小さいイベントで話す」とかは結構あったりするんです。 んで・・・。周りでもたくさん受けている人が多いんですが、結構よく聞くのが「無駄に負担を増やす主催者が多くて困る」というやつです。 とはいえ、主催者側としても、講演をやったことがある人が内部にいなかったりしてわからないこともあるよなあ、と思ったので、マニュアルを書いてみますね。 周りの登壇者と話した感覚値なので、業界によっては違うかもしれませんが、僕の周りだと結構同意を得られる内容なはずです。 必要な情報をくれまず、必要な情報が連絡の時点で書かれていないケ
輸入レモンは危なくない。古い情報に惑わされないで［食の安全と健康：第16回 文・松永和紀］
輸入レモンは危なくない。古い情報に惑わされないで［食の安全と健康：第16回 文・松永和紀］ 公開日: 2022年4月25日 私たちの素朴な疑問 Q. 輸入レモンは農薬がたっぷりで危ない、と聞きました。農薬を洗って落とす方法を教えてください。 A. 危ないという情報は非常に古くて、科学的根拠がありません。そもそも、農薬がそれほどの量、残っているわけではありません。 インターネットで輸入レモンと検索すると、危ないという情報が大量に出てきます。防かび剤が、ワックスが、それを落とす方法は……。この“危ない”話、実は1970年代から流れている古い古い情報なのです。実際のところは真実からかけ離れています。そんな古い話をそのまま信じるのですか？ 解説しましょう。 安全性は、残留基準ではなくADIで考える 作物は栽培時に農薬が使われます。ただし、一部の農薬成分はくだものやじゃがいもに限定して、収穫後（ポス
誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック
【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？ ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの？ ・結局一番言いたいことはなんなの？ ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・
Design Tokens Format Module 2025.10
Design Tokens Format Module 2025.10 Draft Community Group Report 30 December 2025 Latest published version: https://www.designtokens.org/TR/2025.10/format/ Editors: Louis Chenais Kathleen McMahon Drew Powers Matthew Ström-Awn Donna Vitan Authors: Daniel Banks Mike Kamminga Ayesha Mazrana (Mazumdar) James Nash Adekunle Oduye Kevin Powell Feedback: GitHub design-tokens/community-group (pull requests
Studioアニメーションの基本をマスターしよう！ | Studio Blog
ノーコードでWebサイトが制作できるSTUDIOでは、作成したWebサイトに簡単にアニメーションを加えることができます。 Webサイトにアニメーションを追加することで、特定のセクションや要素を目立たせ閲覧者が注目するように促したり、与えたいイメージを効果的に伝えることができます。例えばイベントサイトであれば楽しさを演出する、ホテルやレストランなどであれば高級感を演出するなど、そのサイトにあったイメージ訴求手段の一つとして役立ちます。 本記事では、STUDIOアニメーションの作り方をテキストアニメーションを通してご紹介します。実装例はよくあるアニメーションやSTUDIOのコーポレートサイトで実際に実装されているアニメーションとなります。 STUDIOでのアニメーションの作り方アニメーションは、2つのシンプルなステップで作成できます。通常時と特定条件下の状態を設定し、２点間のトランジション（例
スタジオ午前2時 |グラフィック デザイン エフェクト、テクスチャ、デザイン バンドル、フォント
Build your own bundle!Our discount kicks in as you go. Just add items to your cart and watch the price drop. The more you grab, the more you save — up to 40% off with no codes, no hassle. アイスランド (ISK kr) アイルランド (EUR €) アセンション島 (SHP £) アゼルバイジャン (AZN ₼) アフガニスタン (AFN ؋) アメリカ合衆国 (USD $) アラブ首長国連邦 (AED د.إ) アルジェリア (DZD د.ج) アルゼンチン (USD $) アルバ (AWG ƒ) アルバニア (ALL L) アルメニア (AMD դր.) アンギラ (XCD $) アンゴラ (USD
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.figma.com/community/plugin/1490907592288129044/sync-variables-with-notion
デザインと、マーケティングと、“会場”としてのデザインツールについて
GitHub - friendly/HistDataVis: Website for my book, _A History of Data Visualization & Graphic Communication_, Harvard University Press, 2021
Discover iOS Apps | Mobbin - The world’s largest mobile & web app design reference library
