## 概要 [スマートデザイン](/ja/manual/smart-design-overview)では一覧画面のレイアウトをドラッグ＆ドロップで簡単に編集することができます。 また、各項目の表示に関するオプションをダイアログで個別に変更することも可能です。  ## 制限事項 1. スマートデザインの一覧画面で編集できる項目は【全般】で有効化されている項目のみです。 [追加したタブ](https://pleasanter.org/ja/manual/table-management-tab)で有効化している項目に関しては追加できません。 1. スマートデザインの一覧画面では、リンク先の項目を編集することはできません。スマートデザイン上では表示されませんが、設定は保持され、一覧で表示されている項目の配置のみが変更されます。 1. [スマートデザイン：概要](/ja/manual/smart-design-overview)の制限事項も参照ください。 ## 画面の説明 ### ドラッガブルエリア  #### 1. 項目一覧 画面左の項目を選択し右のレイアウトエリアにドラッグ＆ドロップすることで一覧に配置することが可能です。 項目のグループ名はアコーディオンボタンになっており展開することで配置可能な項目が展開されます。 各グループの詳細は以下の通りです。 |項目グループ名|説明| |:--|:--| |基本項目|サイトを構成する基本的な項目です。 | |追加項目|分類/数値/日付/説明/チェック/添付ファイルなどA-Zで終わる項目です。| #### 2. レイアウトエリア 画面右側に一覧画面に配置されている項目がセル型のユニットでレイアウトされます。 配置済みの項目セルはドラッグ＆ドロップで自由に並び替えることが可能です。 ### 各種項目セル  |No|タグ|説明| |:--:|:--|:--| |1|表示名|配置された項目の表示名です。| ## 操作方法 ### 項目の配置・並び替え スマートデザイン起動時に現在のテーブル管理 > [一覧](/ja/manual/table-management-grid)画面の構成を表示します。  画面左の項目一覧から必要な項目をドロップ操作で一覧に配置することができ、 配置済みの項目も自由に並び替えられるので直感的に一覧画面のレイアウトを設計することが可能です。 ### 項目をレイアウトから削除 項目セルをレイアウトから削除したい場合は、削除したい項目を、ドラッグ操作で項目一覧に表示される「一覧で使用しない項目はこちらにドラッグ」にドラッグする。 ※「一覧で使用しない項目はこちらにドラッグ」の文字が赤くなるのを確認して項目を離してください。  ## 対応バージョン |対応バージョン|内容| |:--|:--| |1.4.15.0以降|機能追加| ## 関連情報 [テーブルの管理：一覧画面：一覧画面の項目の設定](table-management-grid-columns) <div id="ManualList"><ul><li><a href="/ja/manual/table-management-grid">テーブルの管理：一覧画面</a><span>2023/05/12 up</span></li></ul></article> <ul><li><a href="/ja/manual/smart-design-overview">スマートデザイン：概要</a><span>2025/04/08 up</span></li></ul></article> <ul><li><a href="/ja/manual/smart-desgin-editor">スマートデザイン：エディタ：操作方法</a><span>2025/04/08 up</span></li> <li><a href="/ja/manual/smart-design-editor-id">スマートデザイン：エディタ：項目：ID</a><span>2025/04/08 up</span></li> <li><a href="/ja/manual/smart-design-editor-version">スマートデザイン：エディタ：項目：バージョン</a><span>2025/04/08 up</span></li> <li><a href="/ja/manual/smart-design-editor-body">スマートデザイン：エディタ：項目：内容</a><span>2025/04/08 up</span></li> <li><a href="/ja/manual/smart-design-editor-title">スマートデザイン：エディタ：項目：タイトル</a><span>2025/04/08 up</span></li> <li><a href="/ja/manual/smart-design-editor-start-time">スマートデザイン：エディタ：項目：開始</a><span>2025/04/08 up</span></li> <li><a href="/ja/manual/smart-design-editor-completion-time">スマートデザイン：エディタ：項目：完了</a><span>2025/04/08 up</span></li> <li><a href="/ja/manual/smart-design-editor-work-value">スマートデザイン：エディタ：項目：作業量</a><span>2025/04/08 up</span></li> <li><a href="/ja/manual/smart-design-editor-progress-rate">スマートデザイン：エディタ：項目：進捗率</a><span>2025/04/08 up</span></li> <li><a href="/ja/manual/smart-design-editor-remaining-work-value">スマートデザイン：エディタ：項目：残作業量</a><span>2025/04/08 up</span></li> <li><a href="/ja/manual/smart-design-editor-state">スマートデザイン：エディタ：項目：状況</a><span>2025/04/08 up</span></li> <li><a href="/ja/manual/smart-design-editor-manager">スマートデザイン：エディタ：項目：管理者</a><span>2025/04/08 up</span></li> <li><a href="/ja/manual/smart-design-editor-owner">スマートデザイン：エディタ：項目：担当者</a><span>2025/04/08 up</span></li> <li><a href="/ja/manual/smart-design-editor-class">スマートデザイン：エディタ：項目：分類</a><span>2025/04/08 up</span></li> <li><a href="/ja/manual/smart-design-editor-num">スマートデザイン：エディタ：項目：数値</a><span>2025/04/08 up</span></li> <li><a href="/ja/manual/smart-design-editor-date">スマートデザイン：エディタ：項目：日付</a><span>2025/04/08 up</span></li> <li><a href="/ja/manual/smart-design-editor-description">スマートデザイン：エディタ：項目：説明</a><span>2025/04/08 up</span></li> <li><a href="/ja/manual/smart-design-editor-check">スマートデザイン：エディタ：項目：チェック</a><span>2025/04/08 up</span></li> <li><a href="/ja/manual/smart-design-editor-attachments">スマートデザイン：エディタ：項目：添付ファイル</a><span>2025/04/08 up</span></li> <li><a href="/ja/manual/smart-design-editor-link-table">スマートデザイン：エディタ：項目：リンクテーブル</a><span>2025/04/08 up</span></li> <li><a href="/ja/manual/smart-design-editor-line-break">スマートデザイン：エディタ：項目：改行</a><span>2025/04/08 up</span></li> <li><a href="/ja/manual/smart-design-editor-section">スマートデザイン：エディタ：項目：見出し</a><span>2025/04/08 up</span></li></ul></article> <ul><li><a href="/ja/manual/smart-desgin-filter">スマートデザイン：フィルタ：操作方法</a><span>2025/04/08 up</span></li></ul></article></div><input id="SearchTextHidden" type="hidden" value="" />