メインコンテンツまでスキップ

コードモード

コードモードは、精密な制御を求める上級ユーザー向けです。常にオプションであり、テンプレートを作成するためにコードを書く必要は決してありません。

いつ使うか

ビジュアルキャンバスでは表現できないものが必要なとき、または構造を直接編集したいときにコードモードを使います。ほとんどのテンプレートではビジュアルデザイナーの方が速いです。

エディタ

コードモードは、フル機能の Monaco エディタ(VS Code を支えるエディタ)とコンパイル&プレビューループを提供し、編集中に変更がサンプルデータに対してレンダリングされる様子を確認できます。

ライブプレビュー付きのコードモードエディタ 一方に Monaco コードエディタ、もう一方にドキュメントのライブプレビュー。

ビジュアルとコードの切り替え

テンプレート構築中にビジュアルキャンバスとコードモードを行き来できます。保存ポイントはバージョンスナップショットとして記録されるため、実験は安全です。

上級者向け

コードモードは低レベルのテンプレート構造を公開します。期待どおりにレンダリングされない場合は、最後のスナップショットに戻して段階的に調整してください。