【HarmonyOS Next開発の旅】ArkTSベースの開発（3）→JS互換のWeb開発（4）→共通コンポーネント（1）

Listコンポーネントは、同じ幅の項目のリストを表示するために使用され、連続したデータの提示に適しています。Listコンポーネントを作成するには、pages/indexディレクトリのhtmlファイルにそれを追加し、CSSでスタイルを設定します。Listコンポーネントには、ListItemやListItemGroupなどのサブコンポーネントがあり、リストのグループ化機能を実装するために使用できます。scrollbarプロパティをONに設定すると、画面右側にスクロールバーが生成されます。indexerプロパティを設定すると、リストの右端にインデックスバーが表示されます。Listコンポーネントは、groupcollapseおよびgroupexpandイベントを使用してリストの折りたたみと展開もサポートしています。シナリオ例では、Listコンポーネントはアルファベット順のインデックスに基づいて連絡先を検索するために使用されます。Dialogコンポーネントはカスタムポップアップウィンドウを作成するために使用され、Buttonコンポーネントによってトリガーされます。Dialogコンポーネントは、一部の属性とスタイルのみをサポートし、動的な更新やfocusable、click-effect属性はサポートしていません。最後に、Formコンポーネントは、Inputコンポーネントの内容の送信とリセットをサポートするフォームコンテナであり、さまざまな属性とイベントを使用してスタイル設定とカスタマイズが可能です。