クイズ形式でTabUIの理解を深めよう

TabUIの基本的な解説については、以下の動画とマテリアルデザインのドキュメントをご覧ください〜！

この動画では以下のことと合わせてHIGについても解説することで、マテリアルデザイン的な"TabUI"についてと、HIG的な解釈も合わせて触れます。
比較を通してより理解することができると思います。

解説編の動画はこちら
https://youtu.be/X_QFgX6VxX4

‍

‍

クイズ

‍

‍

ドキュメント

□ Part1の動画でも使ったNotion（メンバー限定）
https://takumikai.notion.site/5-Tab-UI-23c4f028047341aea3209c5ed7ba448d?pvs=4

‍

□ マテリアルデザイン

MD3
https://m3.material.io/components/tabs/guidelines

MD2
https://m2.material.io/components/tabs#usage

‍

HIG

セグメントコントロール
https://developer.apple.com/jp/design/human-interface-guidelines/segmented-controls

HIG: タブビュー
https://developer.apple.com/jp/design/human-interface-guidelines/tab-views

‍

‍

‍

‍

クイズ形式でTabUIの理解を深めよう

TabUIの基本的な解説については、以下の動画とマテリアルデザインのドキュメントをご覧ください〜！

この動画では以下のことと合わせてHIGについても解説することで、マテリアルデザイン的な"TabUI"についてと、HIG的な解釈も合わせて触れます。
比較を通してより理解することができると思います。

解説編の動画はこちら
https://youtu.be/X_QFgX6VxX4

‍

‍

クイズ

‍

‍

ドキュメント

□ Part1の動画でも使ったNotion（メンバー限定）
https://takumikai.notion.site/5-Tab-UI-23c4f028047341aea3209c5ed7ba448d?pvs=4

‍

□ マテリアルデザイン

MD3
https://m3.material.io/components/tabs/guidelines

MD2
https://m2.material.io/components/tabs#usage

‍

HIG

セグメントコントロール
https://developer.apple.com/jp/design/human-interface-guidelines/segmented-controls

HIG: タブビュー
https://developer.apple.com/jp/design/human-interface-guidelines/tab-views

‍

‍

‍

‍

‍

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

1. Item 1
2. Item 2
3. Item 3

Unordered list

• Item A
• Item B
• Item C

Text link

Bold text

Emphasis

^Superscript

_Subscript

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

1. Item 1
2. Item 2
3. Item 3

Unordered list

• Item A
• Item B
• Item C

Text link

Bold text

Emphasis

^Superscript

_Subscript