一覧Catalog
カードではミニプレビューと要点だけを見せ、詳しい違い・AI依頼文・実装メモは右パネルに寄せています。
Cards stay lightweight. Detailed differences, AI prompts, and implementation notes live in the detail panel.
名前が分かるだけで終わらない。似たUIの違い、向いている場面、AIへの依頼文、実装メモまで一画面で確認できるUI辞典のHTMLモックです。 More than a naming dictionary. This mock shows pattern differences, good and bad use cases, AI prompts, and implementation notes in one screen.
仕様書どおり、このツールは知識そのものではなく作業効率に課金します。モックでは導線だけ見せ、保存・3件以上比較・詳細依頼文・実装の落とし穴一覧は Pro 扱いとして表現しています。 As specified, the paid tier sells workflow speed rather than raw knowledge. This mock exposes the teaser and keeps saved sets, 3+ comparisons, full prompts, and deeper implementation notes as Pro.
一覧・検索・曖昧語サジェスト・詳細パネル・比較トレイ・お気に入り・JP/EN切替という、UI Atlas の主要挙動を1ファイルで確認できます。It demonstrates the main UI Atlas flows in one file: search, fuzzy suggestions, detail panel, compare tray, favorites, and JP/EN switching.
仕様書どおり、PCでは左フィルタ・中央一覧・右詳細の流れが比較と学習を同時に行いやすいためです。タブレット以下では全幅詳細に落ちます。The spec favors a left-filter / center-grid / right-detail layout on desktop because it supports browsing and understanding at the same time. On smaller screens it collapses into a full-width detail view.
使えます。検索データには別名と曖昧語を持たせてあり、「下から出る」「FAQみたいなやつ」のような言い方でも候補を返します。Yes. Search uses aliases and fuzzy phrases, so queries like “slides up from the bottom” or “FAQ-like thing” can still find a match.
このモックや Niche Works の辞典シリーズが役に立ちそうなら、開発継続のためのご支援をいただけると嬉しいです。 If this mock or the Niche Works reference tools look useful, support helps keep the series maintained.