style-dictionary を使ってフロントエンドで利用しやすいデザイントークンを生成する
tl;dr このレポジトリ から .style-dictionary の中身を持ってきて npm run build を実行してください yaml で書けて、 JSDoc がついた branded-type なデザイントークンがコード生成されます デザイントークンとは デザインシステムを構成する要素のひとつで、 UI における見た目の 各属性値 を共通化するためにトークンとして定義したものです。コンポーネントに適用された カラーコード や 余白 、 フォントサイズ などCSS のスタイルの値などが具体的なデザイントークンです デザインシステムの中でも、デザイントークンはハードルが低く（値の一覧を棚卸してトークンにするだけ）、また導入した場合の実効性が高いため（実装者、デザイン共に値を少なく管理しやすくしたいという要望がある）、とりあえず導入してみるだけでも効果があります デザインシステムに
忘れられないQuickfix
quickfixは、かしこくて、いつもみんなにたよりにされています。 こまっている友だちは、だれでも、きっと助けてあげるのです。 編集を加速するVimのquickfix機能 - daisuzu's notes vimgrepとQuickfix知らないVimmerはちょっとこっち来い - yuku_t@Qiita Vim初心者のQuickfixによる検索・置換入門 それに、たいへん年をとっていて、知らないバグはないというぐらい、安定していました。 quickfix.c - vim v1.14 @ Nov 2, 1991 [1] quickfixは、死ぬことをおそれてはいません。 死んでquickfixがなくなっても、historyはのこることを知っていたからです。 だから、前のように検索結果が消えてなくなっても、くよくよしたりしませんでした。 quickfixって辿れる getqflist(
パスワード変更でもPC初期化でも無効化できない 受信トレイの“悪意のあるルール”の脅威が顕在化
悪意のあるルールは、パスワードを変更しても有効なまま 攻撃者は、ターゲットのメールアカウントを侵害すると、自動的に受信トレイのルール（以下、メールルール）を設定するという。これは、メールルールを利用して情報や金銭を盗んだり、セキュリティツールなどからのアラートの発見を遅らせたりするのが目的だ。外部転送などの機能を使って、被害者や被害者の組織に関する情報を収集し、さらなる悪用や作戦の一部として利用するケースもあるという。 関連記事 サイバーセキュリティの知識と注意力が試される？ 悲喜こもごもの○×クイズ「UCSQ 2023」レポート サイバーセキュリティの知識をオンラインとオフラインで競い合うクイズイベント「アルティメットサイバーセキュリティ」が開催されました。245人が競い合ったイベントではどのような戦いが繰り広げられたのか、取材しました。 34％の組織は生成AIリスク軽減のためのセキュリ
Next.js+yjs+BlockNoteでGoogle Docs+Notionのような共同編集エディタを作ろう
サークルで制作してるアプリに、共同編集できるエディタを実装したいという話が上がり調査したところ Notionライクなテキストエディタ「BlockNote」 yjsという良さげなデータ構造のライブラリ を組み合わせたらいい感じに動作したので記事にしました。 yjsとは Yjs is a modular framework for syncing things in real-time - like editors! yjsはCRDT(a conflict-free replicated data type)を実装した競合しないデータ構造を扱えるフレームワークです。 分散コンピューティングに特化したデータ構造で、リアルタイムな共同編集などに用いることができ、マージの競合なしにデータを伝えることができます。 BlockNoteとは おしゃれなテキストエディターです。 Notionのようにカスタム
夫の死伝えず提供精子で妊娠 法の想定外、医院「重大な違反」指摘：朝日新聞デジタル
","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"
第784回 Sniffnetやbandwhichでネットワークの流量と宛先を簡単に確認する | gihyo.jp
本連載を読むような人なら、インターネットはある種の生命線になっていることでしょう。普段から様々なネットワーク通信ソフトウェアにお世話になっているはずです。ある日突然、通信が遅くなった、何かが負荷をかけているかもしれない、今回はそんな状況を気軽に調べられるRust製のGUIアプリケーション「Sniffnet」とCLIツール「bandwhich」について紹介します。 Rust製の高速なネットワークモニタリングツールであるSniffnet ネットワークに接続されたコンピューター上のソフトウェアは、日々何らかのマシンと通信を行っていることが一般的です。特にデスクトップマシンなら、ソフトウェアのアップデートやDHCPによるアドレスの確保、arp/neighに対する応答などなど、ユーザーが「何もしていなくても」、なにがしかの通信は行われています。 これはコンピューターでの作業中も同じで、何気なくブ
Debianはいかにして現在のDebianになったのか ―古参メンテナーが語る“Debian the way it is“ | gihyo.jp
Linux Daily Topics Debianはいかにして現在のDebianになったのか ―古参メンテナーが語る“Debian the way it is“ 1993年にかのIan Murdockが最初の「Debian Manifesto」を起草してから30年が経過したDebianプロジェクトは、世界でも有数の巨大オープンソースプロジェクトでもある。そしてDebianにはほかのLinuxディストリビューションやオープンソースソフトウェアでは見かけない、一見“奇妙”なルールや慣習があるのも事実だ。なぜDebianはそんなスタイルを取っているのか ―そんな世間からの疑問に対し、Debianプロジェクトに1996年から参加する古参メンテナー Lars Wirzeniusが自身のブログでDebianがいまのDebianとなった理由を語っている。 Why is Debian the way
Android 14でRustがカバーする範囲が広がりました | gihyo.jp
Googleは、Android 13に続き、Android 14でハードウェアに近いレベルの開発（ベアメタル環境）でもC/C++からRustへの切り替えを行なっており、この取り組みをGoogle Security Blogで公開しています。 Google Online Security Blog: Bare-metal Rust in Android どうしてRustなのか？ OSのカーネル外で実行されるようなモジュールは、歴史的な経緯もありC/C++が用いられて開発されています。筆者の古い感覚では、ハードウェア層に近い開発は、いまだCを使うという意識があります。いやいや「アセンブラでしょ」という強者もいるかと思いますが… Cの言語特性をご存知であれば、実行速度や自由度の面で優れているが、メモリ管理はプログラマ任せなのは承知のとおりです。よって、ウェブアプリ開発で使われる言語と比較すると、
MisskeyのUI設計 | gihyo.jp
本連載は分散型マイクロブログ用ソフトウェアMisskeyの開発に関する紹介と、関連するWeb技術について解説しています。 今回はMisskeyのWebクライアント（Misskey Web）におけるUIデザインの工夫や各種コンポーネントについて紹介します。 なお、「デザイン」という語は設計という意味と、見た目・意匠という意味がありますが、この記事ではどちらも含みます。 Misskey Webの設計思想 Misskey Webの設計思想として、「デスクトップでもモバイルデバイスでも同じように使えるようにする」というのがあります。 “同じように使える”とは、機能や使い勝手といった面でもそうなのですが、コンポーネント（UIを構成する個々のパーツ）レベルの話も含んでいます。 現在はこのような設計思想で開発していますが、Misskey初期の頃は、デスクトップ版Webクライアントとモバイルデバイス
警察庁が言う“ノーウェアランサム”とは何か？ 新たな攻撃が生まれた背景を探る
警察庁は2023年9月21日、「令和5年上半期におけるサイバー空間をめぐる脅威の情勢等について」というレポートを公開しました。ハクティビストの実行が疑われるDDoS攻撃や増え続けるクレジットカード不正、ランサムウェア攻撃の現状などサイバー空間を巡る情勢が詳細に解説されています。 そして、このレポートの中で登場した言葉がSNSなどでちょっとした注目を集めています。それは「ノーウェアランサム」です。本稿は、レポート内で“新たな手法”として紹介されているこの攻撃に迫ります。 新手の攻撃？ “ノーウェアランサム”とは何か 企業や団体におけるランサムウェア被害ですが、2023年上半期において警察庁に報告があった件数は103件で、2022年以降高い水準で推移しています。数字だけに注目すると若干の減少傾向にあるようにも見えますが、これはあくまで報告があった件数であること、また攻撃側も攻撃対象を絞ってきて
RaspberryPi を安定運用させる - Qiita
はじめに しまねソフト研究開発センター（略称 ITOC）にいます、東です。 教育用ワンボードマイコンとして販売されている Raspberry Pi （以下ラズパイ）は、教育用のみならず実験用、産業用とさまざまな分野で使われつつあります。一方、マイクロSDカードをメインストレージに使用している事や、OSがクライアントPCよりの設定にしてある事などから、長期安定運用には向かない面も存在します。 このレポートでは、OSや稼働させるソフトウェアの設定など、できるだけ簡易に再現可能な方法により、可能な限りラズパイを安定して長期運用させることを狙います。また、その題材として、デジタルサイネージ(*)を作ってみます。 私は、2000年ごろからフラッシュメモリを使ったFA機器の開発を皮切りに、10年ほど前からは民生用フラッシュメモリ（CF,SD,USBメモリ）を起動デバイスとした機器を開発・運用していまし
Webアプリ版Photoshopを実現させた最新Web技術をGoogleが紹介。WebAssemblyのスレッドによる高速化、ストリーミングコンパイル、Web Componentsなど
Webアプリ版Photoshopを実現させた最新Web技術をGoogleが紹介。WebAssemblyのスレッドによる高速化、ストリーミングコンパイル、Web Componentsなど Photoshopは画像の作成や加工といった専門的な用途を目的に、長年にわたって作り込まれた代表的なデスクトップソフトウェアの1つと言えます。 プロフェッショナルな用途を満たす膨大な画像処理の機能を細かく作り込まれたユーザーインターフェイスから操作し、画像の変形や加工、フィルタリングなどの大量の複雑な演算処理が実行されるなど、Webアプリケーションへの移植を難しくする要素が満載です。 それらの困難を克服し、Photoshop Webではデスクトップ版Photoshopでよく使われる一般的な機能を、類似のユーザーインターフェイスでWebに実装し、商用サービスとして提供することに成功しました。 Photosho
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Style Dictionary - Style once, use everywhere. A build system for creating cross-platform styles.
「Snapdragon X Elite」は第13世代Coreより2倍高速でApple M2よりマルチスレッドで50%高速なPC向けSoC