\\ uto-usui //

UX Engineer @ note inc. /a11y+DesignSystem/Songwriter/Win 👑 ACC AWARDS Finalist, FWA FOTD/Ex. Condé Nast 🇯🇵 -WIRED,VOGUE,GQ/Fav 🐈🎸📸☕️🍷📻

\\ uto-usui //

UX Engineer @ note inc. /a11y+DesignSystem/Songwriter/Win 👑 ACC AWARDS Finalist, FWA FOTD/Ex. Condé Nast 🇯🇵 -WIRED,VOGUE,GQ/Fav 🐈🎸📸☕️🍷📻

メンバーシップに加入する

手帳にささっと書きそうなことを書いていきます。 メモとか日記とか書きとめるところがないなあって思っていて。 猫と医師とエンジニアの暮らしのはなしとか、作ったもののこととか、むかしばなしとか。

  • メモのプラン📝

  • 猫のプラン🐈 🐈‍⬛

    ¥222 / 月

リンク

マガジン

  • noteエンジニアチーム 公式マガジン

    • 402本

    noteエンジニアの技術記事をまとめたマガジン。さらに技術記事を読みたい方はこちら→ https://engineerteam.note.jp/

  • コミュニケーションデザイン知見まとめ

    • 111本

    コミュニケーションデザイン・イラスト・リブランディングなどの知見をまとめていくマガジンです。noteではプロダクトデザイナーを募集しています→https://open.talentio.com/r/1/c/note/pages/34186

  • プロダクトデザイン知見まとめ

    • 93本

    プロダクトデザイン・UI/UX・UXライティングなどの知見をまとめていくマガジンです!noteではプロダクトデザイナーを募集しています→https://open.talentio.com/r/1/c/note/pages/34186

  • DesignOps知見まとめ

    • 72本

    DesignOpsや、組織・カルチャー・マネジメントなどの知見を幅広くまとめていくマガジンです。noteではプロダクトデザイナーを募集しています→https://open.talentio.com/r/1/c/note/pages/34186

  • UXライティング知見まとめ

    • 44本

    UXライティングの知見をまとめていくマガジンです。 noteではプロダクトデザイナーを募集しています→https://open.talentio.com/r/1/c/note/pages/34186

ウィジェット

  • 商品画像

    世界で一番美しい猫の図鑑

    タムシン・ピッケラル

記事一覧

最近(2023末ごろまで)のCSS世界で気になるまとめ

PRベースのビジュアルリグレッションテストをStorybookとPlaywrightで実装する noteUIDev#3

Playwrightでスクショを自動保存してマスターデータの代替する noteUIDev#2

日記 2022.10 いのちは続くよどこまでも

最近(2023末ごろまで)のCSS世界で気になるまとめ

この記事はnote株式会社 Advent Calendar 2023の6日目の記事です。 ぼくはUXエンジニアとして、デザインシステム構築やアクセシビリティ向上などなど、組織横断的なUX課題を頑張ろうということで活動しています🐈‍⬛ 最近(2020~)のCSSを知りたい最近(と言うか昨今というか20年代)CSSのキャッチアップをしっかりできてないなーということで、断片的に見かけた情報や、そういえばあれどうだったけ..というのを集めつつ、フロントエンドチームの勉強会に持ち込

PRベースのビジュアルリグレッションテストをStorybookとPlaywrightで実装する noteUIDev#3

前回はPlaywrightでスクリーンショットを撮ってアーカイブする話をしました。 今回はPlaywrightのスクショ撮影を、Storybookに登録したStoryにおこなって、ビジュアルリグレッションテスト(VRT)をPull Request(PR)に対して実行して、コメントとして変更を通知する話です。 はじめに新しい機能の追加や既存のコードのリファクタリングなど、開発の過程でUIに予期しない副作用が発生することがあります。VRTはそういった副作用のうち見た目上の変化

Playwrightでスクショを自動保存してマスターデータの代替する noteUIDev#2

前回はFigmaでDesign Tokenを抽出する話を書きましたが、 今回は、UXエンジニアとしてプロダクトの課題解決に取り組んだ話です。 マスターデータがないnoteのデザインチームではFigmaでデザインデータを管理しています。デザイナーはそれぞれの施策をひとつのFigmaプロジェクトで作業して、4半期ごとに新しく作り変えています。施策ごとにそれぞれがページを作っていくので、手が入ったページやセクションのみがそのFigmaファイルに残されている状態になっています。

日記 2022.10 いのちは続くよどこまでも

嵐のように日々が過ぎていく、どこかそういうわけでもなくて、噛み締めてるあいだに時間に取り残されている感じだ。それにしても規則的なリズムで息子が動物らしく過ごしていて、いのちを感じる。 2022.10.01⚾️ 贔屓の野球チームのポストシーズン進出が消滅した。今年はいい話題がたくさんあったのに、成績はいまいち振るわない。なかなかに心苦しい雰囲気のシーズンだった。野球は人気なスポーツだから、辛辣な声もおおいけれど、チームの雰囲気が悪い感じはあまりなくて、楽しんでプレーしてる様子