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

ウィジェット

  • 商品画像

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

    タムシン・ピッケラル

記事一覧

日記 2024.09.30 あ、ブラックで大丈夫。

日記 2024.09.29 いつもの

日記 2024.09.28 今までの優勝で一番うれしい

日記 2024.09.27 Fellow Ode Brew Grinder Gen2

日記 2024.09.26 まじでありがとう

日記 2024.09.25 それが思い出になるなら

noteで大きい画像が表示できるようになったらしいから見てみよう

🍳半熟なデザインシステムを育てていく - noteの事例あれこれ振り返り

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

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

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

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

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

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

日記 2022.09 野球と親孝行

投資メモ 2022.09

日記 2024.09.30 あ、ブラックで大丈夫。

妹がオーストラリアに旅立った。母親と旦那さんとおじいちゃんで見送った動画が送られてきた。旅立ちは旅でなくて、あんまり帰ってくることもないつもりの旅立ちらしい。 7つ年下で身体も小さかったから、いつまでも幼いように感じてしまうけれど、このあいだの秋分の日、里帰りでみんなでカフェに入ったら、妹がブラックコーヒーを飲んでいて、おとなだった。ブラックを飲んでる大人を、おとなって感じたの、はじめてなんだけど。 ぼくだけがちゃんとケーキまで食べてた。いつもおじいちゃんをうまく誘い出し

日記 2024.09.29 いつもの

いつものカフェで3人でモーニング。天気がよければだいたいここに来て、いつものパンケーキといつものコーヒー。っていうルーティンを組んでるほかのご家庭もおおいみたいで、いつもの家族も。 ちしろと同世代などんどん大きくなってくあの子と、おなじ小学校になったりするのかなとか。いつもと同じように、ちしろと妻には先に出発してもらって、ぼくはいつもの居残り勉強。 夜は、ふたりで。誕生日写真用のセットアップが届いたから開封、その袋の方に興味があるみたいだったから、ささっとタグを切ってクロ

日記 2024.09.28 今までの優勝で一番うれしい

ちしろが「ゴミ収集車ない」「ゴミ収集車かう」って最近よく言うから、買いものに付き合った。吉祥寺のキディランドに向かって、小さいのと大きいのがあって大きい収集車を選んだ。 同じ階の隣のフロアがジュンク堂の絵本コーナーになっていて、ここがちょっと前に改装というか模様替えというか、広々スペースになって、座ってゆっくりできるようになってて。そこで、ちしろが次々選んでくる絵本を読んでいく作業。 なんか文字をたまに読めているふしがあって、内容を覚えてて先読みしてくれるパターンもあるん

日記 2024.09.27 Fellow Ode Brew Grinder Gen2

1ヶ月に1回はやってくる、寝かしつけ失敗デーだった。終始ごねるわけでなく、ただただテンションが異常に高い。飲み会お楽しみでしたね状態。つねに熱量を持ってふざけてくるから、こっちも呆れ笑いから始まってふつうに爆笑してたり。 楽しませるの、すきなんだね。続けてほしいよ。 Fellowのグラインダ(Ode Brew Grinder Gen2)を買ってしばらく経った。これがすばらしいので叫びたい。いままではTimemoreのC3を使ってて、これも買ったときは、するする挽けちゃう心

日記 2024.09.26 まじでありがとう

きょうのちしろの新しいことばは「ゆうとくん、うどんつくってくれて、まじでありがとう」だった。「まじ?」って聞き返すと「まあじでありがとう」ってにやにやしてたから、ふたりでにやにやした。 なんか書くことを探そう、みたいなラジオなノリで外に出てみたら、おもしろいくらいなにもなかった。改札からドバッと人が溢れてきて散り散りに、そのまま各々のバスに吸い込まれて運ばれていった。23時のすこし前、まだギリギリ深夜料金じゃない時間の熱気と冷気。 夏が終わった感の夜風が気持ちよくて、夜風

日記 2024.09.25 それが思い出になるなら

今月のはじめくらいから、ちしろが未来とか過去の話をするようになった。 「かいだん、おちた」「いたいいたいなった」「くすり、ぬろー」 「くら寿司、いった」「たまごとー、うどんとー、エビとー、たべた」「おいしかった」 「奈良、いった」「でんしゃのってー、しんかんせんのってー、のぞみのってー、おべんとたべてー、ねんねしてー、おきてー」「たのしかった」 「東急いく」「爽健美茶かうー」「バナナかうー」「抱っこして!」 みたいなの。 「あれが楽しかった」「これが怖かった」って

noteで大きい画像が表示できるようになったらしいから見てみよう

ということで、手元にある大きめのjpgを投稿してみます。

🍳半熟なデザインシステムを育てていく - noteの事例あれこれ振り返り

先日開催された「半熟デザインシステム vol.1」に、note社から登壇させていただきました。たくさんの方にご参加していただけて、とてもありがたかったです!オフライン開催ならではの、リアルな取り組みや悩みについてディスカッションできて、登壇しながらもとても勉強になりました。 今回はそのなかでお話しした、noteのデザインシステムの取り組みについて、内容を振り返りつつ、補足できるポイントも合わせてのまとめです。 イベント全体がまとまったレポートは、こちらの記事に書いていただ

最近(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⚾️ 贔屓の野球チームのポストシーズン進出が消滅した。今年はいい話題がたくさんあったのに、成績はいまいち振るわない。なかなかに心苦しい雰囲気のシーズンだった。野球は人気なスポーツだから、辛辣な声もおおいけれど、チームの雰囲気が悪い感じはあまりなくて、楽しんでプレーしてる様子

固定された記事

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

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

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

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

日記 2022.09 野球と親孝行

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

投資メモ 2022.09

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