3 - ナビゲーションの概要

📖 タスクの概要

新しいモジュールを開くと、3つのパネルが表示されます。このタスクでは、それらのパネルを簡単にレビューし、詳細を学ぶために参照すべきドキュメントのリンクを提供します。

🔨 タスクの説明

1. モジュールの左パネルには、折りたたみ可能なアイコンのリストが表示されます。リストには4つのアイコンがあります：overview、layouts、variables、およびmodule settings。

   • Overview は、さまざまなウィジェットが含まれるメインページです
   • layouts の下には、header、page、および section などのメインキャンバスのレイヤーがあります。
   • layouts の下には variables のアイコンがあります。variables のアイコンをクリックすると、現在は空ですが、このセクションでは、ワークショップモジュール内でデータをロードして移動するために作成する変数を整理します。
   • 最後に、module settings のアイコンがあり、これにより、このコースの後半で設定するモジュール固有の設定にアクセスできます。

   

2. 中央のナビゲーションエリアには、アプリケーション自体が含まれています。中央エリアのすぐ上に、ページ要素を追加したり移動したりするオプションがあります。

3. モジュール内で選択された要素の設定オプションが、右側のパネルに常に表示されます。

📚 推薦文献（～15分読み）

このチュートリアルでアプリケーションを構築することで、Workshop編集のこれらの機能をより快適に使いこなせるようになります。構築する前に、以下のドキュメントリンクを読んで、使用する基本的なビルディングブロックを理解しておきましょう。

• Layouts は、モジュールの1つ以上のセクションをフレーム化します。
• Widgets は、Workshopモジュールのユーザーインターフェースの基本的な構成要素です。
• Variables は、Objectsのデータ、フィルタリングロジック、および選択がWorkshopモジュール全体でどのように制御されるかを制御します。
• Events は、ユーザーが特定の操作を行ったときに指定された動作をトリガーします。