\\ uto-usui //

UX Engineer @ note inc. /a11y+DesignSystem/…

\\ uto-usui //

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

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

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

  • メモのプラン📝

  • 猫のプラン🐈 🐈‍⬛

    ¥222 / 月

リンク

マガジン

  • アクセシビリティ知見まとめ

    • 71本

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

  • デザイナー採用知見まとめ

    • 29本

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

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

    • 74本

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

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

    • 69本

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

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

    • 21本

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

ウィジェット

  • 商品画像

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

    タムシン・ピッケラル

最近の記事

  • 固定された記事

note上場に寄せて、そして父になる。

本日 note 株式会社が上場し、VI リニューアルを行いました。ささやかですが、カラーやロゴの変更で作業に関わらせてもらいました。ますますこれから頑張っていきたいきもちです。 そんなお祭りの片隅で、個人的なドラマがあったので、息子に手紙として書いておきたいなと。 _ _ 2018年春、代官山のシェアオフィスで作業してたぼくは、渋谷からの坂道の箸休めに蔦屋によく寄り道していた。デザインや web 系の本を手に取ってコーヒーを飲みながらページをめくっていると、目線の先に、

    • 最近(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ファイルに残されている状態になっています。

        • 固定された記事

        note上場に寄せて、そして父になる。

        マガジン

        • アクセシビリティ知見まとめ
          71本
        • デザイナー採用知見まとめ
          29本
        • プロダクトデザイン知見まとめ
          74本
        • コミュニケーションデザイン知見まとめ
          69本
        • UXライティング知見まとめ
          21本
        • noteエンジニアチーム 公式マガジン
          307本

        メンバーシップ

        • 日記

          この投稿を見るには 「猫のプラン🐈 🐈‍⬛」で参加する必要があります
        • メモの更新状況

          この投稿を見るには 「メモのプラン📝」か「猫のプラン🐈 🐈‍⬛」で参加する必要があります
        • コーヒーの記憶

          この投稿を見るには メンバーになる必要があります
        • 冷蔵庫を新調するメモ

        • 日記

          この投稿を見るには 「猫のプラン🐈 🐈‍⬛」で参加する必要があります
        • メモの更新状況

          この投稿を見るには 「メモのプラン📝」か「猫のプラン🐈 🐈‍⬛」で参加する必要があります
        • コーヒーの記憶

          この投稿を見るには メンバーになる必要があります
        • 冷蔵庫を新調するメモ

        メンバー特典記事

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

          「猫のプラン🐈 🐈‍⬛」に参加すると最後まで読めます

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

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

          日記 2022.09 野球と親孝行

          「猫のプラン🐈 🐈‍⬛」に参加すると最後まで読めます

          日記 2022.09 野球と親孝行

          投資メモ 2022.09

          「猫のプラン🐈 🐈‍⬛」他に参加すると最後まで読めます

          2022.09の投資とか運用とか経済とかまとめながら、メモを取って置くところ。 2022.09.01ドル円が140円にタッチした、21世紀最高価格、勢いは141円までは頑張りそうな雰囲気。日銀的には賃金上昇率3%いくまではこのままでOKらしい。日本は賃金上昇率1.5%でアメリカは7.6%だから、今のインフレは円安で物価が上がってて景気が良くて上がってるわけじゃないから、ひとまず円安は許容しておこうというノリ。黒田総裁の任期終了までこのムードは変わらないなあと思っていたけど、

          投資メモ 2022.09

          日記 2022.08 midjourny とあそぶ

          「猫のプラン🐈 🐈‍⬛」に参加すると最後まで読めます

          日記 2022.08 midjourny とあそぶ

          どうしても繊細になってしまうときのメモ

          「猫のプラン🐈 🐈‍⬛」他に参加すると最後まで読めます

          生きづらいなあ..と思うポイントでもあって、繊細になってしまうポイントに気づいたら書き残しておくところ。 会話の冒頭でなんて言ったかわからないけれど、話を聞いていればなんとなく文脈で理解できるかなと思って、そのまま聞いてみたけど、完全に迷子になるとき急に話しかけられたときにちゃんと聞き取るのがちょっと苦手で、小学校くらいのときにちょっと病院に連れて行かれたこともあるんだけど、え?なんて?ってさって言えないときに、その後の文脈とか表情とかジェスチャーで判断するぞ!と思うのに集

          どうしても繊細になってしまうときのメモ

          投資メモ 2022.08

          「猫のプラン🐈 🐈‍⬛」他に参加すると最後まで読めます

          投資とか運用とか経済とかまとめながら、メモを取って置くところ。

          投資メモ 2022.08

        記事

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

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

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

          Figmaからさまざまなカラートークンを生成して最高の色世界を保守する noteUIDev#1

          この記事は、Figma 開発 Advent Calendar 2022 の17日目の記事です。 こんにちは 🐈 ぼくは CDO 室直下のデザインシステムプロジェクトで、コンポーネントライブラリ開発をしている UX エンジニアです。デザインと実装を繋いで、一貫性のある体験を提供することをテーマ取り組んでいます。これから少しづつ日々のチームでの開発 note を書いていきますので、お時間あればお付き合いください◎ _ _ これはデザイナーが把握している色世界を、実装側にい

          Figmaからさまざまなカラートークンを生成して最高の色世界を保守する noteUIDev#1

          日記 2022.09 野球と親孝行

          この記事はメンバーシップに加入すると読めます

          日記 2022.09 野球と親孝行

          メンバーシップ限定

          投資メモ 2022.09

          2022.09の投資とか運用とか経済とかまとめながら、メモを取って置くところ。 2022.09.01ドル円が140円にタッチした、21世紀最高価格、勢いは141円までは頑張りそうな雰囲気。日銀的には賃金上昇率3%いくまではこのままでOKらしい。日本は賃金上昇率1.5%でアメリカは7.6%だから、今のインフレは円安で物価が上がってて景気が良くて上がってるわけじゃないから、ひとまず円安は許容しておこうというノリ。黒田総裁の任期終了までこのムードは変わらないなあと思っていたけど、

          投資メモ 2022.09

          最高に快適な作業環境を整えるための、デスクまわり機器まとめ 2022夏

          先日 IT media さんで note メンバーのデスク風景が記事になりました。 あれって何使ってるの〜とちょこちょこ聞いてもらえたりするので、周辺機器をリストにしてみます。机の作り方やお気に入りポイントも書いてみたいけど、それはまたの機会に.. PC 周辺PC Apple MacBook Pro 16-inch M1 max 64GB Apple MacBook Pro 15-inch(Windows 10) Apple MacBook 13-inch(2019

          最高に快適な作業環境を整えるための、デスクまわり機器まとめ 2022夏

          日記 2022.08 midjourny とあそぶ

          この記事はメンバーシップに加入すると読めます

          日記 2022.08 midjourny とあそぶ

          メンバーシップ限定

          どうしても繊細になってしまうときのメモ

          生きづらいなあ..と思うポイントでもあって、繊細になってしまうポイントに気づいたら書き残しておくところ。 会話の冒頭でなんて言ったかわからないけれど、話を聞いていればなんとなく文脈で理解できるかなと思って、そのまま聞いてみたけど、完全に迷子になるとき急に話しかけられたときにちゃんと聞き取るのがちょっと苦手で、小学校くらいのときにちょっと病院に連れて行かれたこともあるんだけど、え?なんて?ってさって言えないときに、その後の文脈とか表情とかジェスチャーで判断するぞ!と思うのに集

          どうしても繊細になってしまうときのメモ

          投資メモ 2022.08

          投資とか運用とか経済とかまとめながら、メモを取って置くところ。

          投資メモ 2022.08

          じぶんの髪型のモデルチェンジで半生くらいの歴史を振り返ってみた

          仕事とか病気の盛り上がりとかでしばらく散髪に行くタイミングを逃してて、せっかく伸びたから次はどうしようかなとか妄想。そういえばこれまでどんなのが似合ってたのか振り返ってみようかなあとか思い、Google Photos のなかを探してみると15年前くらいまで見つかったので、当時のようすとかよく聞いていた音楽と合わせて、すこしエモい気持ちでプレイバック。 おわりに、ヘアケアグッズもまとめてみました。 200717歳の終わりくらいから高校の近くでひとり暮らしを初めて、料理やMa

          じぶんの髪型のモデルチェンジで半生くらいの歴史を振り返ってみた

          32歳エンジニアの今年買ってよかったもの 2021

          買ったものや、いただいたものたち。2021年は長い付き合いになりそうな、相棒的なアイテムをお迎えすることが多かったかもしれません。転職と引っ越しで逆に手放したものも少なくなかったような気がします。 去年『買ってよかったもの 2020』を書いたので、第2回です 🐈 ガジェット毎日使っていたいガジェットたちと今年も出会うことができました。 120点 / OTONA RANDSEL 003large(防水) チャコールグレー ぼくは高校生の頃からずっとリュックで過ごしている

          32歳エンジニアの今年買ってよかったもの 2021

          ラジオ好きがいつも聴いているおもしろいラジオとポッドキャストとYouTubeと2021

          2021年におもしろかった、いつも聴いてるラジオなどまとめ。こんな世界もあって、今年はポッドキャストが盛り上がってきた印象で、プロがたくさん参入してきて供給がたくさんで、追いかけて消費していくのが大変だったくらい。そんなことで新しい出会いもたくさんあり、それらの繋がりも感じたり、たのしい1年でした。 ラジオぼくが聴いているのは、ほとんどが芸人さんの深夜ラジオ。ラジオでおもしろい話をしなくちゃいけないから、自然と変なチョイスをしてしまう身体になっていく、そういう機微がリスナー

          ラジオ好きがいつも聴いているおもしろいラジオとポッドキャストとYouTubeと2021

          +14

          初雪散歩

          +13