Reactでコンポート構築する際に意識してる４つのこと

この記事で話すこと 宣言的UIの構築をシンプルなプロセスを経て理解することで、react入門・初心者が状態管理に怯えて手が動かなくなる状態を脱却することを目的にしています。 まず複雑な状態管理を考え出す前に、そもそも宣言的UIの構築プロセスを頭の中に置いて状態を整理する☺️ 宣言的UIの構築をフォームコンポーネン…

商品一覧ページにおけるページネーションの代替案

無限ローディングや「さらに表示」ボタンを採用することで、商品の読み込み時にスムーズなインタラクションを提供することができる。 Alternatives to Pagination on Product-Listing Pages by Kate Moran on March 6, 2022 最近、従来のページネーションコントロールをやめて、インタラクションコストを少し下げること…

今さら聞けないビジュアルリグレッションテストをChromaticで始める – Sansan Tech Blog

Bill One Entry*1グループの秋山です。 1. はじめに 2010年代前半に登場したReactやVue.jsに代表される宣言的UI実装は、大規模なSPAの構築を可能にしました。その一方、フロントエンド領域に新たなアーキテクチャが導入されたことで、それまでWebアプリケーション開発で定石とされたテスト手法を適用しづらいケースが増…

新しいビューポートの単位（sv*、lv*、dv*） | フロントエンドBlog | ミツエーリンクス

ミツエーリンクスでは全社的にInterop 2022の重点分野について調査をしています。 今回はその中から「新しいビューポートの単位」について紹介します。 ビューポートとは ビューポートはWebページを表示するための領域で、ブラウザウィンドウからアドレスバーなどのUIを除いた部分になります。 ビューポートの単位とは …

インクリメンタルなプロダクトのUI構築戦略

腹筋しろよです。デザイナーをしています。横内（a.k.a 腹筋ローラーの力を信じろ）です。Twitterもやっています→@yesod_yoko。 本記事は、ラクスさんのUI/UXデザイナーLT会 – vol.8会で発表したスライドを再構成しています。 筆者はデザイナーとフロントエンドエンジニアを兼任している前提でお読みください。 UIコンポ…

大規模サービスのUIデザインを管理する工夫｜たまい｜note

2022年7月27日(木)にFigma Japan Community Event「Figmaの活用策をシェアしよう！」でLTを行いましたので、その発表内容を公開します。 以下、書き起こし内容です👇 たまい（@tmi_1064）です。現在はクックパッドにてレシピサービスアプリの体験設計・UIデザインに取り組んでいます。 クックパッドのデザイン体制現在ク…

商用利用無料、UIデザイン用のSVGアイコンが1000種類以上！ 改変・再配布も可の太っ腹ライセンス- MingCute Icon

WebサイトやスマホアプリのさまざまなUIデザインに適した、シンプルなデザインのSVGアイコンが完全無料で利用できるMingCute Iconを紹介します。 アイコンは小さいサイズでもくっきり見えるようにデザインされており、SVGだけでなく、Webフォントも揃っています。 MingCute Icon MingCute Icon -GitHub MingCute Iconの…