インフラジスティックス・ジャパン株式会社Blogインフラジスティックス・ジャパン株式会社Blogインフラジスティックス・ジャパン株式会社のチームメンバーが技術トレンド、製品Tips、サポート情報からライセンス、日々の業務から感じることなど、さまざまなトピックについてお伝えするBlogです。Hatebuこんにちは!ソリューションコンサルタントの田上です。デザインを取り込んで、コード自動生成できる画期的なツールですが、使用する際の注意ポイントを理解しましょう。注意するポイントは下記です。インポートしたデザインを、コード自動生成する業務シナリオにおいて、効率的にツールの活用が進むと思います。UIキット」のデザインファイルとプラグインを使用します。コード自動生成が可能な3つのデザインファイル」が提供されていますので、ご自身のデザインテイストに合わせて、選択して活用します。提供しているナビゲーション、アイコン、ボタン、セレクト、ドロップダウン、リスト、チェックボックス、といった基本的なUIコンポーネントから、データグリッドやチャートなど複雑で高度な機能を有するUIコンポーネントまで豊富に揃っています。コード自動生成が可能になっています。プラグイン」を使用します。デザインをインポートできます。プラグインの使用方法は下記ブログをご一読ください。インポートした後の工程で発生する可能性がある注意すべきポイントも掲載しています。Components)」とも呼ばれる「ビルディングブロック」を使用して構築されます。基本コンポーネントは他のコンポーネントにネストされ、「最上位の親」コンポーネントとして機能します。これにより、バリエーションセットが大規模でも素早く変更が可能です。下図のように3つのバリエーションを持つコンポーネントがあるとします。このコンポーネントを「基本コンポーネント」と呼び、そのバリエーションセットを親セットとして「メインコンポーネント」フレームに配置しています。ビルディングブロックパネルの基本コンポーネントに対して視覚的プロパティ(位置、丸み、サイズ、パディング、テキストスタイルなど)を変更した場合に、その変更は基本コンポーネントからオーバーライドされた親セットの「メインコンポーネント」に一括適用されます。グローバルな変更は基本コンポーネントから行い、親セット間のデザイン一貫性を保持しています。アセットパネルから使用します。これらのコンポーネントには基本コンポーネントが含まれているため、再利用性が高いコンポーネントになっています。各コンポーネントにはキャンバスの右側にあるプロパティパネルで管理する様々なプロパティがあります。メインコンポーネント内にネストされたコンポーネントがある場合、複数のプロパティレイヤーが存在します。入力コンポーネントでは特定のシナリオに応じてプロパティを切り替えて状態や外観を変更できます。グローバルな変更は基本コンポーネントから行い、デザインの一貫性を保つことができます。特有の「ロックされたメタデータレイヤーと非表示のメタデータレイヤー」が含まれます。これらのレイヤーには、コンポーネントの状態、テンプレート、その他のプロパティのメタデータ記述が含まれています。デザイン変換やコード自動生成時に必要なため、削除や変更はしないように注意が必要です。コード自動生成に関する総合的な情報を掲載しています。コード自動生成を業務プロジェクトでスタートしたい方はご一読ください。インポートして、コード自動生成する場合の注意ポイントを紹介しました。コード自動生成に活用してください。アクセスして最新バージョンを入手してください。「どうやって実装すれば良いの?」といった開発上の疑問にソリューションコンサルタントが直接お答えします。まで、お気軽にお問合せください。ご意見ご要望を心よりお待ちしています。操作手順(よくあ...こんにちは!ソリューションコンサルタントの田上です。»Aboutインフラジスティックス・ジャパンのチームメンバーが技術トレンド、製品Tips、サポート情報からライセンス、日々の業務から感じることなど、さまざまなトピックについてお伝えするBlogです。Reserved引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。