メンバーシップ

\\ 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

すべてのマガジンを表示
  • 商品画像

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

    タムシン・ピッケラル
  • www.youtube.com

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

\\ uto-usui //

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

\\ uto-usui //

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

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

\\ uto-usui…

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

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

\\ uto-usui…