miyabisan2の記事一覧
-
08.18
サイトディレクション
原則1サイトにつき一つの目的とする 採用したい。 資料請求させたい。 集客したい。 別事業の案内をしたい。 目的は具体的な行動まで落とし込むこと 採用サイトであれば結局何をさせるサイトなのか。(カ…
-
08.17
マーケティングオートメーション
HubSpot マーケティング機能(コンテンツ管理、顧客管理、SEO、メール、分析など)を統合したクラウドシステム。 機能が統合されてクライアントが使いやすくなった。 …
-
08.16
Skeleton
こういう感じのUI データ読み込み中に「最終的なコンテンツの形」を灰色のプレースホルダーで先に見せるUI UXで大きいのは、「レイアウトシフト」を抑えられること。(画面がガクッと行く現象) Radixでは用意さ…
-
08.16
Command Palette
Ctrl + Kで開くUIが多い。(chatgptとかもそう。) Escで閉じる。 従来の検索窓に比べて、データだけじゃなく「操作、機能」まで検索ができる。(しかも早い。) VSCode、Githubで一般的だ…
-
08.16
アイコンライブラリ
アグリゲーター型 複数のアイコンセット統合、いろんなテイストを混ぜたい場合に使う。 react-icons Iconify キュレーション型 統一感あるデザイン。 Lucide shadcn/…
-
08.16
Dropdown Menu、Select
Dropdown Menu 選択したものが選ばれるわけじゃない。次のアクションのトリガーになるだけ。 selectと違いフォームに投げない。 中にさらにチェックボックスなど状態や機能も持たせることができる。 …
-
インフォメーションアイコンとかをクリックしたときに使い分ける。 Tooltip ちょっとした吹き出し。 Popover 吹き出しに、ボタンとかリンクとか追加したい場合。Tooltipの強化版。 …
-
08.16
React UIライブラリの歴史
2015年 MUIが登場 2018年 テーマなどアプリケーションの設計思想まで提供する時代になった。 MUI Chakura UI Emotion stlyed-component The…
-
[crayon-6a85f27020b25319539633/] メリット モーダルに属する部品だと関係性を示せること。 …
-
08.15
パブリング
子要素で起きたイベント(clickなど)を親で拾うこと。onclickも対象だし、addEventListenerも対象。 ユースケース 大量の子要素の商品があったときに何かしらまとめたい場合。 [crayon-6a85…
