前編では、Pleasanterのスマートデザインで入力フォーム（エディタ）を作成する機能をご紹介しました。しかし、入力した大量のデータを、整理して見やすくしたり、欲しいデータをいつでも取得したりできなければ、せっかくのデータを活かすことができません。その状況を打開するために、同じくスマートデザインで「一覧」と「フィルタ」の設定をしましょう。
 前回同様、誰でも簡単に設定できます。今回も、画像を交えて作成工程を紹介していきます。ぜひ最後までご覧ください。

スマートデザインで「一覧」の設定をしよう

 前編で作成した「問合せ管理」の入力フォームは、初期状態のままだと上記のような一覧が形成されます。ただ、よく見ると「お客様名」の項目が一覧に入っていないため、一目では誰からの問い合わせなのかが分からない状態になっています。一覧の出力項目の設定・並び替えの手順は以下の通りになります。

1. スマートデザイン画面の「一覧」タブを押す

 右上の「一覧」タブをクリックすると、一覧の編集画面に移行します。

2. スマートデザインの「一覧」編集画面が出現

 エディタで作成したものも含め、画面左側に使用している項目のリストが表示されます。

3. 追加したい項目をつかんで、好きな所に貼り付け

 エディタの項目追加と同じように、ドラッグ＆ドロップで配置するだけです。好きな位置に必要な項目を表示することができます。

4. 削除したい項目をつかんで、非表示エリアへ移動

 逆に表示したくない項目については、左に表示される「一覧で使用しない項目は こちらにドラッグ」まで移動すると、一覧表示から削除することができます。

5. 並び替えたい項目をつかんで、好きな所に貼り付け

 関連性が近い項目や頻繁に使用する項目をまとめておくと、視認性が向上し、さらに使いやすくなります。こちらもドラッグ＆ドロップだけで移動ができます。

6. 一覧画面の完成

 どのお客様から、どんな内容の問い合わせが届いていて、今どういう状況なのかなどという情報が一目で確認できるようになりました。

スマートデザインで「フィルタ」の設定をしよう

 続けて「フィルタ」の設定も行っていきましょう。フィルタ機能は、一覧で表示されているデータを、特定の条件に基づいて絞り込む機能です。必要なデータを的確に取得するために、こちらも設定をしておくことをオススメします。

1. スマートデザイン画面の「フィルタ」タブを押す

 右上の「フィルタ」タブをクリックすると、一覧の編集画面に移行します。

2. スマートデザインの「フィルタ」編集画面が出現

 エディタで作成したものも含め、画面左側に使用している項目のリストが表示されます。

3. ドラッグ＆ドロップで、追加・削除・並び替え

 あとは「一覧」の設定と同じです。「検索に使用したい項目をドロップする」「必要のない項目は非表示エリアに移動する」「並び変えたいところにドロップする」ことで使いやすい画面を構築しましょう。

4. 全て設定が完了

 これでフィルタ部分の設定も完了です。なお、青枠の「検索」は、自動反映されるフィルタで、テーブル内全体の中での文字列検索となっています。「お客様名」「タイトル」「電話番号」「日時」など多岐にわたる検索ができるので、非常に重宝します。

 フィルタで絞り込むと、右のようになります。「状況」が「起票 or 受け付け」、「緊急度」が「低」という条件に当てはまるデータのみが表示されています。大量なデータから、必要なデータをすぐに得ることができます。

まとめ

 前後編でご紹介したPleasanterのスマートデザインを活用することで、誰でも簡単に使いやすい画面を構築できることをご理解いただけたかと思います。必要な情報をすぐに把握・抽出できる環境が整えば、業務効率も飛躍的にアップします。それをドラッグ＆ドロップだけで実現できるスマートデザインを使わない手はありません。
 「スマートデザインを使ってみたい」「もっと効率的にデータを扱いたい」「カスタマイズの相談をしたい」など、ご不明点がございましたら、経験豊富なスタッフが、あなたの業務に最適な環境づくりを全力でサポートいたします。お気軽にお問い合わせください。

 
 以下のリンクでも、Pleasanterの概要や構築の仕方などを解説しています。合わせてご覧ください。

The post 【後編】プリザンターの便利機能『スマートデザイン』でできること first appeared on いわてDX&クラウド応援隊.

 ローコード・ノーコードツールとして知られるPleasanter（プリザンター）ですが、いざ画面設計しようとすると、思っていたよりも専門的な設定画面が多いと感じたお客様から、上記のような声をいただくことがありました。
 そんな悩みを一気に解消するのが、2025年4月に機能追加された【スマートデザイン】機能です。
 この機能を使えば、まるでパワーポイントのように、多様な入力項目をドラッグ＆ドロップで自由に配置するだけで、業務に最適なアプリのフォームを直感的に設計できます。今回は、スマートデザインで「入力フォーム（エディタ）」を作成する工程を、画像を交えて紹介していきます。ぜひ最後までご覧ください。

今までの作成画面はどうだったか？

 アプリの「入力画面」を作る役割を担っているのが「エディタ」機能です。従来のPleasanterの管理画面（テーブルの管理のエディタ編集画面）は、以下のような画面でした。

 従来のPleasanterの管理画面では、この1画面で詳細な設定まで可能でしたが、多機能である反面、使っている方から「ボタンが多くて、どこから手を付けたらよいか分からない」「初心者の私は『これは無理かも…』と思った」という意見も寄せられました。しかし、スマートデザインを利用すれば、難しいコードや設定を意識することなく、視覚的・ビジュアル的にフォームのレイアウトを整えることができます。

実際にスマートデザインを使ってみよう

 実際にスマートデザインを使ってフォームを設計する手順は、非常にシンプルです。手順を追ってご説明します。

1. 編集したいテーブルへアクセス

 Pleasanterにログインし、フォームをデザインしたい対象のサイトへ移動します。今回は「問合せ管理」の入力フォームを作っていきます。

2. メニューから「スマートデザイン」を選択

 画面左上のナビゲーションメニュー(☰)にある「管理」から「スマートデザイン」を選択します。

3. スマートデザインの「エディタ」編集画面が出現

 画面右側からスマートデザインの編集画面がスライドパネルとして表示されます。

4. 項目をつかんで、好きな所に貼り付け

 テキスト・数値・日付などといった必要な項目をつかんで、ドラッグ＆ドロップで配置するだけで、フォームのレイアウトが完了します。ITに詳しくない方でも安心して使えるのではないでしょうか。

5. 配置した項目の簡易設定

 各項目の右上に表示される歯車マークで、表示名を変更したり、基本的な入力制限を設定したりできます。

6. フォームをグループ化して整理

 項目と同様に「改行」や「見出し」を貼り付け、項目をグループ化したり、区切りをつけたりすることで、さらに分かりやすいフォームが完成します。

7. 入力画面の完成

 項目の配置や設定が完了したら、画面下部の「更新」ボタンをクリックするだけで、新しい入力フォームのデザインがアプリに反映されます。

 
そのように感じていただけたなら、スマートデザインの魅力はきっと伝わったはずです。まずはトライしてみましょう！

まとめ

 ローコードに対する不安やハードルを取り払い、誰もが直感的にアプリ構築できる環境を実現するーーそれが「スマートデザイン」そして「Pleasanter」の大きな魅力です。IT導入や業務改善を始めるきっかけ・最初の一歩として、私たちは「Pleasanter」を自信を持ってオススメいたします。
 「Pleasanter」「スマートデザイン」を試してみたい方は、ぜひお気軽にご相談ください。それ以外でも、具体的なお悩みでなくても『こんなことをやりたい』といった漠然としたご要望でも大丈夫です。一緒に考え、解決に向けてサポートいたします。

 今回は入力フォームを作成する「エディタ」機能に絞ってご紹介しました。次回は、スマートデザインの残りの機能である「一覧」と「フィルタ」を活用して、データが見やすく、使いやすいアプリに仕上げる方法を解説します。ぜひ次回もご覧いただき、Pleasanterの可能性をさらに広げてみてください。
 以下のリンクでも、Pleasanterの概要や構築の仕方などを解説しています。合わせてご覧ください。

The post 【前編】プリザンターの便利機能『スマートデザイン』でできること first appeared on いわてDX&クラウド応援隊.