メインコンテンツにスキップ

インタラクティビティ

より豊かなユーザーインタラクションを可能にするAPI

We're highlighting up-and-coming features or libraries we think you should know about.

Feature Highlight: popover attribute (Popover API)

The Popover API is “Newly Available” as of this year, meaning it's now supported in all four major browsers. Which makes this the perfect time to learn how it can help you get rid of hacky JavaScript code, and replace it with a nice declarative API!

Baseline: Newly Available

Learn more

Interactivity Experience & Sentiment

There is huge demand for simple but customizable, declarative primitives for common things, as evidenced by the large proportion of positive sentiment for every single HTML feature in this category.

グループ化:

ソート基準:

1
インタラクティビティ
65.5%
19.9%
13.9%
5,155
2
インタラクティビティ
52.8%
35.2%
11.5%
5,124
3
インタラクティビティ
22.9%
30.1%
46.6%
5,111
4
インタラクティビティ
20.6%
47.6%
31.4%
5,098
5
インタラクティビティ
19.7%
22.4%
57.2%
5,076
6
インタラクティビティ
12.8%
26%
60.7%
5,109
7
インタラクティビティ
6.4%
18.8%
74.5%
5,084
8
インタラクティビティ
6.3%
18.8%
74.5%
5,059
9
インタラクティビティ
5.9%
33.2%
60.7%
5,077
10
インタラクティビティ
3.7%
22.8%
73.3%
5,071

Experience

  • <span aria-hidden="true">🤓</span> 使ったことがある: Respondents who have used an item.
  • <span aria-hidden="true">👀</span> 知っている: Respondents who have heard about an item, but haven't used it.
  • <span aria-hidden="true">🤷</span> 知らない: Respondents who have never heard about an item.

Sentiment

  • Positive: Respondents who are interested in learning more about a technology; or are willing to use it again.
  • Neutral: Responents who did not indicate any sentiment about a technology.
  • Negative: Respondents who are not interested in learning more about a technology; or have used it and had a negative experience.

インタラクティビティの問題点

The large proportion of browser support issues mentioned here sends a clear message: “we love all these new features you've given us–now make them work everywhere so we can actually use them!”.

動的なHTML変更に関してどのような問題を抱えていますか?
Multiple
Top pain point topics overall.

View:

Items that are not one of “limitations
0%
20%
40%
60%
80%
100%
1
Browser support
2
2
DOM APIs
3
3
Accessibility
1
4
-2
5
Reliance on JavaScript
+3
6
-2
7
Ecosystem issues
1
8
events
9
Content
1
10
Declarative APIs
1
11
Focus management
+2
12
13
Cognitive overload
2
14
Performance
+9
15
State management
-3
16
Styling & customization
1
-11
17
Reactivity
2
18
19
1
20
Education
1
21
tooltips
22
Top Layer
23
Reliability
24
25
26
その他の回答
0%
20%
40%
60%
80%
100%
回答数に占める割合(%)

おすすめのリソース

The DOM
Brian Holt
Databricks

The DOM

Brian discusses the DOM (document object model) as where JavaScript, HTML, and CSS interact. The DOM represents the page so that programs can change the document structure, style, and content.
パートナーのサポートに感謝しています! 詳細をみる。