オブジェクトを思いどおりの場所に表示させることこそ、CSS の真価が発揮されるところです。文字列変数（css_1、css_2、css_3）として読み込まれた 3 つの CSS の例が用意されています。各内容はコンソールに出力できます。
css_1
css_2
css_3
これらのうち、あるオブジェクトがこの CSS を持っていると、別の要素の横に表示されるのはどれですか？
この演習はコースの一部です
理論を実践に変える、インタラクティブな演習のひとつをお試しください
Dash で Plotly を次のレベルへ。Plotly のおさらいをしたら、最初の Dash アプリ作成にすぐ取りかかります。続いて HTML の基礎を体験し、Dash がこの重要な Web 開発言語を活用して大規模な Dash アプリの構造をどのように組み立てるかを学びます。最後に、これらを組み合わせて、グローバルな e コマース組織向けの複数グラフを備えた最初のダッシュボードを作成します。
HTML と CSS を使って Dash アプリ内の要素を自在にコントロールしましょう。各技術の役割と、現代の Web 開発の核となる理由を学び、その強力な機能を Dash アプリに取り入れて、オブジェクトのサイズ・色・配置を変更できるようになります。
現在の演習
インタラクティブなコンポーネントを使いこなし、Dash アプリをユーザー主導の体験へと進化させます。ドロップダウン、日付ピッカー、自由入力フィールドを組み込み、アプリ上の要素を動的に変更できるようにして、ユーザーが自分で探索できる本格的なセルフサービス型ダッシュボードを構築します。
あるグラフのクリックやホバーをきっかけに、別のグラフを更新することで、Dash アプリのインタラクティビティを最大限に引き出します。さらに、Dash の AG Grid モジュールの基礎を学び、フィルタ・ソート・ページネーションが容易なテーブルを作成し、他のグラフの変化もトリガーできるようにします。
