タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
Adobe製デザインシステム「React Spectrum」がすごいので紹介したい - Qiita
🚀 Super excited to announce: ♿️ React Aria — Accessible UI primitives for your design system. 👑 React Stately — State and core logic for your design system. 🌈 React Spectrum — Adobe’s design system. Learn more: https://t.co/ucVguh3rqp Github: https://t.co/e8aOfLgCVK — Devon Govett (@devongovett) July 15, 2020 7月15日にAdobeのデザインシステム react-spectrum がリリースされました。 デザイン製も優れていますが、他の部分でのクォリティーが個人的にショックだった
WebページやスマホアプリのUIデザインで、一貫したコンポーネント・テーマ・カラー・タイポグラフィ・アイコンなどを作成・管理できるAdobe XDの無料プラグイン「Spectrum」を設計したAdobeのデザインシステム・デザインマネージャーの解説記事を紹介します。 Spectrum for Adobe XD: Adobe’s design language in its experience design tool by Jacob Frank 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに Spectrumの機能と開発した経緯 Spectrumを使用した結果 Spectrumのインストール方法 Spectrumの今後の機能 ご意見をお聞かせください はじめに アドビのデザインシステムであるSpectrumは、5年前
Headless Component開発をはじめよう (Headless UI + React Spectrum)
はじめに この記事ではライブラリを活用したHeadlessなReact Component開発について紹介します。 Not Headless Component Headless Component の紹介の前にHeadless ComponentではないComponentとはなんでしょうか。 ReactでComponent を作成する際に Material-UIやAnt Designを使ったことがある人も多いのでは多いのではないでしょうか。 これらのライブラリは<Button />や<Menu />といったスタイル付属のReactコンポーネント集になっています。 自前でスタイルを書かずに使えるので便利ではあるのですが以下のような欠点があります。 細かい見た目の調整が難しい。 ライブラリにもよるのですが、細かい調整が難しいものが多いです。 例えばAnt DesignのButtonコンポーネ
React Spectrum Libraries A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences. GitHub React SpectrumA React implementation of Spectrum, Adobe’s design system. Spectrum provides adaptive, accessible, and cohesive experiences for all Adobe applications. Explore React Spectrum React AriaA library of unstyled React components and hooks that helps yo
React Spectrum Libraries A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences. GitHub React SpectrumA React implementation of Spectrum, Adobe’s design system. Spectrum provides adaptive, accessible, and cohesive experiences for all Adobe applications. Explore React Spectrum React AriaA library of unstyled React components and hooks that helps yo
雇用主が求める言語は「SQL」「Python」「Java」--「IEEE Spectrum」レポート（ZDNET Japan） - Yahoo!ニュース
プログラミング関係の仕事に就きたいと思っているなら、「SQL」「Python」「Java」の習熟度向上を怠らないようにした方がよい。「2024 IEEE Spectrum Top Programming Languages」レポートによるとそのようだ。同レポートでは、雇用主が何を求めているかを調査している。 そのような結果を示す「Jobs」部門の順位では、「2022 Top Languages Report」と現行の2024年版レポートを比べた場合、上位12言語で幾つかの変化が見られる。JavaとPythonが2位と3位で順位を入れ替えており、Pythonは、データベースアクセス言語「SQL」のすぐ後に続く結果だった。Pythonは、当然ながらAI関連開発では非常に人気がある。 「TypeScript」は、「JavaScript」に代わって4位を獲得した。ウェブページプログラミング言語のJ
We’re excited to announce React Spectrum, a collection of libraries and tools that help you build adaptive, accessible, and robust user experiences. Check it out on Github! React Spectrum includes three libraries: React Spectrum — A React implementation of Spectrum, Adobe’s design system. React Aria — A library of React Hooks that provides accessible UI primitives for your design system. React Sta
Webデザインの配色に悩んだときの参考になる！ UI要素のさまざまなカラースキームをまとめた配色サイト -Spectrum.Art
WebサイトのUIに使用するヘッダ、ボタン、イラスト、カード、カラム、ラインなど、UI要素のさまざまなカラースキームをまとめた配色サイトを紹介します。 カラースキームはページ全体、コンポーネントごとにまとめられており、それぞれのカラーは16進のHEX値が記載されています。各カラーをクリックするだけで簡単にコピーして利用できます。 Spectrum.Art Spectrum.Artは魅力的で視覚的にも優れたUIデザインを簡単に実現するために、UIデザイナーが厳選した色の調和に優れたカラースキームをまとめたサイトです。鮮やかで人目を引くカラースキームから、繊細でエレガントなカラースキームまで幅広いオプションが提供されています。 Spectrum.Art 2023年9月現在、カラースキームは16種類あり、各カラースキームはページ全体やコンポーネントごとにまとめられています。 では、Color s
プログラミング関係の仕事に就きたいと思っているなら、「SQL」「Python」「Java」の習熟度向上を怠らないようにした方がよい。「2024 IEEE Spectrum Top Programming Languages」レポートによるとそのようだ。同レポートでは、雇用主が何を求めているかを調査している。 そのような結果を示す「Jobs」部門の順位では、「2022 Top Languages Report」と現行の2024年版レポートを比べた場合、上位12言語で幾つかの変化が見られる。JavaとPythonが2位と3位で順位を入れ替えており、Pythonは、データベースアクセス言語「SQL」のすぐ後に続く結果だった。Pythonは、当然ながらAI関連開発では非常に人気がある。 「TypeScript」は、「JavaScript」に代わって4位を獲得した。ウェブページプログラミング言語のJ
JSer.info #497 - Chrome 84がリリースされました。 New in Chrome 84 | Web | Google Developers Chromium Blog: Chrome 84 Beta: Web OTP, Web Animations, New Origin Trials and More Chrome Platform Status: milestone=84 Web animations APIの対応改善、Content Indexing API、Wake lock API、WeakRefのサポートなどが含まれています。 また、Origin trialsとしてIdle detection、Web Assembly SIMDのサポートされています。 Fast, parallel applications with WebAssembly SIM
GitHub - adobe/react-spectrum: A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
1982年にイギリスで発売され、大ヒットを記録したホーム・コンピューター、Sinclair ResearchのZX Spectrum。その思想と機能を受け継いだ現代版ZX Spectrum、「ZX Spectrum Next（ゼットエックス・スペクトラム・ネクスト」の予約販売がスタートしました。 現代版ZX Spectrum、「ZX Spectrum Next Issue 2」 リック・ディッキンソン（Rick Dickinson／2018年に逝去）氏とフィル・キャンディー（Phil Candy）氏が開発した「ZX Spectrum Next」は、ZX SpectrumのハードウェアをFPGAで完璧に再現したキーボード一体型のコンピューター。2017年に最初のバージョンが発売され、今回予約販売がスタートしたのは、より機能が強化されたセカンド・バージョン（Issue 2）になります。「ZX
Raspberry Pi Picoを使って8ビットコンピューター「ZX Spectrum」のエミュレーターを自作｜fabcross
Raspberry Pi Picoを使用して、往年のホームコンピューター「ZX Spectrum」のエミュレーターを作製するプロジェクトをRaspberry Pi公式ブログが紹介した。 ZX Spectrumは、1982年に英Sinclair Researchが発売し英国を中心に人気を博した8ビットコンピューターだ。既にさまざまなZX Spectrumエミュレーターが存在するが、YouTubeチャンネル「Bobricius」を運営するPeter Misenko氏は、2.8インチIPSディスプレイを搭載するRaspberry Pi Picoベースのハンドヘルドエミュレーター「PicoZX LCD」（以下、PicoZX）を自作し、2023年にインターネット上で公開した。 このプロジェクトは、オリジナルのZX Spectrumとは異なり、ディスプレイや十字コントローラーなど主要部分の大半をメイン
はじめに 新しい技術にチャレンジし続けるpalanのアドベントカレンダーDay14です！ 昨日は「WebARの本質的な価値について考えてみる」のお話でした。 WebARの本質的価値を考えてみる 本記事ではAdobeのデザインシステム、spectrumから学べるデザインの基礎についてご紹介します。 今年の10月後半にAdobeのデザインシステム、Spectrumの公式サイトが発表され、話題を呼びました。 spectrumに関する記事はAdobeのブログでも発表されていますが、細かい内容を日本語で解説している記事がないため、今回は私が読んで使えると思った部分を抜粋しご紹介いたします。 注意点としては、今回の記事はあくまで私の解釈で書かせていただいております。 元のspectrumの内容を忠実に再現というよりかは、自分が読んで解釈した結果、こういうところで実践的に使えそうだと思った、というところ
React Spectrum
React Spectrum A React implementation of Spectrum, Adobe’s design system. Get started • GitHub AccessibleReact Spectrum components are designed with accessibility top-of-mind and include full screen reader and keyboard navigation support. AdaptiveReact Spectrum components are designed to work with mouse, touch, and keyboard interactions. They’re built with responsive design principles to deliver a
Adobe Design System の React Spectrum を理解していく ~ Part 1 概要~
はじめに React を使用したコンポーネントライブラリのコードリーディングをしたいなと思い、Adobe のデザインシステムに組み込まれている React Spectrum を読んでいるので、そのメモを残していく。 1 つの記事にまとめたかったが、コードを読むのに時間がかかるのと、かなり長くなるので分割して残していく。 React Spectrum の概要 本体は Spectrum であり、この思想を生かしたコンポーネントライブラリーとして、React Spectrum がある。 Spectrum の原則は「Rational」、「Human」、「Focused」の 3 つになっており、この原則どおり、アクセシビリティや i18n などを包括的にカバーするように React Spectrum もできている。 React 以外にも CSS だけ取り出してスタイルを当てれるように spectru
Spectrum 2
Spectrum 2: what’s next for Spectrum, Adobe’s design system Rational. Human. Focused. Collaborative.Adobe’s products are evolving: more modern, more friendly, more accessible, and more enjoyable to use. Spectrum, Adobe’s design system creates the building blocks of user experiences, and it’s getting a major update to make it happen. Spectrum 2 is what’s next. It’s more than just a design refresh:
Design tokens - Spectrum
Design tokens are design decisions, translated into data. They act as a “source of truth” to help ensure that product experiences feel unified and cohesive.
[新機能]Amazon Redshift Spectrum がついにCTASとINSERT INTOをサポートしたので実際に試してみました！ | DevelopersIO
[新機能]Amazon Redshift Spectrum がついにCTASとINSERT INTOをサポートしたので実際に試してみました！ データアナリティクス事業本部の石川です。クラスタバージョン1.0.15582から 「クエリの結果から外部テーブルを作成する（CTAS）」と「追加するテーブルの作成」が、Redshift Spectrumでも利用できるようになりました。早速試してみます！ CTASに関してはこれまでローカルテーブルへは出来ましたが外部テーブルへのCTASでの書き込みができるようになったのがポイントです。今まで同じことをしようとUnload+Create external tableと2ステップで行う必要がありました。 — Junpei Ozono (@jostandard) June 8, 2020 準備 検証用にサンプルデータのCSVファイルを用いて、外部スキーマと外
![[新機能]Amazon Redshift Spectrum がついにCTASとINSERT INTOをサポートしたので実際に試してみました！ | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/81eb02784729f6c36fc95bc45da4619b1a0480cf/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2019%2F05%2Famazon-redshift.png)
30292-9%2Ffulltext)
VLDL-specific increases of fatty acids in autism spectrum disorder correlate with social interaction
If you don't remember your password, you can reset it by entering your email address and clicking the Reset Password button. You will then receive an email that contains a secure link for resetting your password
Building a cost efficient, petabyte-scale lake house with Amazon S3 lifecycle rules and Amazon Redshift Spectrum: Part 1 | Amazon Web Services
AWS Big Data Blog Building a cost efficient, petabyte-scale lake house with Amazon S3 lifecycle rules and Amazon Redshift Spectrum: Part 1 The continuous growth of data volumes combined with requirements to implement long-term retention (typically due to specific industry regulations) puts pressure on the storage costs of data warehouse solutions, even for cloud native data warehouse services such
デザインの多様性をテーマに掲げるコミュニティプラットフォーム「Spectrum Tokyo」主催のデザインフェスティバルが開催！ 12/9(Fri)-10(Sat)の2日間、会場とオンラインのハイブリッド形式でお届けします。
S2, Episode 10: The Funding Spectrum — From Seed Financing to Private Equity | Startup LAWnchpad
S2, Episode 10: The Funding Spectrum — From Seed Financing to Private Equity Season Two: Episode Ten — An overview of funding options available to early stage companies, timelines for seeking funding and achieving profitability, and the role and expectations of investors. Episode Description: William de Wolff (Fordham Law ‘20) and Kei Komuro (Fordham Law ‘21) interview Robert B. Nolan, Jr. (Fordh
Spectrum Web Components Spectrum Web Components The Spectrum Web Components project is an implementation of Spectrum, Adobe’s design system. It's designed to work with any web framework — or even without one. Accessible by default # Developed with existing and emerging browser specifications in mind, our components deliver a high quality experience whether using a screen reader, keyboard navigatio
【イベントレポート】Spectrum Jam「UXリサーチャーのコミュニケーションデザイン」 - inSmartBank
こんにちは！スマートバンクでUXリサーチャーをしているHarokaです。 このブログでは、2023年7月26日に開催されたSpectrum Jamで発表した内容と合わせて、時間の制約でお伝えしきれなかったところを補足してお届けします。 Spectrum Tokyo Jam #01では、様々な領域の人（デザイナー、ディレクター/PM、エンジニアなど）が集まり、広義のデザインにまつわるライトニングトークを聞きながら、新たな仲間と出会えることを目的としています。 今回のテーマは「あれもこれもデザイン。あなたのやっている「デザイン」を教えてください」で、私が最近考えている「組織内にユーザー視点をどのように行き渡らせるか」についてコミュニケーションデザインの視点でご紹介しました。 UXリサーチャーの仕事は「実査」のみにあらず UXリサーチャーという職種名から想起されるように、調査にまつわるあらゆる接
滑らかさと画質を両立してみたよ。240Hz駆動で解像度1440pのIPSモニタ｢Spectrum｣2020.01.28 20:0036,107 Gizmodo US - Sam Rutherford ［原文］ （ 塚本直樹 ） 実にいいスペック。 以前にはタブレットPCのクラウドファンディングを成功させたEveが、新たに世界初のクラウドファンディングにて開発されるモニタ｢Spectrum｣を発表しました。 Spectrumの特徴は、ゲーミングモニタとアーティストやコンテンツクリエーター用モニタを合体させている点。27インチのSpectrumはLGのゲーミングディスプレイ｢UltraGear 27GL850-B｣と同等のIPSパネルを採用していますが、スペックの微調整により3種類のバージョンが存在します。 スペックImage: Eveまず、350ドル（約3万8000円）の基本モデルでは、解像
Use React UI Components to Create a Live Audio Spectrum Visualizer | by Matt | Better Programming
Summary of the ImplementationThe Web Audio API’s AnalyserNode feature can be used to “provide real-time frequency and time-domain analysis information, for the purposes of data analysis and visualization”. When used with React, some cool possibilities become available for how the data can be visualized. The AnalyserNode is used for obtaining an array of amplitude values for a specified number of f
I love raytracers; in fact I’ve written half a book about them. Probably less known is my love for the ZX Spectrum, the 1982 home computer I grew up with, and which started my interest in graphics and programming. This machine is so ridiculously underpowered for today’s standards (and even for 1980s standards), the inevitable question is, to what extent could I port the Computer Graphics from Scra
sentinel spectrum. mastercard online purchase - OTS News forum
№1 US Reliable Pharmacy - mastercard online purchase -- Click here formore info - sentinel spectrum - Quality and pharmaceutical dosage. - Fast delivery guaranteed. - 100% legal products. - Bonus pills and big discounts for every order - Various payment methods: MasterCard / Visa / AMEX / PayPal / BitCoin - Our prices are 70% less than your local pharmacy - Fast delivery and complete anonymity - Y
YouTubeで再生した音声からスペクトログラムを作成し、流れる光の音符を使って自動で楽譜化してくれる拡張機能が「YouTube Musical Spectrum」です。Google ChromeとMozilla Firefox向けに無償頒布されており、本来は絶対音感がないと難しい「楽曲の耳コピ」をするのにお役立ちです。 YouTube Musical Spectrum - Chrome ウェブストア https://chrome.google.com/webstore/detail/youtube-musical-spectrum/ddpceafiohdlkiemibjgplcicblnfggi YouTube Musical Spectrum – Get this Extension for Firefox (en-US) https://addons.mozilla.org/en-U
🚀 Super excited to announce: ♿️ React Aria — Accessible UI primitives for your design system. 👑 React Stately — State and core logic for your design system. 🌈 React Spectrum — Adobe’s design system. Learn more: https://t.co/ucVguh3rqp Github: https://t.co/e8aOfLgCVK — Devon Govett (@devongovett) July 15, 2020 7月15日にAdobeのデザインシステム react-spectrum がリリースされました。 デザイン製も優れていますが、他の部分でのクォリティーが個人的にショックだった
Upgraded Google Glass Helps Autistic Kids “See” Emotions - IEEE Spectrum
Imagine this scene: It's nearly dinnertime, and little Jimmy is in the kitchen. His mom is rushing to get dinner on the table, and she puts all the silverware in a pile on the counter. Jimmy, who's on the autism spectrum, wants the silverware to be more orderly, and while his mom is at the stove he carefully begins to put each fork, knife, and spoon back in its slot in the silverware drawer. Sudde
GitHub - mfcc64/youtube-musical-spectrum: Audio visualizer for YouTube and YT Music with musical notes.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
React Spectrum
React Spectrum A React implementation of Spectrum, Adobe’s design system. Get started • GitHub AccessibleReact Spectrum components are designed with accessibility top-of-mind and include full screen reader and keyboard navigation support. AdaptiveReact Spectrum components are designed to work with mouse, touch, and keyboard interactions. They’re built with responsive design principles to deliver a
AI & MLLearn about artificial intelligence and machine learning across the GitHub ecosystem and the wider industry. Generative AILearn how to build with generative AI. GitHub CopilotChange how you work with GitHub Copilot. LLMsEverything developers need to know about LLMs. Machine learningMachine learning tips, tricks, and best practices. How AI code generation worksExplore the capabilities and be
GitHub - harunobukameda/Amazon-Redshift-Spectrum-AWS-Glue-Amazon-Athena-Amazon-S3-Select
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
When Spectrum joined GitHub, we committed to building the best community platform for all developers. To move us closer towards this goal, we’re announcing that the time has come for the planned archival of Spectrum in order to focus our efforts on GitHub Discussions. Starting today, we will no longer support the creation of new communities on Spectrum. Starting on August 24, 2021, we will be main
Explore perfect color shades for website design updated in line with trends
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WebページやスマホアプリのUIデザイン・モックアップが簡単に！Adobe XDのプラグイン「Spectrum」が便利
React Spectrum Libraries
React Spectrum Libraries
Introducing React Spectrum
Adobe、新しいUIデザインシステム「Spectrum 2」を発表 ～2024年Web製品より順次展開／アクセシビリティ、親しみやすさ、クロスプラットフォーム一貫性の3点が軸
雇用主が求める言語は「SQL」「Python」「Java」--「IEEE Spectrum」レポート
2020-07-21のJS: Chrome 84(SameSite Cookie)、Vue 3 RC、React Spectrum
’80sホーム・コンピューターの名機、ZX Spectrumを現代に蘇らせた「ZX Spectrum Next Issue 2」
Adobeのデザインシステム、spectrumから学べるデザインの基礎 - bagelee（ベーグリー）
Spectrum Tokyo Design Fest 2022
[ケータイ用語の基礎知識]第947回：DSS（Dynamic Spectrum Sharing）
![[ケータイ用語の基礎知識]第947回：DSS（Dynamic Spectrum Sharing）](https://cdn-ak-scissors.b.st-hatena.com/image/square/63b9249dab9529de4f086eaa9e11908d5d750c0f/height=288;version=1;width=512/https%3A%2F%2Fk-tai.watch.impress.co.jp%2Finclude%2Fcommon%2Fp01%2Fimages%2Flogo%2Fktw.l.png)
Spectrum Web Components - Spectrum Web Components
滑らかさと画質を両立してみたよ。240Hz駆動で解像度1440pのIPSモニタ｢Spectrum｣
ZX Spectrum Raytracer - Gabriel Gambetta
YouTubeの音声を自動で光の楽譜に視覚化してくれる「YouTube Musical Spectrum」レビュー
Adobe製デザインシステム「React Spectrum」がすごいので紹介したい - Qiita
Celebrating 40 years of ZX Spectrum ❤️ 💛 💚 💙 | GitHub
Join us on our new journey · Spectrum Support
Website Color Schemes to Inspire Creativity | Spectrum.Art 💎
phys-math-atelier.com
kuragebunch.com
kuragebunch.com
gahalog.2chblog.jp
kuragebunch.com
x.com