## 概要 [スマートデザイン](/ja/manual/smart-design-overview)のタブでは、以下の操作をドラッグ＆ドロップで直感的に実行できます。 　**【1】タブの新規作成** 　**【2】タブの並べ替え** 　**【3】タブの表示名変更** 　**【4】タブの削除** 　**【5】各タブでの項目の有効化と無効化** 　**【6】タブ間の項目移動** 本ページでは上記**【1】**～**【4】**について説明します。**【5】**～**【6】**については[スマートデザイン：エディタ：操作方法](/ja/manual/smart-desgin-editor)を確認してください。 上記の**【1】**～**【6】**は、[テーブルの管理](/ja/manual/table-management)の[エディタ](/ja/manual/table-editor)でも操作できます。  <table> <tr> <th>No.</th> <th>情報</th> <th>説明</th> </tr> <tr> <th style="color:red;">➊</td> <td>表示名</td> <td>タブの表示名です。</td> </tr> <tr> <th style="color:red;">➋</td> <td>項目数</td> <td>タブに配置した項目の数を表示します。</td> </tr> <tr> <th style="color:red;">➌</td> <td>タブの編集ボタン</td> <td>タブをポイントしたときに表示される歯車型のボタンです。<br>クリックすると「タブの編集」画面が開きます。</td> </tr> <tr> <th style="color:red;">➍</td> <td>タブハンドル</td> <td>タブをドラッグ＆ドロップ操作で移動・削除可能なタブに表示されます。<br>「全般」タブには表示されず、移動も削除もできません。</td> </tr> <tr> <th style="color:red;">➎</td> <td>タブの新規作成ボタン</td> <td rowspan="2">「＋」表示のときにクリックすると、タブを追加できます。<br>追加したタブをドラッグすると「－」表示に変わります。<br>「－」表示のときに削除したいタブをドロップすると削除できます。</td> </tr> <tr> <th style="color:red;">➏</td> <td>タブの削除ボタン</td> </tr> </table> ## 制限事項 1. [テーブルの管理：エディタ：タブ](/ja/manual/table-management-tab)の[制限事項](/ja/manual/enterprise-edition-restriction-database)を確認してください。 ## 前提条件 1. 設定を行うには「サイトの管理権限」が必要です。 ## 操作手順 #### 【1】タブの新規作成 タブを新規作成できます。新規作成できるタブの数に制限はありません。  1. 「タブの新規作成」ボタンをクリックしてください。 1. [表示名](/ja/manual/table-management-label-text)を入力し、「追加」ボタンをクリックしてください。 1. 既存のタブの右端（「変更履歴の一覧」タブの左側）に、新規作成したタブが追加されます。 タブの数が増え、表示がウィンドウ幅に収まらなくなると、タブの下に横スクロールバーが表示されます。 隠れたタブを表示したい場合や、タブの新規作成ボタンを利用したい場合は、横スクロールバーを使ってください。  1つのタブの最大表示幅は300ピクセルです。 この幅に入りきらないタブ名は、以下のように省略表示されます。  ※レコードの編集画面では、タブ名を省略せずに表示します。長すぎるタブ名を付けると、ウィンドウ幅を狭くした場合に表示が切れて見えることがあります。 #### 【2】タブの並べ替え タブハンドル付きのタブはドラッグ＆ドロップで並べ替えることができます。  ・「全般」タブより左へは移動できません。 ・「全般」タブは移動できません。 #### 【3】タブの表示名変更 「全般」タブ、新規作成したタブの表示名を変更できます。複数のタブに同じ表示名を付与できます。 1. タブの編集ボタン（歯車アイコン）をクリックするか、タブをダブルクリックしてください。  1. タブの編集画面が開きます。[表示名](/ja/manual/table-management-label-text)を任意の文字列に変更し、「更新」ボタンをクリックしてください。  1. コマンドボタンエリアの「更新」ボタンをクリックしてください。 #### 【4】タブの削除 ##### ①タブの編集画面を使う方法 タブハンドル付きのタブは削除することができます。削除したタブは元に戻せません。 1. タブの編集ボタン（歯車アイコン）をクリックするか、タブをダブルクリックしてください。  1. タブの編集画面が開きます。「 削除」ボタンをクリックしてください。  1. 「 項目」を配置しているタブを削除しようとすると、以下のような画面が表示されます。削除して構わなければ「 削除」ボタンをクリックしてください。配置済みの項目はタブの削除時にリセットされるため注意してください。  「 項目」を配置していないタブを削除しようとすると、以下のような画面が表示されます。 削除して構わなければ「 削除」ボタンをクリックしてください。  1. コマンドボタンエリアの「更新」ボタンをクリックしてください。 ##### ②タブの削除ボタンへドラッグ＆ドロップする方法 タブハンドル付きのタブを「タブの削除」ボタンへドラッグ＆ドロップすることでもタブを削除できます。 1. タブハンドル付きのタブを「タブの削除」ボタンへドラッグ＆ドロップしてください。 1. 「 項目」を配置している場合は、削除の確認画面が表示されます。削除して構わなければ「 削除」ボタンをクリックしてください。配置済みの項目はタブの削除時にリセットされるため注意してください。 「 項目」を配置していない場合は、確認ダイアログは表示されず、そのまま削除されます。 1. コマンドボタンエリアの「更新」ボタンをクリックしてください。  ## 対応バージョン | 対応バージョン | 内容 | | -------------- | -------- | | 1.5.3.0 以降 | 機能追加 | ## 関連情報 <div id="ManualList"><ul><li><a href="/ja/manual/table-editor">テーブル機能：レコードのエディタ画面</a><span>2023/04/12 up</span></li></ul></article> <ul><li><a href="/ja/manual/table-management">テーブルの管理</a><span>2025/12/09 up</span></li></ul></article> <ul><li><a href="/ja/manual/table-management-editor">テーブルの管理：エディタ</a><span>2026/02/10 up</span></li> <li><a href="/ja/manual/table-management-editor-columns">テーブルの管理：エディタ：エディタの設定</a><span>2026/04/27 up</span></li> <li><a href="/ja/manual/table-management-label-text">テーブルの管理：エディタ：項目の詳細設定：表示名</a><span>2023/04/25 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>2026/04/14 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/09/09 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/09/09 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-grid">スマートデザイン：一覧：操作方法</a><span>2026/02/10 up</span></li></ul></article> <ul><li><a href="/ja/manual/smart-desgin-filter">スマートデザイン：フィルタ：操作方法</a><span>2025/04/08 up</span></li></ul></article> <ul><li><a href="/ja/manual/enterprise-edition-restriction-database">データベースによる制限事項</a><span>2025/02/14 up</span></li></ul></article></div><input id="SearchTextHidden" type="hidden" value="" />