エンジニアのための Figma 知識
本記事の多くは Inspect モードを前提に解説しています。 下記に Dev Mode に対応した解説を書いてみたのであわせてご参照ください。 https://codezine.jp/article/detail/18000 エンジニアにデザインツールの知識・習熟は必要か？ しなくても仕事はできると思うのですが、あるとよりクオリティの高い仕事ができることは間違いありません。 という訳でエンジニアがエンジニアとしての仕事をしていく上で「Figma のこういうことを知っておくと良さそう」という知識をまとめてみました。 ユースケースを考える まず始めにデザインは作らないはずのエンジニアが Figma を使う時にどんなユースケースがありそうかを考えてみます。 デザインを元に実装する時 デザインから何かを生成したい時(コードとか画像とか) 自分でちょこっとデザイン修正しちゃう この辺りがあるかな〜
Audrey Tang joins me to talk about COVID-19, her career path, digital minister's job, forking the government, Sci-Fi and so on. Transcript of this episode is available at rebuild.fm/271 [0:00:00] today we have a very special guest joining in from Taiwan. She is the digital minister of Taiwan and a longtime friend of mine, Audrey Tang. Audrey, Welcome to the show. Welcome and it's really nice chatt
について論文が書かれ、著者の一人Hong Kong NguyenがProject Syndicateにその概要を寄稿している（H/T Mostly Economics）。以下はそこからの引用。 Perhaps most remarkably, unlike South Korea, which has spent considerable funds on aggressive testing, or Singapore, which has established strong epidemiological surveillance, Vietnam has followed a budget-friendly approach that has proven equally effective. Despite expectations of high rates of transm
2019-nCoVについてのメモとリンク
リンク集目次 国内外の状況 政府機関・国際機関等 学術情報 疫学論文 分子生物学／ウイルス学論文 臨床論文 インフォデミック関係 ワクチン関係 変異株関係 時系列メモ目次 新型コロナウイルス（2020年1月6日，11日） インペリグループによる患者数推定（2020年1月18日） 患者数急増，西浦さんたちの論文（2020年1月20日，23日） WHOはPHEIC宣言せず（2020年1月23-24日） 絶対リスクと相対リスク（2020年1月26日） 研究ラッシュが起こるかも（2020年1月27日） なぜ新感染症でなく指定感染症なのか？ なぜ厚労省令でなく閣議決定なのか？（2020年1月27日） コロナウイルスに対する個人防御（2020年1月27日） 国内ヒト＝ヒト感染発生（2020年1月28日） フォローアップセンター設置，緊急避難等（2020年1月29日） PHEICの宣言（2020年1月3
Understanding how Facebook disappeared from the Internet
This post is also available in 简体中文, Français, Deutsch, Italiano, 日本語, 한국어, Português, Español, Рyсский and 繁體中文. The Internet - A Network of Networks “Facebook can't be down, can it?”, we thought, for a second. Today at 15:51 UTC, we opened an internal incident entitled "Facebook DNS lookup returning SERVFAIL" because we were worried that something was wrong with our DNS resolver 1.1.1.1. But as
Go: A Documentary
Go: A Documentary by Changkun Ou <changkun.de> (and many inputs from contributors) This document collects many interesting (publicly observable) issues, discussions, proposals, CLs, and talks from the Go development process, which intends to offer a comprehensive reference of the Go history. Disclaimer Most of the texts are written as subjective understanding based on public sources Factual and ty
Bootstrap 5
The Bootstrap Blog News and announcements for all things Bootstrap, including new releases, Bootstrap Themes, and Bootstrap Icons. Bootstrap 5 has officially landed! After three alphas, three betas, and several months of hard work, we’re shipping the first stable release of our new major version. It’s been a wild ride made possible by our maintainers and the amazing community that uses and contrib
html10行、js no need、css (と画像少し) だけでこんなことができるコレクション - Qiita
動機 Webフロントエンド開発で役立つサービスまとめ#Codepen および CSS Art Resourcesを読んだ。Codepenは、 HTML、CSS、JavaScriptによるコード実行環境を提供するサービスです。このサービスの特徴の1として、CSSの作品がアートワークのように多く投稿されており、世界中のCSS職人による素晴らしいギャラリーを堪能することができます。その技術はもはや 変態 職人の域に達しているものが多く、より高いレベルのCSSを組みたい場合に勉強になるでしょう。 というもの。そんなCodepen の https://codepen.io/tag/css-animation から、 CSSだけでできるあんなことこんなこと に倣い、Html10行、js no need, cssだけでこんなことができるんだ、すっげー、という私の眼力だけで選出した。役に立つかは知らない。
_%25E3%2581%25AE%25E5%258E%259F%25E7%2590%2586%25E3%2581%25A8%25E6%2594%25BB%25E6%2592%2583%25E6%2589%258B%25E6%25B3%2595%25E3%2581%258A%25E3%2582%2588%25E3%2581%25B3%25E3%2581%259D%25E3%2581%25AE%25E5%25AE%259F%25E8%25A3%2585%25E3%2581%25AB%25E3%2581%25A4%25E3%2581%2584)
CSS Injection (+ Recursive Import) の原理と攻撃手法およびその実装について - Szarny.io
はじめに 注意 CSSiの原理と概要 クラシカルな手法 概要 動作デモ 実装 脆弱なWebアプリケーション(/classic/user/*) 攻撃用CSS生成スクリプト(/classic/attacker/exploit.py) 攻撃者用Webサーバ(/classic/attacker/server.py) Recursive Import を用いた手法 概要 CSSのインポートと攻撃の原理 攻撃フロー 動作デモ 実装 脆弱なWebアプリケーション(/recursive/user/*) 攻撃者用Webサーバ(/recursive/attacker/server.py) おわりに 参考文献 はじめに 本記事ではCSS Injection(以下，CSSi)について解説します． CSSiについて，その原理や攻撃手法の概要を示したあと，実際に攻撃環境を実装して，HTML上に存在する機密情報を窃取す
OpenAI API を使ったデザインからコード生成する Figma プラグイン - Gaudiy Tech Blog
こんにちは。ファンと共に時代を進める、Web3スタートアップのGaudiyに、6月からお試し入社する seya（@sekikazu01）と申します。 ここしばらく話題になっている、OpenAI が提供する ChatGPT を代表とした LLM。この記事では、そんな OpenAI の API を使って Figma からコード生成するプラグインを作ってみた過程を記していこうと思います。 先に背景をちょっとお伝えしますと、Gaudiy ではPSFに向けて、複数パターンのUI・機能を実際に提供しながら検証を回すことを予定しています。 すでに定義したコンポーネントはある程度使い回せるものの、ページ実装の試行回数の増加が見込まれる状況です。ここの作業効率化のために、コンポーネントをしっかり活用しながらも、ちょっといじればプロダクション利用可能な React コードを Figma から書き出すトライとし
こんにちは、NTT東日本の白鳥です。 AWSでネットワークを構築する際にBGPの設定が必要になるケースが出てくるかと思います。 なかにはハンズオンで出てきた設定をそのまま入れられる方もいらっしゃるかもしれません。 AWSを利用するためのBGPを少しでも理解が深まると幸いです。 ※本記事はBGPのすべてを理解することが目的ではなく、あくまでAWS利用時に必要となる部分に絞っています。 AWSのネットワーク設定においてBGPが出てくるシチュエーション AWSのネットワーク設定を行う中でもBGPの設定に出会うシチュエーションは大きく3つあります。 Direct Connect Transit Gateway Site-to-Site VPN たとえば、仮想プライベートゲートウェイを作成するときに、こんな設定項目を見たことがあるかと思います。 BGPとは？BGPが必要になる背景 BGPはBorde
Building a dialog component Stay organized with collections Save and categorize content based on your preferences. A foundational overview of how to build color-adaptive, responsive, and accessible mini and mega modals with the <dialog> element. In this post I want to share my thoughts on how to build color-adaptive, responsive, and accessible mini and mega modals with the <dialog> element. Try th
Hi, I'm Sam — software engineer at Spot and the 2nd most active maintainer of Emotion, a widely-popular CSS-in-JS library for React. This post will delve into what originally attracted me to CSS-in-JS, and why I (along with the rest of the Spot team) have decided to shift away from it. We'll start with an overview of CSS-in-JS and give an overview of its pros & cons. Then, we'll do a deep dive int
4Gamer恒例企画，ゲーム業界著名人コメント集。157人が振り返る2019年と，2020年に向けた思い 編集部：荒井陽介 編集部：Igarashi 123456789→ 本日（2019年12月28日）は4Gamerの年内最終更新日。恒例となっているゲーム業界著名人の年末コメント集企画を今年もお届けしよう。今回は国内外から157人の方にご参加いただいた。 元号が平成から令和へと変わった2019年，ゲーム業界でも新時代の到来を感じさせる動きが目立った。 まず挙げるべきは次世代ゲーム機「PlayStation 5」「Xbox Series X」の発表だろう。ともにAMDのアーキテクチャを採用して8K解像度に対応し，2020年ホリデーシーズンに発売予定と，現時点では似たところが目立つ。それぞれの特徴がこれから明らかになる情報ででこまで見えてくるのか気になるところだ。 5G通信の普及を見据えて，ク
大阪Ruby会議03でHotwireを使ったモーダルUIを15分で作ってみました＆基調講演裏話 #osrb03 - give IT a try
はじめに 2023年9月9日に開催された大阪Ruby会議03で、基調講演（キーノート）を担当させてもらいました。 regional.rubykaigi.org 当日使った資料はこちらです。 発表のタイトルは"Enjoy Ruby programming, Enjoy Ruby community!"でした。 今回の基調講演ではちょっと攻めた取り組みとして、「Hotwireを使ったモーダルUIを15分で作る」というテーマでライブコーディングもしてみました。 www.youtube.com ライブコーディングには思わぬトラブル付きものですが、今回は何とかノートラブルで実装できました！ 時間も15分以内（たぶん12〜13分ぐらい？）に収まりました〜😄 基調講演をするにあたって意識したこと 今回、基調講演を担当するにあたって「IT系カンファレンスの基調講演はどういうものであるべきか」を自分なりに
大統領選の投票用紙は追跡できるのか、世界の終りとインテリジェンス・インボーランド - ネットロアをめぐる冒険
マクルーハンの続きも書きたいんですが、今日は時流に乗ってアメリカ大統領選の話。まー、いろんな話がありすぎて、選び放題という感じなのですが、この話題。アノニマスポストなのは許してちょうだい。 篠原常一郎氏「C国で印刷した偽投票用紙がカナダ経由で大量にトラックで各地に運ばれていた。そのトラックは既に押さえられています」「実は本物の投票用紙にはGPSのチップが埋められていて、投棄された物はすぐに見つかります」 https://t.co/vHe0Du01J7 — アノニマス ポスト ニュースとネットの反応 (@anonymous_post2) 2020年11月6日 「投票用紙にはGPSのチップが埋められてい」るとのことで、バイデン氏が不正投票に関与した投票用紙はすぐに不正がばれてしまうだろう、というようなお話になっています。 なかなか、ネットロア的に面白い流れだと思ったので、このお話のあれこれを検
デザイントークンって何？｜seya
「デザイントークン」 最近はよく使われている言葉だと思うのですが、意外と日本語での情報がないのでまとめてみました。 W3C の定義実はデザイントークンには W3C という標準化団体でのワーキンググループがあります。 これが絶対の定義と思う必要はないと思いますが、共通の定義としては便利だと思うので引用するとこの W3C では Design tokens are indivisible pieces of a design system such as colors, spacing, typography scale. 訳: デザイントークンとは、色、スペーシング、タイポグラフィのスケールなど、デザインシステムを構成する不可分なピースのことです。 Design Tokens W3C Community Group https://github.com/design-tokens/commun
Google AI chief Jeff Dean interview: Machine learning trends in 2020
Google AI chief Jeff Dean speaks with members of the AI community and press at the I/O developer conference on May 8, 2018. At the Neural Information Processing Systems (NeurIPS) conference this week in Vancouver, Canada, machine learning took center stage as 13,000 researchers explored things like neuroscience, how to interpret neural network outputs, and how AI can help solve big real-world prob
I first got into web design/development in the late 90s, and only as I type this sentence do I realize how long ago that was. And boy, it was horrendous. I mean, being able to make stuff and put it online where other people could see it was pretty slick, but we did not have very much to work with. I’ve been taking for granted that most folks doing web stuff still remember those days, or at least t
Australian Border Force Website
The Australian Border Force acknowledges the Traditional Custodians of Country throughout Australia and their continuing connection to land, sea and community. We pay our respects to all Aboriginal and Torres Strait Islander peoples, their cultures and to their elders past, present and emerging.
はじめに みなさん こんにちは。 はじめまして ネクストモード株式会社の柳です。 今年7月の会社設立と同時にインテグレーション事業部にJOINし、主にAWSのコンサル／設計構築／保守運用業務などに携わっています。得意なジャンルはネットワーク全般です。何よりも猫が好きなので、ペンネームはnekoです。 早速ですが、今回 AWS Direct Connect の Public接続環境を構築する機会がありましたので、ご紹介したいと思います。 ネットワーク構成 今回の接続構成は以下のようになっています。 構成を補足しますと、拠点側回線はフレッツ光を使っていますが、今回はインターネットを利用しないシーンを想定しています（ISP網は通らずにNGNから直接AWSに接続する構成） NGNからAWSに接続するために、NTT東日本の法人向けサービス「フレッツ・キャスト」を介して、EquinixのDCへ専用線に
Reverend Sun Myung Moon gestures dramatically as he speaks at New York's Madison Square Garden. His chief associate, Col. Bo Hi Park, right, translates from Korean to English.Bettmann Archive/Getty Images It was 11.29 a.m. beneath pewter skies in Japan’s southern city of Nara when Shinzo Abe was handed the microphone. The nation’s former prime minister, wearing a navy blue jacket and crisp white s
Elon Musk’s Shadow Rule
“We are living off his good graces,” a Pentagon official said of Musk’s role in the war in Ukraine. “That sucks.”Photo illustration by Matt Chase; Source photographs from Getty; Shutterstock Last October, Colin Kahl, then the Under-Secretary of Defense for Policy at the Pentagon, sat in a hotel in Paris and prepared to make a call to avert disaster in Ukraine. A staffer handed him an iPhone—in par
Boldly link where no one has linked before: Text Fragments Stay organized with collections Save and categorize content based on your preferences. Text Fragments let you specify a text snippet in the URL fragment. When navigating to a URL with such a text fragment, the browser can emphasize and/or bring it to the user's attention. Fragment Identifiers Chrome 80 was a big release. It contained a num
GitHub Copilot と JetBrains IDE について このガイドでは、JetBrains IDE で GitHub Copilot からコーディングの提案を取得する方法について説明します。 その他の一般的なコーディング環境の説明を確認するには、ページの上部にあるツール スイッチャーを使います。 このガイドの例では Java を使用していますが、他の言語も同様に機能します。 GitHub Copilot は、多数の言語とさまざまなフレームワークに対する候補を提示しますが、特に Python、JavaScript、TypeScript、Ruby、Go、C#、C++ に適しています。 GitHub Copilot は、データベースのクエリ生成や、API とフレームワークの候補の生成にも役立ちますし、コード開発としてインフラストラクチャを構築することもできます。 前提条件 Cop
みなさま、こんにちは🐰 株式会社Rabeeでデザイナーをしているkoppiです🐝 2023年6月頃に登場したFigmaのvariables(バリアブル)、なんだか難しそうで尻込みしていましたが、挑戦してみました。 今回はColorについて、手探りながら分かったことをここにまとめます。 variablesって聞いたことあるけど、何ができるの？ Figmaでどうやって設定するの？ という疑問をお持ちの、まだvariablesに触れたことのない方向けの内容になっています。 variables(変数)ってなに？ある値(カラーコードやサイズなど)を箱に入れて、名前をつけたものです。 これを使うと、何度も同じ色やサイズを使うときに、簡単に一度に変更できるようになります。 variableのイメージvariablesで管理できる4つのタイプ今回はColorについて取り上げますが、variablesで
![[Figma]variablesの使い方-Color-｜koppi](https://cdn-ak-scissors.b.st-hatena.com/image/square/7887fa501c1209f95d6058efd1f820703510eb36/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F145053186%2Frectangle_large_type_2_8bbc091e3094ad5d252e85b08b41fd52.png%3Ffit%3Dbounds%26quality%3D85%26width%3D1280)
Our latest perspectives on the coronavirus outbreak, the twin threats to lives and livelihoods, and how organizations can prepare for the next normal. COVID-19: Briefing note #100, April 13, 2022 As COVID-19 becomes endemic in much of the world, we turn our focus to sustainable and inclusive growth. On March 2, 2020, just over a week before a global pandemic was declared, we published COVID-19: Br
Version 1.93 is now available! Read about the new features and fixes from August. February 2021 (version 1.54) Update 1.54.1: The update addresses an issue with an extension dependency. Update 1.54.2: The update addresses these issues. Update 1.54.3: The update addresses this issue. Downloads: Windows: x64 Arm64 | Mac: Universal Intel silicon | Linux: deb rpm tarball Arm snap Welcome to the Februa
Version 1.89 is now available! Read about the new features and fixes from April. October 2019 (version 1.40) Update 1.40.1: The update addresses these issues. Update 1.40.2: The update addresses these issues. Downloads: Windows: x64 | Mac: Intel | Linux: deb rpm tarball snap Welcome to the October 2019 release of Visual Studio Code. As announced in the October iteration plan, we focused on houseke
DevRel Guide by Rohit Ghumare Istio Guru by Rohit Ghumare BabyAgi.txt by Nicholas Dobos Take Code Captures by oscaramos.dev Diffusion Master by RUSLAN LICHENKO YT transcriber by gpt.swyx.io 科技文章翻译 by Junmin Liu genz 4 meme by ChatGPT Math Mentor by ChatGPT Interview Coach by Danny Graziosi The Negotiator by ChatGPT Sous Chef by ChatGPT Tech Support Advisor by ChatGPT Sticker Whiz by ChatGPT Obscri
Jeanine Cummins"American Dirt"炎上騒動の時系列と覚え書き - 真っ白な館
【2020/08/16 全体的に記述が足りなかったところを追記】 2020年1月21日に発売されたJeanine Cumminsの小説"American Dirt"をご存じだろうか。麻薬カルテルによって新聞記者の夫を含めた家族をほとんど殺された女性が、子どもと2人でアメリカに不法入国で逃げ出そうとする話。日本ではジャニーン・カミンズ『夕陽の道を北へゆけ』として2020年2月に早川書房から翻訳出版されている。 この作品、アメリカでは初版50万部を突破し、スティーヴン・キングやマイケル・クライトン、ドン・ウィンズロウが大絶賛するベストセラーになった一方、「白人作家の著者がメキシコ移民をネタに書いたトラウマポルノだ」ということで結構な炎上騒ぎに発展した。 この概要だけ聞くとうんざりする人は少なからずいると思う……が、Twitterで創元SF短編賞宮内悠介賞受賞作家の千葉集先生a.k.a.ネマノさ
Version 1.88 is now available! Read about the new features and fixes from March. July 2022 (version 1.70) Update 1.70.1: The update addresses these issues. Update 1.70.2: The update addresses these issues. Update 1.70.3: This update is only available for Windows 7 users and is the last release supporting Windows 7. Downloads: Windows: x64 Arm64 | Mac: Universal Intel silicon | Linux: deb rpm tarba
はじめにこのnoteで紹介するカラーシステム設計プロセスは、多くの人にとってはやりすぎで、役に立たない場合も多いです。 既存のカラーシステムやカラーシステムジェネレイターを利用するのが、最短かつ最適ルートだと思います。 デザインシステムやカラーシステムは「プロダクトのためのプロダクト」なので、とある事業における一つの解である、という前提で読んでください。 今もまだ多くの課題を抱えたものではありますが、イベントなど様々な場面でカラーパレットに興味を持っていただける機会が多かったため、自分が知らない誰かの知見に助けられたように、微力ながらコミュニティに貢献するべく、未完の状態でお見せすることにしました。 Framework by Figma登壇資料 後でFigma Communityにも掲載します シチュエーションにおける最適解繰り返しますが、今回説明するような煩雑で、複雑で、面倒な、プロセス
This post is also available in 简体中文, 繁體中文, Français, Español, 日本語, Deutsch and 한국어. IntroductionOn June 27, 2024, a small number of users globally may have noticed that 1.1.1.1 was unreachable or degraded. The root cause was a mix of BGP (Border Gateway Protocol) hijacking and a route leak. Cloudflare was an early adopter of Resource Public Key Infrastructure (RPKI) for route origin validation (RO
デザインシステムとは？ 簡単にいうと、デザインシステムは、デザインに関することを体系化・構造化したものです。 具体的には、デザインの目的・原則やデザインの基準を定めるVIガイドライン、UIパターンやコンポーネント、ライブラリなどの再利用できるものが含まれます。 そのため、デザインシステムを導入することで、 1つのプロダクトで、200色の白が存在すること や 見た目、機能が同じものを何個も存在することがなくなるため、 大規模なプロダクトやサービスをチームで開発・運用していくのが効率的になります。 また、デザインとコードの両方で一貫性のある見た目にもできるため、 デザインの苦手なエンジニアでも、簡単に、デザインの意図に沿ったUIやクオリティの担保されたUIを作成することができます。 知っておきたいデザインシステム ○ 国内のデザインシステム 国内の企業・組織が公開しているデザインシステムを10
A complete guide to OCR using Pytesseract and OpenCV in 2024
Published: Feb 27, 2023 ● Updated: Jul 24, 2024 In this blog post, we will try to explain the technology behind the widely used Tesseract Engine, which was upgraded with the latest knowledge researched in optical character recognition. This article will also serve as a how-to guide/ tutorial on how to implement PDF OCR in python using the Tesseract engine. We will be walking through the following
Version 1.93 is now available! Read about the new features and fixes from August. September 2020 (version 1.50) Update 1.50.1: The update addresses these issues. Downloads: Windows: x64 Arm64 | Mac: Intel | Linux: deb rpm tarball Arm snap Welcome to the September 2020 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
How to improve Python packaging, or why fourteen tools are at least tw
There is an area of Python that many developers have problems with. This is an area that has seen many different solutions pop up over the years, with many different opinions, wars, and attempts to solve it. Many have complained about the packaging ecosystem and tools making their lives harder. Many beginners are confused about virtual environments. But does it have to be this way? Are the current
What the New York Times Missed: 71 More of the Best Books of the 21st Century
Susanna Clarke, Jonathan Strange & Mr. Norrell (2004) I should not have been surprised that the NYT list skewed heavily away from genre fiction—but missing Susanna Clarke’s world-changing doorstopper of a debut is a particular head-scratcher. On paper, the book still seems daunting in an almost comical way: a Regency-era epic (with footnotes and extensive digressions on philosophy, magic, politics
Tier 4 Support § Support for these targets is entirely experimental. If this target is provided by LLVM, LLVM may have the target as an experimental target, which means that you need to use Zig-provided binaries for the target to be available, or build LLVM from source with special configure flags. zig targets will display the target if it is available. This target may be considered deprecated by
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Rebuild: 271: Monads Are Not Required for My Job (Audrey Tang)
ベトナムの低予算COVID-19対策の成功 - himaginary’s diary
AWS利用のためのBGPをざっくり理解する | DevelopersIO
Building a dialog component | Articles | web.dev
Why We're Breaking Up with CSS-in-JS
4Gamer恒例企画，ゲーム業界著名人コメント集。157人が振り返る2019年と，2020年に向けた思い
Old CSS, new CSS / fuzzy notepad
AWS Direct ConnectでPublic接続をやってみた | DevelopersIO
The Unification Church's Global Grasp for Power
Boldly link where no one has linked before: Text Fragments | Articles | web.dev
GitHub Copilot を使用して IDE でコードの提案を取得する - GitHub Docs
[Figma]variablesの使い方-Color-｜koppi
COVID-19: Implications for business
Visual Studio Code February 2021
Visual Studio Code October 2019
GitHub - linexjlin/GPTs: leaked prompts of GPTs
Visual Studio Code July 2022
IPの世界観に寄り添う、マルチブランドなカラーシステム設計論｜TORAJIRO
Cloudflare 1.1.1.1 incident on June 27, 2024
【デザインシステム】エンジニアが知っておきたいデザインシステム - Qiita
Visual Studio Code September 2020
0.8.0 Release Notes ⚡ The Zig Programming Language