Everything I Know About Style Guides, Design Systems, and Component Libraries I've been building a component library for my company. I've learned a lot about style guides, design systems, component libraries, and their best practices. This post will be a deep-dive on everything I've learned in the past year. Table of Contents Why Should You Care? What is a Style Guide? What is a Component Library?
自分には人望がない、そのように悩む人は多いのではないでしょうか？決して人を騙したり、利用しているわけではないのに、みんな他人行儀で自分の近くには来ない気がする。そんな、よい人なのに人望がない人には共感を集める失敗談が足りないのかも知れません。 監修者 kawauso 編集長（石原 昌光） 「はじめての三国志」にライターとして参画後、歴史に関する深い知識を活かし活動する編集者・ライター。現在は、日本史から世界史まで幅広いジャンルの記事を1万本以上手がける編集長に。故郷沖縄の歴史に関する勉強会を開催するなどして地域を盛り上げる活動にも精力的に取り組んでいる。FM局FMコザやFMうるまにてラジオパーソナリティを務める他、紙媒体やwebメディアでの掲載多数。大手ゲーム事業の企画立案・監修やセミナーの講師を務めるなど活躍中。 コンテンツ制作責任者 おとぼけ（田畑 雄貴） PC関連プロダクトデザイン企
Design systems enable designers and developers to quickly create quality software on a massive scale. As the needs of software-driven businesses grow even larger, design systems are evolving — they are beginning to look and work like APIs. In software development, “API” stands for “Application Programming Interface.” An API is a reliable way for two or more programs to cooperate. It allows program
If you purchase the eBook, you will be entitled to receive periodic updates as errata are fixed, for no additional charge. If you purchase a paper book, it will be shipped as soon as it comes into stock (which should take place the week of ). If you purchase the combo, the paper book will be shipped when it is published, estimated publication date is . About the book The fifth edition of Programmi
イーロン・マスクのAI企業「xAI」が約9400億円を調達してAGI開発に向けて人材を募集、H100を10万台配備予定であることも明かす
イーロン・マスク氏が設立したAI企業「xAI」が、60億ドル(約9400億円)の資金調達に成功したことを発表しました。同時に、xAIは汎用人工知能(AGI)の開発に向けて人材を募っています。 Series B funding round https://x.ai/blog/series-b Musk Plans xAI Supercomputer, Dubbed ‘Gigafactory of Compute’ — The Information https://www.theinformation.com/articles/musk-plans-xai-supercomputer-dubbed-gigafactory-of-compute xAIは生成AI「Grok」を開発しており、X(旧Twitter)ではGrokを用いたAIチャット機能が利用可能となっています。また、xAIは2024
For seventeen years, Hatsune Miku has been thrilling fans with her digital performances as a virtual singer. And now the world-famous digital superstar has added Secret Lair to her world tour! In the first of four amazing drops, Hatsune Miku brings her undeniable electricity to a set of cards featuring stunning art from Miku fans from around the world. Inspired by the cherry blossoms and lightning
mkdev.me for mkdev Posted on Oct 29, 2019 • Updated on Jan 12, 2021 • Originally published at mkdev.me Starting a new project, every programmer has to face the choice of what framework to use for the website: Vue, React or Angular. They are all different and these differences are fundamental. However, all of the frameworks are suitable for the task-solving, so we just need to discuss how efficient
タップルで機械学習エンジニアをしている橋爪( @runnlp )と、AI Labでリサーチサイエンティストをしている冨田( @miitomi )です。9月18日から9月23日にシアトルで開催されたRecSys2022に現地参加してきましたので、その参加報告をさせていただきます。今回サイバーエージェントAI LabからはIndustryセッションでポスター発表を1件、Workshopで口頭発表を1件行いました。Industryセッションでの発表の紹介と、研究を日程順に紹介したのちに、現地の様子なども合わせてお届けします。 目次 RecSysとは サイバーエージェントからの発表 Tutorial ( 2つ紹介 ) Main Conference ( Keynoteと論文を紹介 ) Workshop ( 2つ紹介 ) 現地の様子 おわりに RecSysとは RecSysは、推薦システムのトップカ
Amazon licenses Slack for all employees, while Slack adopts AWS video-calling tech
Slack and Amazon are deepening their partnership. Under a new deal announced Thursday, all Amazon employees will have access to Slack's workplace collaboration tools. In addition, Slack will deepen its reliance on AWS, revamping its video-calling feature to take advantage of an AWS service called Chime. The alliance helps both companies battle Microsoft, whose Teams communications service has grow
May 22, 2019 (Updated on Git: Aug 12, 2022) · 33 min read · healthcare-incl-food nothing-special uncategorized · ちょっと今回気になるところがあって、色々と調べていたら非常に面白いことが分かったのでメモ。 去る2019年1月18日、「日清フーズ」「日本製粉」「昭和産業」3社の小麦製品から、除草剤「ラウンドアップ」の主成分であるグリホサートが検出されたというニュースがネット上で話題になったね。 news.livedoor.com 大手食品メーカーから検出って点のみならず、日本でも近年ラウンドアップは販売・使用されているので、他人事じゃねぇなーって心配になった人もいるんじゃなかろうか。 ただ今回その論争の裏を調べる限り、あえて誤解を恐れず言えば現段階で「こまけぇことは気にすんな」レベ
While artists using full caps are largely male (Kendrick Lamar, Travis Scott, Tyler the Creator), it tends to be female performers who use lowercase. Soon after Grande, Billie Eilish filled her brooding (admittedly all-caps titled) Grammy-winning album WHERE DO WE GO TO WHEN WE FALL ASLEEP? with a full listing of lowercase tracks. In the past year, artists including Lana del Rey, Charli XCX, Marik
【モンスト】✖️【神ガチャ】【選抜！！８周年人気投票ガチャ】開催！！みんなの『推し』は振り向いてくれるのか！？ガチャ結果報告会。【サブ垢編】 - coltのモンストまとめノート
ども。coltです。 いつも読んでいただきありがとうございます😊 本日のお題 『選抜！！８周年人気投票ガチャ』の結果報告会【サブ垢編】 ２０２１年１０月２３日（土）から開催されているのは.... 【選抜！８周年人気投票ガチャ】 になります。 すでに毎年恒例となったこの一大イベント。 星６が１体確定排出される１０連ガチャという夢のような神ガチャとなっております。 なんと言ってもこのガチャの特徴はプレイヤーの投票で決まった上位１００位までのキャラの中から選ばれたキャラが確定で１体排出されるという点です。 流石に人気の高いキャラが集合するだけあって、どのキャラが出てもそれなりに需要がある強キャラばかりになっています。 これは是非ともランク上位のキャラを引き当てて、モチベーションアップに繋げたいものですね。 と言うことで、今回は【人気投票ガチャ】の結果報告【サブ垢編】と題して、自分のガチャ運の良
In "Software Engineering - The Soft Parts" Addy Osmani shares lessons from his first 10 years at Google on the "soft skills" that can help engineers become effective and scale their effectiveness. This guidance should help junior, mid-career and even senior developers move forward, deal with changing technology, and navigate building non-trivial systems. Today I'll share some of the software engin
A Packwerk Retrospective
In September, 2020, our team at Shopify released a Ruby gem named Packwerk, a tool to enforce boundaries and modularize Rails applications. Since its release, Packwerk has taken on a life of its own, inspiring blog posts, conference talks, and even an entire gem ecosystem. Its popularity is an indication that Packwerk clearly filled a void in the Rails community. Packwerk is a static analysis tool
Version 1.89 is now available! Read about the new features and fixes from April. November 2019 (version 1.41) Update 1.41.1: The update addresses these issues. Downloads: Windows: x64 | Mac: Intel | Linux: deb rpm tarball snap Welcome to the November 2019 release of Visual Studio Code. There are a number of updates in this version that we hope you will like, some of the key highlights include: Com
Modern Touch-Friendly Design
May 21, 2020 I recently spoke to veteran UX designer Steven Hoober about designing for touch interfaces. Hoober's "Design for Fingers, Touch, and People" encourages UI designers to: Place primary content and actions at the center of the screen Place secondary actions and tabs along the edges Place tertiary functions behind menus Research how users perform specific interactions. Grip, task, context
ー 生放送 [アラフェス2020 ライブ 年仮面ライダー放送 生放送] #アラフェス 生中継 予想 放送 動画 仮面 アラフェス LIVE アラフェス ライ
Election Day 2020: Live updates on presidential election, California and Bay Area polls SAN FRANCISCO (KGO) -- Election Day 2020 is finally upon us but millions of votes have already been cast in the Bay Area, California and around the country. With just a quick glance at Regis Prograis' resume, it would appear that his career has already come full circle. He made his way up the ranks by beating s
Building a serverless document chat with AWS Lambda and Amazon Bedrock | Amazon Web Services
AWS Compute Blog Building a serverless document chat with AWS Lambda and Amazon Bedrock This post is written by Pascal Vogel, Solutions Architect, and Martin Sakowski, Senior Solutions Architect. Large language models (LLMs) are proving to be highly effective at solving general-purpose tasks such as text generation, analysis and summarization, translation, and much more. Because they are trained o
Summary: Infinite scrolling minimizes interaction costs and increases user engagement, but it isn’t a good fit for every website. For some, pagination or a Load More button will be a better solution. Infinite scrolling is a listing-page design approach which loads content continuously as the user scrolls down. It eliminates the need for pagination — breaking content up into multiple pages. Nike.c
In the spirit of “everything old is new again,” browsers are once again supporting the ability to style the scrollbar. Much like custom CSS mouse cursors, I feel this is also a mistake. When you style things on the web, you get control over almost the entire experience. From ten thousand feet up, your scope of concern is this: The scope of concern for the browser is this: The browser’s UI is infor
Cloudflare Calls: millions of cascading trees all the way down
Cloudflare Calls: millions of cascading trees all the way down04/04/2024 Following its initial announcement in September 2022, Cloudflare Calls is now in open beta and available in your Cloudflare Dashboard. Cloudflare Calls lets developers build real-time audio/video apps using WebRTC, and it abstracts away the complexity by turning the Cloudflare network into a singular SFU. In this post, we dig
TOKYO — The torch relay run that has opened the Olympics since 1936 started on Thursday from Fukushima, Japan, delayed by a year because of the coronavirus pandemic. The Games will be held this summer, Prime Minister Yoshihide Suga said on Sunday, “as a proof of humanity’s victory over the novel coronavirus” — even though there is no sign that Japan, let alone humanity, will defeat the coronavirus
Popularity of top frameworks on Netlify: Next.js, Gatsby, create-react-app
We run an annual survey of web developers and have shared that data with the community in 2020, 2021 and 2022. While that data is about web developers as a whole, we often get questions about what framework usage looks like on Netlify specifically. So we dug into our data and here's what we found. Netlify is a pioneer of the composable web, sometimes called the Jamstack: this architectural approac
EngineeringOpen SourceGit’s database internals V: scalabilityThis fifth and final part of our blog series exploring Git's internals shows several strategies for scaling your Git repositories that match related database sharding techniques. This week, we are exploring Git’s internals with the following concept in mind: Git is the distributed database at the core of your engineering system. When the
【モンスト】✖️【神ガチャ】【選抜！！８周年人気投票ガチャ】開催！！みんなの『推し』は振り向いてくれるのか！？ガチャ結果報告会。【メイン垢編】 - coltのモンストまとめノート
ども。coltです。 いつも読んでいただきありがとうございます😊 ＊前回と記事内容が被っております。既に読まれている方は飛ばしていただけると幸いです。 本日のお題 『選抜！！８周年人気投票ガチャ』の結果報告会【メイン垢編】 ２０２１年１０月２３日（土）から開催されているのは.... 【選抜！８周年人気投票ガチャ】 になります。 すでに毎年恒例となったこの一大イベント。 星６が１体確定排出される１０連ガチャという夢のような神ガチャとなっております。 なんと言ってもこのガチャの特徴はプレイヤーの投票で決まった上位１００位までのキャラの中から選ばれたキャラが確定で１体排出されるという点です。 流石に人気の高いキャラが集合するだけあって、どのキャラが出てもそれなりに需要がある強キャラばかりになっています。 これは是非ともランク上位のキャラを引き当てて、モチベーションアップに繋げたいものですね。
How SPA architectures affect Core Web Vitals Stay organized with collections Save and categorize content based on your preferences. Answers to common questions about SPAs, Core Web Vitals, and Google's plan to address current measurement limitations. Since first introducing the Web Vitals initiative in May of 2020, we on the Chrome team have received a lot of great questions and feedback about the
Today is November 6th, 2022, the day of the SAO Incident. Thousands of VRMMORPG gamers were trapped by a mad scientist inside a death game that could only be escaped through completion. If their hit points dropped to zero, their brain would be bombarded by extraordinarily powerful microwaves, supposedly killing the user. The same would happen if anyone in the real world tampered with their Nerv
OSS Engineer - TypeScript, Azure, React, Node.js, .NET This post is a a little different from most that sit on my site. It's the story of the Definitely Typed project, of which I was an early member. It had a seismic impact on the development of TypeScript. When exchanging messages with Andrew Branch (member of the TypeScipt team), I realised it was an untold story, and perhaps I should tell it, b
Sialis 60mg order cheap. Where to Buy Tadalafil Free Shipping Sialis To Buy Online No Prescription, Sialis Purchase Australia Cheap Cheap Sialis Buy Online BUY Sialis (Tadalafil) ONLINE! - CLICK HERE! order sialis for cheap where can i buy sialis cheap online lowest price on generic sialis sialis buy online with prescription sialis cheapest nl when should sialis be ordered cheapest sialis online n
今年の盆休みも中盤になりました。 旅行や帰省には行かれましたか、それとも自宅でゆっくりと過ごされていますか。 「Go Toトラベル」キャンペーンがはじまり、旅行代金が35%OFFになって、9月1日以降の旅行では15%分のクーポンがもらえるようになる見込みです。 Go Toトラベルに関連したセールでお得なツアーやプランも用意されているので、状況を見極めて他の人に迷惑をかけることのないように気分転換ができればと思います。 今回は、ポイントサイト「モッピー」で人気の旅行会社やGo Toトラベル関連のセールについて、調査した結果を解説したいと思います。 人気順は記事作成時点になりますのでご了承ください。 楽天トラベル 1位は「楽天トラベル」です。 日本最大級の宿泊予約サイトだけあってモッピーの人気順でも1位になりました。 楽天ポイントが貯まったり、使えるところも魅力です。 Go Toトラベルキャン
State of Storybook 2019
Storybook is the most popular UI component workshop on the planet. It powers front-end development for teams at Airbnb, Lyft, Slack, Twitter, and thousands more companies. It’s used to build top design systems like Shopify Polaris, IBM Carbon, and Salesforce Lightning. Thanks to our vibrant community, the project is growing like gangbusters by every measure. Our product is improving rapidly and on
アバンギャルディ｜アカネキカク
AVANT-GARDEY AVANT-GARDEY AVANT-GARDEY AVANT-GARDEY AVANT-GARDEY AVANT-GARDEY AVANT-GARDEY AVANT-GARDEY AVANT-GARDEY AVANT-GARDEY AVANT-GARDEY AVANT-GARDEY AVANT-GARDEY AVANT-GARDEY AVANT-GARDEY AVANT-GARDEY AVANT-GARDEY AVANT-GARDEY AVANT-GARDEY AVANT-GARDEY AVANT-GARDEY? 〜アバンギャルディとは？〜 バブリーダンスの振付師、 akaneプロデュースによる 19名で結成されたダンスチーム。 2022年に発足し、 「謎の制服おかっぱ集団」として TikTokやInstagramで 世界中から人気を集めている。 They ar
Jamstack is a popular approach for building web apps. But it can be challenging to use the Jamstack in highly interactive apps. Learn more about how to solve those challenges with Prisma and Next.js. Contents Rendering and data storage in web applications The server-client spectrum What is the Jamstack? Jamstack with Next.js and Prisma Jamstack best practices Conclusion Rendering and data storage
Monitoring is a Pain
And we're all doing it wrong (including me) I have a confession. Despite having been hired multiple times in part due to my experience with monitoring platforms, I have come to hate monitoring. Monitoring and observability tools commit the cardinal sin of tricking people into thinking this is an easy problem. It is very simple to monitor a small application or service. Almost none of those approac
Chapter 8: CSS | CSS-Tricks
In June of 2006, web developers and designers from around the world came to London for the second annual @media conference. The first had been a huge success, and @media 2006 had even more promise. Its speaker lineup was pulled from some of the most exciting and energetic voices in the web design and browser community. Chris Wilson was there to announce the first major release to Microsoft’s Inter
We summarise the state of the competitive landscape and analyse the 200+ competitions that took place in 2022. Plus a deep dive analysis of 67 winning solutions to figure out the best strategies to win at competitive ML. 2022 was a big year for competitive machine learning, with a total prize pool of more than $5m across all platforms. This report reviews all the interesting things that happened i
In big cultural concepts like music or fashion, things have a way of coming around full circle. I'm pretty sure someday grunge will come back as a hot new sample, and at some point our kids might think frosted hair tips are totally cool. When I look at some of the trends on the web today, I wonder if we’re at that point yet. I wonder if we’re ready to revisit some of the ideas of the early web aga
[レポート] Data Vault Modelling on Snowflake #SnowflakeDB | DevelopersIO
大阪オフィスの玉井です。 Snowflake社の下記のウェビナーを受講したので、レポートします。 ウェビナー情報 公式情報 概要 From insurance and banking to utilities, gaming to travel, Data Vault is gaining popularity across all industries as a methodology that claims to be the most agile and future-proof for connecting all of your data. Whether you work with complex data models or a plethora of data sources, achieving the potential of your data despite mak
![[レポート] Data Vault Modelling on Snowflake #SnowflakeDB | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/049e0cb3fd75c4238c328b0ab80dbacbbad7becb/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2019%2F09%2Fsnowflake-logo-1200x630.png){kind=logo}
ILLUSTRATION BY SELMAN HOŞGÖR FOR ROLLING STONE. PHOTOGRAPHS IN ILLUSTRATION BY KEYSTONE/HULTON ARCHIVE/GETTY IMAGES; ART STREIBER/NBC/NBCU PHOTO BANK/GETTY IMAGES; KEVIN MAZUR/GETTY IMAGES; CBS/GETTY IMAGES; LARRY BUSACCA/GETTY IMAGES; FRANS SCHELLEKENS/REDFERNS/GETTY IMAGES; PAUL NATKIN/WIREIMAGE; DAVID CORIO/REDFERNS/GETTY IMAGES Illustration by Selman Hoşgör for Rolling Stone. Photographs in i
Ryan Dahl, Node.js Creator, Wants to Rebuild the Runtime of the Web
Photography: BRYAN DERBALLA Published February 9, 2023 In June 2018, Ryan Dahl took the stage at JSConf EU in Berlin, the largest nonprofit JavaScript conference in the world. Despite it being a high-profile event (and the fact that the majority of the 1,500 conference attendees had filed into this particular warehouse just to see him), Dahl wore a loose-fitting black T-shirt and jeans and kept th
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Everything I Know About Style Guides, Design Systems, and Component Libraries
他人の共感を集めるには希望のある失敗談を語るべし
Design APIs: The Evolution of Design Systems
Programming in Scala, Fifth Edition
Hatsune Miku Comes to Secret Lair
Javascript Framework Comparison: Vue, React and Angular
RecSys 2022 参加報告 | CyberAgent Developers Blog
【疑似科学のウラ】除草剤ラウンドアップ(グリホサート)批判の裏側を調べてみた
Why Everyone on the Internet Uses Lowercase Spelling
Software Engineering - The Soft Parts
Visual Studio Code November 2019
Infinite Scrolling: When to Use It, When to Avoid It
Don’t use custom CSS scrollbars
Opinion | The Olympics Are On! But Why? (Published 2021)
Git's database internals V: scalability
How SPA architectures affect Core Web Vitals | Articles | web.dev
If you die in the game, you die in real life.
Definitely Typed: The Movie | johnnyreilly
Sialis 60mg order cheap. Where to Buy Tadalafil Free Shipping - Ask Lesko and Friends
Go Toトラベルキャンペーンでお得なセール！人気の旅行会社ベスト5を調査した結果を公開
The Jamstack with Next.js and Prisma
The State of Competitive Machine Learning | ML Contests
The Return of the 90s Web
The 200 Greatest Singers of All Time