説明
スキルの習熟度や根拠、関連リンクを表示するカードUIです。
使用技術
- Vue 3
- Tailwind CSS
デモ
デフォルト表示 (V1) 反映中
現在の状態 (Reactive State)
version:v1|
skill:{
"category": "frontend",
"subcategory": "framework",
"name": "Vue.js",
"level": 4,
"summary": "Vue 3 (Composition API) を用いた大規模なフロントエンド開発が可能です。",
"slug": "vuejs",
"evidence": [
{
"label": "OSS貢献",
"href": "https://github.com/vuejs"
}
]
}|
levelMax:5|
設計意図
スキル情報を構造化し、習熟度を視覚的に分かりやすく伝えるためのカードUIです。アクセシビリティに配慮したレベルメーターを搭載しています。
課題点・今後の展望
- スマートフォンの狭い画面でのレベルメーターの視認性
- 習熟度のラベル定義がコンポーネント内にハードコードされている