２．５　サンプルプロジェクト
		２．５．１　SMSYSとサンプルプロジェクトSMWC
			サンプルプロジェクトSMWSはコンポーネントとしてのSMSYSを利用リヨウすることにより、MAGICのソースにアクセスしてリポジトリ内容ナイヨウを表示ヒョウジするものです。
			コンポーネントSMSYSはプロジェクト解析カイセキ処理ショリ関連カンレンのプログラム、解析カイセキ結果ケッカデータを提供テイキョウしています。
				図ズ2.5.1-1 サンプルプロジェクトSMWCはコンポーネントにSMSYSを利用リヨウ
		２．５．２　サンプルプロジェクトSMWCのプロジェクト切キり替カえ方法ホウホウ
			サンプルプロジェクトSMWSはデータベースの設定セッテイから対象タイショウとなるプロジェクトを判定ハンテイします。
			対象タイショウとなるプロジェクトの指定シテイは下記カキのいずれかの手順テジュンで行オコナってください。
				・	実行ジッコウ版バンで切キり替カえる
				・	データベースの設定セッテイを変更ヘンコウする
			①実行ジッコウ版バンで切キり替カえる
				デスクトップに作成サクセイしたショートカットで楽々ラクラクウェブクライアントを起動キドウ
				「現在ゲンザイのプロジェクト」コンボボックスから対象タイショウとなるプロジェクトを選択センタクし表示ヒョウジされるダイアログに従シタガって再起動
				開発カイハツ版バンを再起動サイキドウしてプロジェクトSMWSを実行ジッコウ
			②データベースの設定セッテイを変更ヘンコウする
				開発カイハツ版バンを起動キドウ、もしくは開ヒラいているプロジェクトを閉トじ、データベースの設定セッテイを開ヒラく
				「SMSYSDB」のDB名メイ、データベースサーバの値アタイを書カき変カえる
				プロジェクトSMWSを開ヒラき、プロジェクト実行
		２．５．３　サンプルプロジェクト、デザイン例レイ
			サンプルプロジェクトのデザイン例レイを示シメします。
			初期値ショキチから変更ヘンコウした箇所カショのみ記載キサイしています。
			コントロル属性ゾクセイについては、コントロール一覧イチラン画面ガメンに表示ヒョウジされた結果ケッカのみ表示ヒョウジしています。（若干ジャッカン分ワかり辛ヅラいかもしれません）
			１）　Home／Repository
				図ズ2.5.3-1home画面ガメンのデザイン例レイ
				①	Home
					変換ヘンカンルール番号バンゴウ								１：ｶｰﾄﾞｸﾗｽ適用(通常)
					CARD情報設定セッテイ								タイトル：プロジェクト
					エリア別ベツルール設定セッテイ								エリア２を除外ジョガイ
					コントロール属性ゾクセイ
					№	ｺﾝﾄﾛｰﾙﾀｲﾌﾟ					項目		コントロール名					ｘ		ｙ		幅ハバ		高タカさ		設定値セッテイチ
					1	O=ｸﾞﾙｰﾌﾟ							Group1					12		12		301		108		del_border
					2	B=ﾗﾍﾞﾙ							Label1					21		30		74		14		col-md-3 col-form-label text-md-end me-2
					3	E=ｴﾃﾞｨｯﾄ					E		ProjectName					101		30		186		19		form-control mb-3/col-md-3
					4	P=ﾌﾟｯｼｭﾎﾞﾀﾝ					F		PB_LOGIN					23		71		72		21		btn btn-primary btn-sm/fa-user/(付加情報)
																										付加フカ情報ジョウホウで「要素の表示条件」を選択センタクし、下記カキを設定セッテイ
																										*ngIf="mg.getCustomProperty('Home','user')==0"
					5	U=ｻﾌﾞﾌｫｰﾑ							SF1					12		126		192		192		width: 100%;
				②	Repository
					変換ヘンカンルール番号バンゴウ								２：サンプル CARD変換
					CARD情報設定セッテイ								タイトル：リポジトリ
					テーブル高タカさ								200ｐｘ
					水平スイヘイスクロールバー								表示ヒョウジしない
					コントロール属性ゾクセイ
					№	ｺﾝﾄﾛｰﾙﾀｲﾌﾟ					項目		コントロール名					ｘ		ｙ		幅ハバ		高タカさ		設定値
					1	T=ﾃｰﾌﾞﾙ							Table3					22		37		240		150
					2	M=ｶﾗﾑ							Column4					0		0		23		0		d-block col-2
					3	M=ｶﾗﾑ							Column6					0		0		134		0		d-block col-5
					４	M=ｶﾗﾑ							Column8					0		0		38		0		d-none
					５	E=ｴﾃﾞｨｯﾄ					E		RT					26		59		12		19
					６	E=ｴﾃﾞｨｯﾄ					H		name					49		59		126		19		(付加情報)
																										付加フカ情報ジョウホウで「構文追加（後置）」を選択センタクし、下記カキを設定セッテイ
																										<span *ngIf="mg.getCustomProperty('name','count',row.rowId)!=0"
																										class="badge bg-success ms-3">
																										{{mg.getCustomProperty('name','count',row.rowId)}}
																										</span>
					７	E=ｴﾃﾞｨｯﾄ					F		CNT					183		59		30		19
			２）　Login
				図ズ2.5.3-2 ログイン画面ガメンのデザイン例レイ
				①	Login
					変換ヘンカンルール番号バンゴウ								１：ｶｰﾄﾞｸﾗｽ適用(通常)
					CARD情報設定セッテイ								タイトル：ログイン
													マージン：上ウエ3remに変更ヘンコウ
													マージン：下シタ3remに変更ヘンコウ
					コントロール属性ゾクセイ
					№	ｺﾝﾄﾛｰﾙﾀｲﾌﾟ					項目		コントロール名					ｘ		ｙ		幅ハバ		高タカさ		設定値
					1	O=ｸﾞﾙｰﾌﾟ							Group7					12		12		156		83		mb-3/del_border
					2	B=ﾗﾍﾞﾙ							Label3					31		27		32		14		col-md-3 col-form-label text-md-end me-1
					3	E=ｴﾃﾞｨｯﾄ					E		User					93		27		66		19		form-control mb-3/col-md-4
					４	B=ﾗﾍﾞﾙ							Label4					31		59		56		14		col-md-3 col-form-label text-md-end me-1
					５	E=ｴﾃﾞｨｯﾄ					F		Password					93		59		66		19		form-control/col-md-4
					６	P=ﾌﾟｯｼｭﾎﾞﾀﾝ					G		PB_Login					21		101		66		21		btn btn-primary col-md me-3/fa-check
					７	P=ﾌﾟｯｼｭﾎﾞﾀﾝ					H		PB_Cancel					93		101		66		21		btn btn-secondary col-md/fa-arrow-circle-left
			３）　ProgramList／ProgramTbl
				図ズ2.5.3-3 プログラム一覧イチラン画面ガメンのデザイン例レイ
				①	ProgramList
					変換ヘンカンルール番号バンゴウ								１：ｶｰﾄﾞｸﾗｽ適用(通常)
					CARD情報設定セッテイ								タイトル：プログラム
					エリア別ベツルール設定セッテイ								エリア２を除外ジョガイ
					コントロール属性ゾクセイ
					№	ｺﾝﾄﾛｰﾙﾀｲﾌﾟ					項目		コントロール名					ｘ		ｙ		幅ハバ		高タカさ		設定値
					1	O=ｸﾞﾙｰﾌﾟ							Group7					12		12		470		47		del_border
					2	B=ﾗﾍﾞﾙ							Label2					26		29		50		14		col-md-2 col-form-label text-md-end me-3
					3	E=ｴﾃﾞｨｯﾄ					E		LOCATION					82		29		36		19		form-control mb-3/col-md-2
					4	K=ﾁｪｯｸﾎﾞｯｸｽ					F		SEL_FOLDER					139		29		95		18		col-md-2/form-check form-check-inline me-3
					5	C=ｺﾝﾎﾞﾎﾞｯｸｽ					G		FOLDER					247		29		117		18		form-select mb-3/col-md-3
					6	P=ﾌﾟｯｼｭﾎﾞﾀﾝ					H		PB1					380		29		72		21		btn btn-primary col-md-2/fa-search
					7	U=ｻﾌﾞﾌｫｰﾑ							SF1					26		65		580		221		width: 100%;
				②	ProgramTbl
					変換ヘンカンルール番号バンゴウ								２：サンプル CARD変換
					テーブル高タカさ								300px
					水平スイヘイスクロールバー								表示ヒョウジしない
					コントロール属性ゾクセイ
					№	ｺﾝﾄﾛｰﾙﾀｲﾌﾟ					項目		コントロール名					ｘ		ｙ		幅ハバ		高タカさ		設定値
					1	T=ﾃｰﾌﾞﾙ							Table27					12		13		772		302
					2	M=ｶﾗﾑ							Column44					0		0		41		0		col-1
					3	M=ｶﾗﾑ							Column45					0		0		198		0		col-3
					4	M=ｶﾗﾑ							Column46					0		0		146		0		col-2
					5	M=ｶﾗﾑ							Column47					0		0		140		0		col-2
					6	M=ｶﾗﾑ							Column48					0		0		35		0		d-none
					7	M=ｶﾗﾑ							Column49					0		0		41		0		d-none
					8	M=ｶﾗﾑ							Column50					0		0		74		0		col-2
					9	M=ｶﾗﾑ							Column51					0		0		74		0		col-2
					10	E=ｴﾃﾞｨｯﾄ					L		PNO					16		35		35		19
					11	E=ｴﾃﾞｨｯﾄ					M		PNAME					57		35		196		19
					12	E=ｴﾃﾞｨｯﾄ					N		PFOLD					255		35		138		19
					13	E=ｴﾃﾞｨｯﾄ					O		PPUB					401		35		132		19
					14	K=ﾁｪｯｸﾎﾞｯｸｽ					P		PEXT					541		35		23		15
					15	K=ﾁｪｯｸﾎﾞｯｸｽ					Q		POFL					576		35		23		15
					16	E=ｴﾃﾞｨｯﾄ					R		UDATE					617		35		66		19
					17	E=ｴﾃﾞｨｯﾄ					S		UTIME					691		35		66		19		(付加情報)
																										付加フカ情報ジョウホウで「要素ヨウソの表示ヒョウジ条件ジョウケン」を選択センタクし、下記カキを設定セッテイ
																										*ngIf="mg.getCustomProperty('UDATE','IsEmpty',row.rowId)==''"
			４）　Program／ProgramTask／DataView／LogicView／FormList
				図ズ2.5.3-4 プログラム詳細ショウサイ画面ガメンのデザイン例レイ
				①	Program
					変換ヘンカンルール番号バンゴウ								１：ｶｰﾄﾞｸﾗｽ適用(通常)
					CARD情報設定セッテイ								タイトル：プログラム詳細ショウサイ
					エリア別ベツルール設定セッテイ								エリア２を除外ジョガイ
					コントロール属性ゾクセイ
					№	ｺﾝﾄﾛｰﾙﾀｲﾌﾟ					項目		コントロール名					ｘ		ｙ		幅ハバ		高タカさ		設定値
					1	O=ｸﾞﾙｰﾌﾟ							Group54					12		3		551		48		width: 100%;/del_border
					2	B=ﾗﾍﾞﾙ							LabelP					28		18		74		14		col-md-2 col-form-label text-md-end me-3
					3	E=ｴﾃﾞｨｯﾄ							PName					97		18		186		19		form-control mb-2/col-md-3
					4	C=ｺﾝﾎﾞﾎﾞｯｸｽ					O		Combo_box					289		18		167		18		form-select/col-md-3/size:3
					5	U=ｻﾌﾞﾌｫｰﾑ							SF1					12		57		551		279		width: 100%;
				②	ProgramTask
					変換ヘンカンルール番号バンゴウ								指定シテイなし
					CSS直接チョクセツ記述キジュツ								.tab_control { height: 380px;}													※評価ヒョウカ版バンでは「CSS直接記述」ボタンが使ツカえないのでCSSを直接チョクセツ編集ヘンシュウして下クダさい
					コントロール属性ゾクセイ
					№	ｺﾝﾄﾛｰﾙﾀｲﾌﾟ					項目		コントロール名					ｘ		ｙ		幅ハバ		高タカさ		設定値
					1	A=ﾀﾌﾞ					T		TAB					12		12		306		261
					2	U=ｻﾌﾞﾌｫｰﾑ							SF1					19		37		277		229		width: 100%;
					3	U=ｻﾌﾞﾌｫｰﾑ							SF2					19		37		277		226		width: 100%;
					4	U=ｻﾌﾞﾌｫｰﾑ							SF3					19		37		277		226		width: 100%;
				③	DataView
					変換ヘンカンルール番号バンゴウ								１：サンプル TABLE変換
					ヘッダ								非表示
				④	LogicView
					変換ヘンカンルール番号バンゴウ								１：サンプル TABLE変換
					ヘッダ								非表示
				⑤	FormList
					変換ヘンカンルール番号バンゴウ								１：サンプル TABLE変換
			５）　DataList／DataTbl
				図ズ2.5.3-5 データ一覧イチラン画面ガメンのデザイン例レイ
				①	DataList
					変換ヘンカンルール番号バンゴウ								１：ｶｰﾄﾞｸﾗｽ適用(通常)
					CARD情報設定セッテイ								タイトル：データ
					エリア別ベツルール設定セッテイ								エリア２を除外ジョガイ
					コントロール属性ゾクセイ								「ProgramList」からコピー
					№	ｺﾝﾄﾛｰﾙﾀｲﾌﾟ					項目		コントロール名					ｘ		ｙ		幅ハバ		高タカさ		設定値
					1	O=ｸﾞﾙｰﾌﾟ							Group7					12		12		470		47		del_border
					2	B=ﾗﾍﾞﾙ							Label2					26		29		50		14		col-md-2 col-form-label text-md-end me-3
					3	E=ｴﾃﾞｨｯﾄ					E		LOCATION					82		29		36		19		form-control mb-3/col-md-2
					4	K=ﾁｪｯｸﾎﾞｯｸｽ					F		SEL_FOLDER					139		29		95		18		col-md-2/form-check form-check-inline me-3
					5	C=ｺﾝﾎﾞﾎﾞｯｸｽ					G		FOLDER					247		29		117		18		form-select mb-3/col-md-3
					6	P=ﾌﾟｯｼｭﾎﾞﾀﾝ					I		PB1					380		29		72		21		btn btn-primary col-md-2/fa-search
					7	U=ｻﾌﾞﾌｫｰﾑ							SF1					26		65		580		221		width: 100%;
				②	DataTbl
					変換ヘンカンルール番号バンゴウ								２：サンプル CARD変換
					テーブル高タカさ								300ｐｘ
					水平スイヘイスクロールバー								表示ヒョウジしない
			６）　DataDetail／DataCol／DataIndex
					図ズ2.5.3-6 データ詳細ショウサイ画面ガメンのデザイン例レイ
				①	DataDetail
					変換ヘンカンルール番号バンゴウ								１：ｶｰﾄﾞｸﾗｽ適用(通常)
					CARD情報設定セッテイ								タイトル：データ詳細ショウサイ
					CSS直接チョクセツ記述キジュツ								.tab_control { height: 300px;}													※評価ヒョウカ版バンでは「CSS直接記述」ボタンが使ツカえないのでCSSを直接チョクセツ編集ヘンシュウして下クダさい
					コントロール属性ゾクセイ
					№	ｺﾝﾄﾛｰﾙﾀｲﾌﾟ					項目		コントロール名					ｘ		ｙ		幅ハバ		高タカさ		設定値
					1	O=ｸﾞﾙｰﾌﾟ							Group4					10		12		424		96		pb-2/del_border
					2	B=ﾗﾍﾞﾙ							Label6					19		31		50		14		col-md-2 col-form-label text-md-end me-2
					3	E=ｴﾃﾞｨｯﾄ					K		DNo					79		31		54		19		form-control mb-2/col-md-2
					4	B=ﾗﾍﾞﾙ							Label8					19		49		38		14		col-md-2 col-form-label text-md-end me-2
					5	E=ｴﾃﾞｨｯﾄ					L		DName					79		49		192		19		form-control mb-2/col-md-4
					6	B=ﾗﾍﾞﾙ							Label10					17		67		56		14		col-md-2 col-form-label text-md-end me-2
					7	E=ｴﾃﾞｨｯﾄ					M		DTName					79		67		192		19		form-control/col-md-4
					8	A=ﾀﾌﾞ					N		Tab1					12		114		426		270
					9	U=ｻﾌﾞﾌｫｰﾑ							SF1					19		139		412		238		width: 100%;
					10	U=ｻﾌﾞﾌｫｰﾑ							SF2					22		139		412		238		width: 100%;
				②	DataCol
					変換ヘンカンルール番号バンゴウ								１：サンプル TABLE変換
				③	DataIndex
					変換ヘンカンルール番号バンゴウ								１：サンプル TABLE変換
			７）　ModelList／ModelTbl
				図ズ2.5.3-7 モデル一覧イチラン画面ガメンのデザイン例レイ
				①	ModelList
					変換ヘンカンルール番号バンゴウ								１：ｶｰﾄﾞｸﾗｽ適用(通常)
					CARD情報設定セッテイ								タイトル：モデル
					エリア別ベツルール設定セッテイ								エリア２を除外ジョガイ
					コントロール属性ゾクセイ								「ProgramList」からコピー
					№	ｺﾝﾄﾛｰﾙﾀｲﾌﾟ					項目		コントロール名					ｘ		ｙ		幅ハバ		高タカさ		設定値
					1	O=ｸﾞﾙｰﾌﾟ							Group7					12		12		470		47		del_border
					2	B=ﾗﾍﾞﾙ							Label2					26		29		50		14		col-md-2 col-form-label text-md-end me-3
					3	E=ｴﾃﾞｨｯﾄ					E		LOCATION					82		29		36		19		form-control mb-3/col-md-2
					4	K=ﾁｪｯｸﾎﾞｯｸｽ					F		SEL_FOLDER					139		29		95		18		col-md-2/form-check form-check-inline me-3
					5	C=ｺﾝﾎﾞﾎﾞｯｸｽ					G		FOLDER					247		29		117		18		form-select mb-3/col-md-3
					6	P=ﾌﾟｯｼｭﾎﾞﾀﾝ					I		PB1					380		29		72		21		btn btn-primary col-md-2/fa-search
					7	U=ｻﾌﾞﾌｫｰﾑ							SF1					26		65		580		221		width: 100%;
				②	ModelTbl
					変換ヘンカンルール番号バンゴウ								２：サンプル CARD変換
					テーブル高タカさ								300px
					水平スイヘイスクロールバー								表示ヒョウジしない
			８）　ZoomButtonTest
				図ズ2.5.3-8a ズームボタンテスト画面ガメンのデザイン例レイ（幅ハバ768px以上イジョウ）
				図ズ2.5.3-8b ズームボタンテスト画面ガメンのデザイン例レイ（幅768px未満ミマン）
					変換ヘンカンルール番号バンゴウ								１：ｶｰﾄﾞｸﾗｽ適用(通常)
					CARD情報設定セッテイ								タイトル：プログラム照会
													説明文セツメイブン：プログラム番号を入力し「実行」ボタン（もしくは「Emter」キー）を押して下さい。
					コントロール属性ゾクセイ
					№	ｺﾝﾄﾛｰﾙﾀｲﾌﾟ					項目		コントロール名					ｘ		ｙ		幅ハバ		高タカさ		設定値
					1	O=ｸﾞﾙｰﾌﾟ							Group4					12		12		605		108		del_border
					2	B=ﾗﾍﾞﾙ							Label2					35		34		24		23		col-md-1 col-form-label text-md-end me-1
					3	E=ｴﾃﾞｨｯﾄ					E		V_PNO					67		34		89		23		form-control/fa-search-plus/col-md-4/zoombtn:btn-outline-secondary
					4	E=ｴﾃﾞｨｯﾄ					G		PName					162		34		308		23		form-control/col-md-4
					5	P=ﾌﾟｯｼｭﾎﾞﾀﾝ					L		PB1					476		34		72		23		btn btn-primary col-md-2
			９）　SelectProgram
				図ズ2.5.3-9 プログラム選択センタク画面ガメンのデザイン例レイ
					変換ヘンカンルール番号バンゴウ								８：サンプル CARD変換(ｵｰﾊﾞﾚｲ用)
					テーブル高タカさ								300ｐｘ
					水平スイヘイスクロールバー								表示ヒョウジしない
					ＴＳファイルの定義テイギ								モーダルウインドウ幅ハバ：450px
													モーダルウインドウ高タカさ：500px
													モーダルウインドウのタイトル：プログラム選択
			10）　GridTest
				図ズ2.5.3-10a グリッドテスト画面ガメンのデザイン例レイ（幅ハバ992px以上イジョウ）
				図ズ2.5.3-10b グリッドテスト画面ガメンのデザイン例レイ（幅ハバ992px未満ミマン）
					変換ヘンカンルール番号バンゴウ								７：サンプル CARD変換(ｸﾞﾘｯﾄﾞ利用)
					CARD情報設定セッテイ								タイトル：リポジトリ
					テーブル高タカさ								200ｐｘ
					水平スイヘイスクロールバー								表示ヒョウジしない
					コントロール属性ゾクセイ
					№	ｺﾝﾄﾛｰﾙﾀｲﾌﾟ					項目		コントロール名					ｘ		ｙ		幅ハバ		高タカさ		設定値
					1	T=ﾃｰﾌﾞﾙ							Tbl					22		28		29		303		order-last order-lg-first me-3/d-block col col-lg-2
					2	M=ｶﾗﾑ							Col1					0		0		23		0		d-block col-1 d-lg-none
					3	M=ｶﾗﾑ							Col2					0		0		134		0		d-block col-5 d-lg-none
					4	M=ｶﾗﾑ							Col3					0		0		46		0		d-block col-1 d-lg-none
					5	M=ｶﾗﾑ							Col4					0		0		94		0		d-none d-lg-block col-lg
					6	E=ｴﾃﾞｨｯﾄ					E		did					26		50		14		23
					7	E=ｴﾃﾞｨｯﾄ					F		name					49		50		126		23
					8	E=ｴﾃﾞｨｯﾄ					D		CNT					183		50		38		23
					9	E=ｴﾃﾞｨｯﾄ					G		shortname					229		50		86		23		(付加情報)
																										付加フカ情報ジョウホウで「構文追加コウブンツイカ（後アト置オ）」を選択センタクし、下記カキを設定セッテイ
																										<span
																										*ngIf="mg.getCustomProperty('shortname','count',row.rowId)!=0"
																										class="badge bg-primary ms-3">
																										{{mg.getCustomProperty('shortname','count',row.rowId)}}
																										</span>
					10	U=ｻﾌﾞﾌｫｰﾑ							SF1					497		28		319		303		mb-3 d-block col-lg-9
			１１）　DrawChart
				図ズ2.5.3-11 チャート描画ビョウガ画面ガメンのデザイン例レイ
					変換ヘンカンルール番号バンゴウ								5:ﾁｬｰﾄ表示ヒョウジ
					変数情報ヘンスウジョウホウ設定セッテイ								chartType					2=値アタイ					bar
													datasets					1=ｺﾝﾄﾛｰﾙ					P_ChartData
													labels					1=ｺﾝﾄﾛｰﾙ					P_Label
					コントロール属性ゾクセイ
					№	ｺﾝﾄﾛｰﾙﾀｲﾌﾟ					項目		コントロール名					ｘ		ｙ		幅ハバ		高タカさ		設定値
					1	O=ｸﾞﾙｰﾌﾟ							Group1					12		12		352		268		d_none
					2	B=ﾗﾍﾞﾙ							Label3					34		40		56		14
					3	E=ｴﾃﾞｨｯﾄ					C		P_ChartData					96		40		96		18
					4	B=ﾗﾍﾞﾙ							Label5					34		64		56		14
					5	E=ｴﾃﾞｨｯﾄ					D		P_Label					96		64		96		18
					※　モジュール設定セッテイウィザードにより「Chart.js」のインストールが必要ヒツヨウになります。
			１２）　GraphTest
				図ズ2.5.3-12 グラフテスト画面ガメンのデザイン例レイ
				①	GraphTest
					変換ヘンカンルール番号バンゴウ								１：ｶｰﾄﾞｸﾗｽ適用(通常)
					エリア別ベツルール設定セッテイ								エリア２を除外ジョガイ
					コントロール属性ゾクセイ
					№	ｺﾝﾄﾛｰﾙﾀｲﾌﾟ					項目		コントロール名					ｘ		ｙ		幅ハバ		高タカさ		設定値
					1	O=ｸﾞﾙｰﾌﾟ							Group18					12		12		627		111		mb-3/del_border
					2	B=ﾗﾍﾞﾙ							Label1(Data)					36		42		62		20		col-form-label col text-end me-3
					3	C=ｺﾝﾎﾞﾎﾞｯｸｽ					C		DataNo					116		42		268		18		form-select me-3/col/size:1
					4	D=ﾗｼﾞｵﾎﾞﾀﾝ					G		V_Radio					407		42		61		62		col/form-check form-check-inline/me-3
					5	U=ｻﾌﾞﾌｫｰﾑ							SF1					12		162		474		228		me-3 d-block col mb-3
					6	U=ｻﾌﾞﾌｫｰﾑ							SF2					507		162		454		228		d-block col
				②	EditGraphData
					変換ヘンカンルール番号バンゴウ								１：サンプル TABLE変換ヘンカン
					テーブル高タカさ								200px
					水平スイヘイスクロールバー								表示ヒョウジしない
					コントロール属性ゾクセイ
					№	ｺﾝﾄﾛｰﾙﾀｲﾌﾟ					項目		コントロール名					ｘ		ｙ		幅ハバ		高タカさ		設定値
					1	T=ﾃｰﾌﾞﾙ							Table1					12		12		318		244
					2	M=ｶﾗﾑ							Column1					0		0		50		0		d-none
					3	M=ｶﾗﾑ							Column2					0		0		44		0		d-none
					4	M=ｶﾗﾑ							Column4					0		0		74		0
					5	M=ｶﾗﾑ							Column6					0		0		98		0
					6	P=ﾌﾟｯｼｭﾎﾞﾀﾝ							PB_Edit					16		34		36		21		btn btn-secondary/fa-pencil
					7	E=ｴﾃﾞｨｯﾄ					O		XNo					66		34		36		19		pull-right
					8	E=ｴﾃﾞｨｯﾄ					R		LabelX					110		34		66		19
					9	E=ｴﾃﾞｨｯﾄ					Q		Val					184		34		90		19		pull-right
					10	P=ﾌﾟｯｼｭﾎﾞﾀﾝ							PB_Update					16		59		36		21		btn btn-danger/fa-check
					11	P=ﾌﾟｯｼｭﾎﾞﾀﾝ							PB_Cancel					16		84		36		21		btn btn-warning/fa-undo
			参考サンコウ）　StartupProgram
				※ルーティング情報ジョウホウで「Navbarを作成サクセイしない」にチェックを入イれたときのテンプレートの変換ヘンカン例レイです。
				図ズ2.5.3-13 スタートアッププログラム画面ガメンのデザイン例レイ
					変換ヘンカンルール番号バンゴウ								１：ｶｰﾄﾞｸﾗｽ適用(通常)
					CARD情報設定セッテイ								タイトル：メニュー
					エリア別ベツルール設定セッテイ								エリア２を除外ジョガイ
					コントロール属性ゾクセイ
					№	ｺﾝﾄﾛｰﾙﾀｲﾌﾟ					項目		コントロール名					ｘ		ｙ		幅ハバ		高タカさ		設定値
					1	O=ｸﾞﾙｰﾌﾟ							GRP1					12		12		415		95		del_border
					2	P=ﾌﾟｯｼｭﾎﾞﾀﾝ					C		PB1					19		31		72		21		btn btn-primary col me-3/fa-home
					3	P=ﾌﾟｯｼｭﾎﾞﾀﾝ					D		PB2					98		30		72		21		btn btn-secondary col me-3
					4	P=ﾌﾟｯｼｭﾎﾞﾀﾝ					E		PB3					177		29		72		21		btn btn-secondary col me-3
					5	P=ﾌﾟｯｼｭﾎﾞﾀﾝ					F		PB4					256		29		72		21		btn btn-secondary col me-3
					6	P=ﾌﾟｯｼｭﾎﾞﾀﾝ					G		PB5					335		29		72		21		btn btn-warning col me-3
					7	U=ｻﾌﾞﾌｫｰﾑ							SF1					12		113		415		202		mt-1
				＜Navbar作成時サクセイジに「サンプル１／normal」以外イガイを選択センタクしていた場合バアイの対処タイショ方法ホウホウ＞
				Navbar作成時に「サンプル１／normal」以外のテンプレートを選択していた場合は、ブラウザで表示ヒョウジしたとき、画面ガメンの上部ジョウブ等ナドに余白ヨハクが表示ヒョウジされます。
				その場合は下記のように対処してください。
					①Visual Studio Codeでindex.htmlを開ヒラきます
					②「body」タグの属性ゾクセイ「style」を除去ジョキョします
					③ファイルを保存ホゾンします